body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{align-items:center;background:#fff;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;padding:1px 8%;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.logo img{display:block;height:45px;width:auto}.nav{align-items:center}.nav,.nav-links{display:flex;gap:30px}.nav-links{list-style:none}.nav-links li a{color:#333;font-size:16px;font-weight:500;text-decoration:none;transition:color .3s ease}.nav-links li a:hover{color:#f60}.cv-btn{background:#f60;border-radius:6px;color:#fff;font-size:15px;font-weight:600;padding:10px 22px;text-decoration:none;transition:background .3s ease}.cv-btn:hover{background:#e25500}.hamburger{cursor:pointer;display:none;flex-direction:column;gap:5px}.hamburger .line{background:#333;border-radius:2px;height:3px;transition:all .3s ease;width:25px}@media (max-width:900px){.nav{align-items:center;background:#fff;box-shadow:-2px 0 8px #0000001a;flex-direction:column;gap:25px;height:100vh;justify-content:center;position:fixed;right:-100%;top:0;transition:right .4s ease-in-out;width:70%}.nav.active{right:0}.nav-links{flex-direction:column;gap:20px}.cv-btn{padding:12px 26px}.hamburger{display:flex}}.hamburger .line.open:first-child{transform:rotate(45deg) translateY(8px)}.hamburger .line.open:nth-child(2){opacity:0}.hamburger .line.open:nth-child(3){transform:rotate(-45deg) translateY(-8px)}html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif;letter-spacing:.3px}.hero{align-items:center;background:#fff;display:flex;flex-wrap:nowrap;gap:48px;justify-content:space-between;overflow:hidden;padding:80px 8%;position:relative}.hero:before{background:radial-gradient(circle,#ff660026,#0000 70%);height:280px;left:-120px;top:-120px;width:280px}.hero:after,.hero:before{border-radius:50%;content:"";position:absolute;z-index:0}.hero:after{background:radial-gradient(circle,#ff66001f,#0000 70%);bottom:-150px;height:320px;right:-150px;width:320px}.hero-bg-blob{background:linear-gradient(135deg,#f60,#ffa366);border-radius:50%;filter:blur(60px);height:220px;left:55%;opacity:.08;position:absolute;top:20%;width:220px;z-index:0}.hero-text{flex:1 1 520px;max-width:720px;min-width:300px;position:relative;z-index:1}.intro{color:#111;color:var(--text);font-size:14px;font-weight:600;margin:0 0 4px}.name{color:#f60;color:var(--accent);font-size:22px;margin:0 0 8px}.name,.title{font-weight:700}.title{color:#111;color:var(--text);font-size:clamp(40px,8vw,88px);letter-spacing:-1.5px;line-height:1.1;margin:6px 0 18px;text-transform:uppercase}.title-line{display:block}.designer{color:#111;color:var(--text);margin-left:190px}.lead{color:#666;color:var(--muted);font-size:15px;line-height:1.7;margin:20px 0 28px;max-width:56ch}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:22px}.hire-btn{background:#f60;background:var(--accent);border-radius:8px;color:#fff;display:inline-block;font-weight:700;padding:11px 22px;text-decoration:none;transition:background .2s ease,transform .12s ease}.hire-btn:hover{background:#e25500;background:var(--accent-dark);transform:translateY(-1px)}.hero-img{align-items:center;display:flex;flex:1 1 420px;flex-direction:column;min-width:280px;position:relative;z-index:1}.img-badge{background:rgba(255,102,0,.557);border-radius:0;box-shadow:0 8px 18px #ff66004d;height:35px;left:73.5%;position:absolute;top:110px;transform:translateX(-50%);width:170px;z-index:5}.img-frame{padding:6px}.social-icons{display:flex;gap:5px;margin-top:16px}.social,.social-icons{align-items:center;justify-content:center}.social{border:1px solid #ddd;border-radius:8px;color:#333;display:inline-flex;font-size:16px;height:40px;text-decoration:none;transition:background .18s,color .18s,border .18s;width:40px}.social:hover{background:#f60;background:var(--accent);border-color:#f60;border-color:var(--accent);color:#fff}@media (max-width:900px){.hero{align-items:center;flex-direction:column;gap:30px;padding:48px 6%;text-align:center}.title{font-size:clamp(32px,10vw,48px)}.designer{display:block;margin-left:0}.img-badge{height:36px;left:50%;top:553px;width:160px}.img-inner img{left:-9px;top:-75px;width:208px}.img-frame{height:190px;width:190px}}@media (max-width:480px){.hero{gap:20px;padding:36px 4%}.img-frame{height:200px;width:200px}.img-badge{height:32px;left:50%;top:533px;width:140px}.img-inner img{border-radius:47%;height:auto;left:-10px;object-fit:cover;position:relative;top:-81px;width:219px;z-index:2}.title{font-size:clamp(28px,12vw,38px)}.lead{font-size:14px}.name{font-size:18px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInStagger{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.hero-text{animation:fadeUp .8s ease forwards}.img-frame{animation:scaleIn .9s ease forwards;animation-delay:.2s}.social-icons a{animation:fadeInStagger .6s ease forwards;opacity:0}.social-icons a:first-child{animation-delay:.7s}.social-icons a:nth-child(2){animation-delay:.9s}.social-icons a:nth-child(3){animation-delay:1.1s}.social-icons a:nth-child(4){animation-delay:1.3s}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.img-frame{animation:scaleIn .9s ease forwards,float 4s ease-in-out infinite;animation-delay:.2s,1.2s}.intro{animation:fadeUp .6s ease forwards;animation-delay:.2s;opacity:0}.name{animation:fadeUp .6s ease forwards;animation-delay:.4s;opacity:0}.title{animation:slideDown .8s ease forwards;animation-delay:.6s;opacity:0}.lead{animation:fadeUp .8s ease forwards;animation-delay:.9s;opacity:0}.hire-btn{animation:scaleIn .5s ease forwards;animation-delay:1.2s;opacity:0}.img-badge{animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%{box-shadow:0 0 8px #ff66004d}50%{box-shadow:0 0 20px #f609}to{box-shadow:0 0 8px #ff66004d}}.hero-bg-blob{animation:blobPulse 6s ease-in-out infinite}@keyframes blobPulse{0%{opacity:.08;transform:scale(1)}50%{opacity:.12;transform:scale(1.15)}to{opacity:.08;transform:scale(1)}}.img-inner img{animation:fadeUp .9s ease forwards;animation-delay:.8s;opacity:0}.about{background:#fff;flex-wrap:wrap;gap:48px;justify-content:space-between;padding:10px 8%}.about,.about-img{align-items:center;display:flex}.about-img{flex:1 1 360px;justify-content:center}.about-badge{background:#ff66008c;border-radius:0;box-shadow:0 8px 18px #ff66004d;height:35px;left:26%;position:absolute;top:715px;transform:translateX(-50%);width:160px;z-index:5}.img-frame{animation:spin 6s linear infinite;background:conic-gradient(from 140deg,#f609,#b5a8a099,#b0cdb3f2);border-radius:50%;height:208px;padding:5px;width:208px}.img-inner{background:#fff;border-radius:50%;height:100%;overflow:reletive;width:100%}.img-inner img{border-radius:50%;height:auto;left:-11px;object-fit:cover;position:relative;top:-85px;width:230px;z-index:2}.about-text{flex:1 1 480px;min-width:320px}.about-text h2{color:#111;color:var(--text);font-size:36px;font-weight:700;margin-bottom:18px;position:relative}.about-text h2:after{background:#f60;background:var(--accent);border-radius:2px;content:"";display:block;height:4px;margin-top:8px;width:60px}.about-text p{color:#666;color:var(--muted);font-size:15px;line-height:1.6;margin-bottom:30px;max-width:560px}.skills{margin-top:20px}.skill{margin-bottom:20px}.skill p{color:#111;color:var(--text);font-size:15px;font-weight:600;margin:0 0 6px}.bar{background:#eee;height:10px;overflow:visible;width:100%}.bar,.fill{border-radius:50px;position:relative}.fill{background:#f60;background:var(--accent);height:100%;transition:width 1.2s ease-in-out;width:0}.fill.animate{width:var(--target)}.fill:after{background:#fff;border:2px solid #f60;border:2px solid var(--accent);border-radius:50%;box-shadow:0 0 8px #f60c,0 2px 6px #0003;content:"";height:18px;position:absolute;right:0;top:50%;transform:translate(60%,-50%);width:18px}@media (max-width:900px){.about{flex-direction:column;text-align:center}.about-text h2:after{margin:8px auto 0}.about-img{margin-bottom:30px}.about-badge{height:32px;left:50%;top:1150px;width:150px}}@media (max-width:480px){.about-badge{height:28px;left:52%;top:1120px;width:130px}}.services{background:#fafafa;padding:80px 8%;text-align:center}.services h2{color:#111;color:var(--text);display:inline-block;font-size:36px;font-weight:700;margin-bottom:10px;position:relative}.services h2:after{background:#f60;background:var(--accent);border-radius:2px;content:"";display:block;height:4px;margin:10px auto 0;width:60px}.services-subtitle{color:#666;color:var(--muted);font-size:15px;line-height:1.6;margin:0 auto 50px;max-width:560px}.service-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.service-card{background:#fff;border:2px solid #0000;border-radius:14px;box-shadow:0 6px 20px #0000000f;cursor:pointer;padding:40px 25px;transition:.3s ease}.service-card:hover{border-color:#f60;border-color:var(--accent);box-shadow:0 10px 25px #ff660026;transform:translateY(-8px)}.service-icon{align-items:center;display:flex;justify-content:center;margin-bottom:18px}.service-icon img{height:48px;object-fit:contain;width:48px}.service-card h3{color:#111;color:var(--text);font-size:20px;font-weight:700;margin-bottom:12px}.service-card p{color:#666;color:var(--muted);font-size:14px;line-height:1.6}@media (max-width:768px){.services{padding:60px 6%}.service-card{padding:30px 20px}.service-icon img{height:40px;width:40px}}.projects{background:#fff;padding:80px 8%;text-align:center}.projects h2{color:#111;color:var(--text);display:inline-block;font-size:36px;font-weight:700;margin-bottom:10px;position:relative}.projects h2:after{background:#f60;background:var(--accent);border-radius:2px;content:"";display:block;height:4px;margin:10px auto 0;width:60px}.projects-subtitle{color:#666;color:var(--muted);font-size:15px;line-height:1.6;margin:0 auto 40px;max-width:560px}.filters{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:40px}.filters button{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s}.filters button.active,.filters button:hover{background:#f60;background:var(--accent);border-color:#f60;border-color:var(--accent);color:#fff}.project-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.project-card{background:#fff;border-radius:14px;box-shadow:0 6px 18px #0000000d;cursor:pointer;padding:16px;transition:transform .3s,box-shadow .3s}.project-card:hover{box-shadow:0 10px 25px #0000001f;transform:translateY(-6px)}.project-img{background:#eee;border-radius:10px;height:200px;margin-bottom:12px;overflow:hidden;position:relative;width:100%}.project-img img{display:block;height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.project-card:hover .project-img img{transform:scale(1.05)}.overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.project-card:hover .overlay{opacity:1}.view-btn:hover{background:#e25500;background:var(--accent-dark)}.project-card h4{color:#f60;color:var(--accent);font-size:14px;font-weight:600;margin-bottom:6px}.project-card p{color:#111;color:var(--text);font-size:16px;font-weight:600;line-height:1.4}.testimonials{background:#fafafa;overflow:hidden;padding:80px 8%;text-align:center}.testimonials h2{color:#111;color:var(--text);font-size:36px;font-weight:700;margin-bottom:10px}.testimonials h2:after{background:#f60;background:var(--accent);border-radius:2px;content:"";display:block;height:4px;margin:10px auto 0;width:60px}.subtitle{margin-bottom:50px}.testimonial-slider{display:flex;justify-content:center;position:relative}.slider-window{max-width:900px;overflow:hidden;width:80%}.slider-track{display:flex;transition:transform .6s ease}.testimonial-card{background:#fff;border-radius:16px;box-shadow:0 10px 28px #00000014;min-width:100%;padding:40px;text-align:left}.testimonial-content{align-items:center;display:flex;gap:20px}.client-img{border:1px solid #f60;border:1px solid var(--accent);border-radius:50%;flex-shrink:0;height:90px;object-fit:fill;width:90px}.testimonial-texts{flex:1 1}.testimonial-text{color:#666;color:var(--muted);font-size:16px;font-style:italic;line-height:1.6;margin-bottom:12px;position:relative}.quote-icon{color:#f60;color:var(--accent);font-size:20px;font-weight:700;margin:0 6px}.client-name{color:#111;color:var(--text);font-size:18px;font-weight:700;margin:0}.client-role{color:#f60;color:var(--accent);display:block;font-size:14px;margin-top:4px}.rectangles{margin-top:25px}.rect{background:#ddd;border-radius:4px;cursor:pointer;display:inline-block;height:8px;margin:0 6px;transition:background .3s;width:28px}.rect.active{background:#f60;background:var(--accent)}.slider-window{overflow:visible}.testimonial-card{margin:0 12px;min-width:calc(100% - 100px)}@media (max-width:768px){.testimonial-content{flex-direction:column;text-align:center}.client-img{margin-bottom:15px}.testimonial-card{margin:0;min-width:100%}}:root{--accent-dark:#e25500;--text:#111;--muted:#666}.contact{background:#fff;padding:80px 8%;text-align:center}.contact h2{color:#111;color:var(--text);font-size:36px;font-weight:700;margin-bottom:12px;position:relative}.contact h2:after{background:#f60;background:var(--accent);border-radius:2px;content:"";display:block;height:4px;margin:10px auto 0;width:60px}.subtitle{color:#666;color:var(--muted);font-size:15px;line-height:1.6;margin:10px auto 40px;max-width:520px}.contact-box{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.contact-box input{border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000000d;font-size:15px;outline:none;padding:14px 16px;transition:border .3s;width:320px}.contact-box input:focus{border-color:#f60;border-color:var(--accent)}.contact-box button{background:#f60;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:14px 28px;transition:background .25s ease}.contact-box button:hover{background:#e25500;background:var(--accent-dark)}@media (max-width:600px){.contact-box{align-items:center;flex-direction:column}.contact-box input{max-width:300px;width:90%}.contact-box button{max-width:200px;width:100%}}:root{--accent:#f60;--bg-dark:#1a1a1a;--bg-black:#000;--text-light:#fff;--muted-light:#aaa}footer{margin-top:60px}.footer-main{background:#fff;background:var(--text-light);color:#000;color:var(--bg-black);padding:50px 8% 40px;text-align:center}.footer-logo img{height:40px;margin-bottom:20px}.footer-links{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;list-style:none;margin:0 auto 25px;padding:0}.footer-links li{cursor:pointer;font-size:15px;transition:color .3s}.footer-links li:hover{color:#f60;color:var(--accent)}.footer-socials{gap:15px;margin-top:15px}.footer-socials,.footer-socials a{display:flex;justify-content:center}.footer-socials a{align-items:center;background:#222;border-radius:50%;color:#fff;color:var(--text-light);font-size:14px;height:36px;transition:all .3s;width:36px}.footer-socials a:hover{background:#f60;background:var(--accent);color:#fff}.footer-bottom{background:#000;background:var(--bg-black);padding:16px 8%;text-align:center}.footer-bottom p{color:#aaa;color:var(--muted-light);font-size:14px;margin:0}.dark-mode{--accent:#f60;--accent-dark:#e25500;--text:#f0f0f0;--muted:#bbb;--bg:#121212;--bg-card:#1f1f1f}.dark-mode .about,.dark-mode .contact,.dark-mode .header,.dark-mode .hero,.dark-mode .projects,.dark-mode .services,.dark-mode .testimonials,.dark-mode body{background:var(--bg);color:var(--text)}.dark-mode .project-card,.dark-mode .service-card,.dark-mode .testimonial-card{background:var(--bg-card);box-shadow:0 6px 20px #0000004d}.dark-mode footer{margin-top:0}.dark-mode .footer-main{background:var(--bg-card);color:var(--text)}.dark-mode .footer-bottom{background:#111;color:var(--muted)}.dark-mode .nav-links li a,.dark-mode a{color:var(--text)}.dark-mode a:hover{color:var(--accent)}.dark-mode input,.dark-mode textarea{background:#222;border:1px solid #555;color:var(--text)}.dark-mode input:focus,.dark-mode textarea:focus{border-color:var(--accent)}.dark-mode .contact-box button,.dark-mode .cv-btn,.dark-mode .hire-btn{background:var(--accent);color:#fff}
/*# sourceMappingURL=main.0b9f4195.css.map*/