html{scroll-behavior:smooth}body{overflow-x:hidden}img{max-width:100%;display:block}button,input,textarea{font:inherit}button{cursor:pointer;background:0 0;border:none}ul{list-style:none}:root{--font-family:"Inter", sans-serif;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-black:800;--fs-display:clamp(3rem, 5vw, 4.2rem);--fs-h1:clamp(2.4rem, 4vw, 3.4rem);--fs-h2:clamp(2rem, 3.5vw, 2.6rem);--fs-h3:clamp(1.4rem, 2.5vw, 1.8rem);--fs-h4:1.2rem;--fs-body:.95rem;--fs-small:.8rem;--radius-sm:10px;--radius-md:18px;--radius-lg:28px;--radius-full:999px;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--space-2xl:7rem;--transition:.35s ease;--container:1280px;--shadow-sm:0 8px 20px #00000014;--shadow-lg:0 20px 60px #0000002e;--primary:#2563eb;--secondary:#7c3aed;--accent:#00d4ff}:root[data-theme=light]{--bg-primary:#edeff3;--bg-secondary:#f7f8fb;--bg-card:#fff;--heading:#111827;--text:#374151;--text-light:#6b7280;--border:#e9e9e9;--shadow-sm:0 8px 25px #0f172a14;--shadow-lg:0 25px 70px #0f172a1f}:root[data-theme=dark]{--bg-primary:#050505;--bg-secondary:#0d1117;--bg-card:#111;--heading:#fff;--text:#d1d5db;--text-light:#9ca3af;--border:#ffffff14;--shadow-sm:0 8px 25px #00000059;--shadow-lg:0 25px 70px #0000008c}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text);transition:background .3s,color .3s}h1{font-size:var(--fs-display);font-weight:var(--fw-black);color:var(--heading);line-height:1.05}h2{font-size:var(--fs-h1);font-weight:var(--fw-bold);color:var(--heading)}h3{font-size:var(--fs-h2);font-weight:var(--fw-bold);color:var(--heading)}h4{font-size:var(--fs-h3);font-weight:var(--fw-semibold)}p{font-size:var(--fs-body);color:var(--text-light);line-height:1.8}.container{width:min(var(--container), 92%);margin-inline:auto}section{padding:120px 0;position:relative}.grid{display:grid}.flex{display:flex}.center{justify-content:center;align-items:center;display:flex}.btn{border-radius:var(--radius-full);transition:var(--transition);justify-content:center;align-items:center;gap:10px;padding:15px 32px;font-weight:600;display:inline-flex}.btn-primary{background:var(--secondary);color:#fff}.btn-primary:hover{transform:translateY(-4px)}.btn-outline{border:1px solid var(--border);color:var(--heading)}.btn-outline:hover{background:var(--primary);color:#fff}.text-center{text-align:center}.mt-lg{margin-top:var(--space-lg)}.mb-lg{margin-bottom:var(--space-lg)}.hidden{display:none}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:24px;transition:all .3s}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:20px}::selection{background:var(--primary);color:#fff}body{background:var(--bg-primary)}section{background:0 0}svg{transition:all .3s}html,body,#root{scroll-behavior:smooth;min-height:100%}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(60px)}.reveal.active{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .8s,transform .8s;transform:translate(-60px)}.reveal-left.active{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:opacity .8s,transform .8s;transform:translate(60px)}.reveal-right.active{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transition:opacity .8s,transform .8s;transform:scale(.92)}.reveal-scale.active{opacity:1;transform:scale(1)}.header{z-index:999;background:color-mix(in srgb, var(--bg-primary) 75%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);width:100%;transition:var(--transition);position:fixed;inset:0 0 auto}.header__container{width:min(var(--container), 92%);justify-content:space-between;align-items:center;margin-inline:auto;padding:24px 0;display:flex}.header__logo{font-size:1.75rem;font-weight:var(--fw-bold);color:var(--heading);letter-spacing:1px;transition:var(--transition)}.header__logo span{color:var(--secondary)}.header__nav{align-items:center;gap:2.25rem;display:flex}.header__nav a{color:var(--heading);font-size:.65rem;font-weight:var(--fw-medium);transition:var(--transition);position:relative}.header__nav a:after{content:"";background:var(--primary);width:0;height:2px;transition:var(--transition);position:absolute;bottom:-8px;left:0}.header__nav a:hover{color:var(--primary)}.header__nav a:hover:after{width:100%}.resumeBtn{border-radius:var(--radius-full);background:var(--secondary);color:#fff;font-size:12px;font-weight:var(--fw-regular);transition:var(--transition);padding:8px 18px}.resumeBtn:hover{transform:translateY(-3px)}.desktopBtn{display:block}.mobileBtn{display:none}.menuBtn{color:#fff;cursor:pointer;background:0 0;border:none;flex-direction:column;gap:6px;font-size:26px;transition:all .3s;display:none}.menuBtn:hover{color:#8b5cf6;transform:scale(1.1)}.menuBtn svg{display:block}@media (width<=1279px){.header__nav{gap:1.5rem}}@media (width<=1079px){.menuBtn{display:flex}.desktopBtn{display:none}.mobileBtn{margin-top:20px;display:block}.mobileTheme{display:none}.header__nav{background:var(--bg-card);border-left:1px solid var(--border);width:320px;height:calc(100vh - 78px);transition:var(--transition);flex-direction:column;align-items:flex-start;padding:40px;position:fixed;top:78px;right:-100%}.header__nav.active{right:0}}@media (width<=767px){.header__container{padding:16px 0}.header__logo{font-size:1.4rem}.header__nav{width:100%}.resumeBtn{justify-content:center;width:100%}}.headerActions{align-items:center;gap:12px;display:flex}.themeBtn{border:1px solid var(--border);width:35px;height:35px;color:var(--heading);cursor:pointer;transition:var(--transition);border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.themeBtn:hover{border-color:var(--secondary);transform:translateY(-3px)}.mobileTheme{display:none}@media (width<=1079px){.headerActions{display:none}.mobileTheme{display:flex}}.footer{background:var(--bg-primary);margin-top:40px;padding:40px 20px;position:relative;overflow:hidden;box-shadow:0 5px 20px #00000040}.footer-glow{background:radial-gradient(circle,#2563eb40,#0000 70%);width:400px;height:400px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.footer-content{max-width:var(--container);border-bottom:1px solid var(--border);grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;margin:auto;padding-bottom:20px;display:grid;position:relative}.footer-brand h2{font-size:var(--fs-h2);font-weight:var(--fw-bold);color:var(--heading);margin-bottom:var(--space-sm)}.footer-brand h2 span{color:var(--primary)}.footer-brand p{max-width:330px;color:var(--text-light);line-height:1.8;font-size:var(--fs-small)}.footer-social{gap:12px;margin-top:25px;display:flex}.footer-social a{border-radius:var(--radius-full);background-color:var(--bg-secondary);border:1px solid var(--border);width:42px;height:42px;color:var(--heading);transition:var(--transition);justify-content:center;align-items:center;display:flex}.footer-social a:hover{border-color:var(--primary);transform:translateY(-3px)}.footer-links h3,.footer-contact h3{color:var(--heading);font-size:var(--fs-h4);font-weight:var(--fw-semibold);margin-bottom:var(--space-md)}.footer-links a{color:var(--text-light);font-size:var(--fs-small);transition:var(--transition);cursor:pointer;margin-bottom:14px;display:block}.footer-links a:hover{color:var(--accent);padding-left:5px}.footer-contact p{color:var(--text-light);line-height:1.7;font-size:var(--fs-small)}.email-link{color:var(--heading);font-size:var(--fs-small);align-items:center;gap:10px;margin-top:20px;display:flex}.email-link svg{color:var(--primary)}.footer-bottom{max-width:var(--container);justify-content:space-between;align-items:center;margin:auto;display:flex;position:relative}.footer-bottom p{color:var(--text-light);font-size:var(--fs-small)}.top-btn{border-radius:var(--radius-full);background:var(--primary);color:#fff;cursor:pointer;width:35px;height:35px;transition:var(--transition);border:none;justify-content:center;align-items:center;display:flex}.top-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}@media (width<=992px){.footer-content{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.footer{padding:70px 18px 25px}.footer-content{grid-template-columns:1fr;gap:35px}.footer-bottom{text-align:center;flex-direction:column;gap:20px}}.about{background:var(--bg-primary);width:100%;padding:40px 0}.aboutContainer{max-width:var(--container);grid-template-columns:.9fr 1.1fr;align-items:center;gap:60px;width:100%;margin:auto;padding:0 30px;display:grid}.aboutContent h2{font-size:var(--fs-h2);color:var(--heading);line-height:1.2;font-weight:var(--fw-bold);margin-bottom:25px}.aboutContent h2 span{background:linear-gradient(90deg, var(--heading), var(--text-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.aboutContent p{color:var(--text-light);font-size:var(--fs-small);margin-bottom:20px;line-height:1.8}.aboutMeBtn{border-radius:var(--radius-full);font-size:var(--fs-small);font-weight:var(--fw-medium);padding:12px 30px}.aboutCardsGrid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.aboutCard{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:var(--transition);opacity:0;padding:25px;animation:.8s forwards achievementShow;position:relative;overflow:hidden;transform:translateY(40px)}.aboutCard:first-child{animation-delay:.1s}.aboutCard:nth-child(2){animation-delay:.2s}.aboutCard:nth-child(3){animation-delay:.3s}.aboutCard:nth-child(4){animation-delay:.4s}.aboutCard:nth-child(5){animation-delay:.5s}.aboutCard:nth-child(6){animation-delay:.6s}.cardIcon{border-radius:var(--radius-lg);background:0 0;justify-content:center;align-items:center;width:55px;height:55px;margin-bottom:20px;display:flex}.cardIcon svg{font-size:var(--fs-h4);color:var(--primary)}.aboutCard h3{color:var(--heading);font-size:var(--fs-h4);font-weight:var(--fw-semibold);margin-bottom:10px}.aboutCard p{color:var(--text-light);font-size:var(--fs-small);line-height:1.5}.aboutCard:before{content:"";opacity:0;background:radial-gradient(circle,#8b5cf68c 0%,#8b5cf640 35%,#0000 75%);width:220px;height:220px;transition:opacity .35s;position:absolute;top:-110px;right:-110px}.aboutCard:hover{border-color:#8b5cf6;box-shadow:0 20px 50px #8b5cf640}@media (width<=1100px){.aboutContainer{grid-template-columns:1fr}.aboutContent{text-align:center}.aboutCardsGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.about{padding:70px 0}.aboutContainer{padding:0 20px}.aboutContent h2{font-size:var(--fs-h2)}.aboutCardsGrid{grid-template-columns:1fr}}.achievement-section{background:var(--bg-primary);width:100%;padding:40px 0;position:relative;overflow:hidden}.achievement-section:before{content:"";background:var(--secondary);opacity:.08;filter:blur(180px);width:450px;height:450px;position:absolute;top:-180px;left:-180px}.achievement-section:after{content:"";background:var(--accent);opacity:.06;filter:blur(180px);width:400px;height:400px;position:absolute;bottom:-150px;right:-150px}.achievement-section .section-title{z-index:2;text-align:center;max-width:760px;margin:0 auto 70px;position:relative}.achievement-grid{max-width:var(--container);z-index:2;grid-template-columns:repeat(4,1fr);gap:25px;margin:auto;padding:0 30px;display:grid;position:relative}.section-title h2{font-size:var(--fs-h2);color:var(--heading);line-height:1.2;font-weight:var(--fw-bold)}.achievement-card{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:var(--transition);opacity:0;padding:35px 25px;animation:.8s forwards achievementShow;position:relative;overflow:hidden;transform:translateY(40px)}.achievement-card:first-child{animation-delay:.1s}.achievement-card:nth-child(2){animation-delay:.2s}.achievement-card:nth-child(3){animation-delay:.3s}.achievement-card:nth-child(4){animation-delay:.4s}.achievement-card:before{content:"";opacity:0;width:160px;height:160px;transition:var(--transition);background:radial-gradient(circle,#8b5cf659,#0000 70%);position:absolute;top:-80px;right:-80px}.achievement-card:hover:before{opacity:1}.achievement-card:hover{border-color:#8b5cf6;transform:translateY(-10px);box-shadow:0 20px 50px #8b5cf640}.achievement-card h3{margin-bottom:var(--space-sm);font-size:clamp(2.5rem,5vw,3rem);font-weight:var(--fw-black);color:var(--heading)}.achievement-card h4{color:var(--heading);font-size:var(--fs-h4);margin-bottom:var(--space-sm);font-weight:var(--fw-semibold)}.achievement-card p{color:var(--text-light);font-size:var(--fs-small);line-height:1.7}@keyframes achievementShow{to{opacity:1;transform:translateY(0)}}@media (width<=992px){.achievement-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.achievement-section{padding:90px 0}.achievement-grid{grid-template-columns:1fr;padding:0 18px}.achievement-card{padding:30px 20px}}.caseStudies{background:var(--bg-primary);width:100%;transition:var(--transition);padding:40px 0;position:relative;overflow:hidden}.caseStudies:before{content:"";background:var(--primary);opacity:.08;filter:blur(180px);width:450px;height:450px;position:absolute;top:-150px;left:-150px}.caseStudies:after{content:"";background:var(--accent);opacity:.06;filter:blur(180px);width:420px;height:420px;position:absolute;bottom:-150px;right:-150px}.caseContainer{width:min(var(--container), 92%);z-index:2;margin-inline:auto;position:relative}.caseHeading{text-align:center;margin:auto;max-width:760px;margin-bottom:90px}.sectionBadge{border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border);color:var(--text-light);font-size:var(--fs-small);font-weight:var(--fw-medium);margin-bottom:22px;padding:10px 18px;display:inline-flex}.caseHeading h2{color:var(--heading);font-size:clamp(2.5rem,5vw,3.6rem);line-height:1.15;font-weight:var(--fw-black);margin-bottom:25px}.caseHeading h2 span{background:linear-gradient(90deg, var(--heading), var(--text-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.caseHeading p{color:var(--text-light);line-height:1.8;font-size:var(--fs-body)}.caseStudyWrapper{flex-direction:column;gap:120px;display:flex}.caseStudy{grid-template-columns:1fr 1.1fr;align-items:center;gap:80px;display:grid}.reverseLayout .caseImageSection{order:2}.reverseLayout .caseContent{order:1}.caseImageSection{align-self:start;position:sticky;top:120px}.caseImageCard{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:var(--shadow-lg);transition:var(--transition);overflow:hidden}.caseImageCard:hover{border-color:var(--primary);transform:translateY(-10px)}.caseImageCard img{object-fit:cover;width:100%;display:block}.caseContent{transition:var(--transition);flex-direction:column;display:flex}.companyTag{border-radius:var(--radius-full);width:fit-content;color:var(--primary);font-size:var(--fs-small);font-weight:var(--fw-medium);background:#2563eb1f;margin-bottom:18px;padding:7px 15px;display:inline-flex}.caseContent h3{color:var(--heading);font-size:var(--fs-h2);font-weight:var(--fw-bold);transition:var(--transition);margin-bottom:10px}.durationTag{color:var(--text-light);font-size:var(--fs-small);margin-bottom:40px}.caseBlock{border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:22px}.caseBlock:last-of-type{border-bottom:none}.blockTitle{align-items:center;gap:12px;margin-bottom:15px;display:flex}.blockTitle svg{color:var(--primary);transition:var(--transition);font-size:20px}.blockTitle h4{color:var(--heading);font-size:var(--fs-h4);font-weight:var(--fw-bold)}.caseBlock p{color:var(--text-light);line-height:1.9;font-size:var(--fs-body)}.caseFooter{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:25px;margin-top:25px;display:flex}.techStack{flex-wrap:wrap;gap:12px;display:flex}.techStack span{border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--border);color:var(--text);font-size:var(--fs-small);transition:var(--transition);padding:10px 16px}.techStack span:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-3px)}.caseButton{border-radius:var(--radius-full);background:var(--heading);color:var(--bg-primary);font-weight:var(--fw-bold);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:12px;padding:14px 22px;display:flex;position:relative;overflow:hidden}.caseButton:hover{transform:translateY(-4px)}.caseButton svg{transition:var(--transition)}.caseButton:hover svg{transform:translate(5px)}.caseStudy{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(80px)}.caseStudy.show{opacity:1;transform:translateY(0)}.caseImageCard{position:relative;overflow:hidden}.caseImageCard img{transition:transform .8s,filter .5s}.caseImageCard:hover img{transform:scale(1.06)}.caseImageCard:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000,#0000008c);position:absolute;inset:0}.caseImageCard:after{content:"";background:#2563eb2e;border-radius:50%;width:220px;height:220px;position:absolute}.caseImageCard:after .caseButton:before{content:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000);position:absolute;inset:0;transform:translate(-130%)}.caseImageCard:after .caseButton:hover:before{animation:.8s shine}.caseImageCard:after .caseStudy{position:relative}.caseImageCard:after .caseStudy:not(:last-child):after{content:"";background:linear-gradient(transparent, var(--border), transparent);width:1px;height:55px;position:absolute;bottom:-60px;left:50%}@media (width<=1100px){.caseImageCard:after .caseHeading h2{font-size:var(--fs-h2)}.caseImageCard:after .caseStudy{grid-template-columns:1fr;gap:45px}.caseImageCard:after .caseImageSection{position:relative;top:0}.caseImageCard:after .reverseLayout .caseImageSection{order:1}.caseImageCard:after .reverseLayout .caseContent{order:2}.caseImageCard:after .caseStudy:after{display:none}.caseImageCard:after .caseImageCard img{object-fit:cover;height:420px}}@media (width<=768px){.caseImageCard:after .caseStudies{padding:80px 0}.caseImageCard:after .caseHeading{margin-bottom:60px}.caseImageCard:after .caseHeading h2{font-size:34px}.caseImageCard:after .caseHeading p{font-size:var(--fs-small)}.caseImageCard:after .caseStudyWrapper{gap:70px}.caseImageCard:after .caseImageCard{border-radius:var(--radius-md)}.caseImageCard:after .caseImageCard img{height:260px}.caseImageCard:after .caseContent h3{font-size:var(--fs-h3)}.caseImageCard:after .caseBlock{margin-bottom:22px;padding-bottom:18px}.caseImageCard:after .blockTitle h4{font-size:var(--fs-h4)}.caseImageCard:after .caseBlock p{font-size:var(--fs-small);line-height:1.8}.caseImageCard:after .caseFooter{flex-direction:column;align-items:flex-start}.caseImageCard:after .caseButton{justify-content:center;width:100%}}@media (width<=480px){.caseImageCard:after .caseHeading h2{font-size:30px}.caseImageCard:after .companyTag{font-size:12px}.caseImageCard:after .durationTag{font-size:13px}.caseImageCard:after .caseContent h3{font-size:26px}.caseImageCard:after .techStack{gap:8px}.caseImageCard:after .techStack span{padding:8px 12px;font-size:12px}.caseImageCard:after .caseButton{padding:14px;font-size:14px}}.caseImageCard:after{filter:blur(80px);opacity:0;transition:var(--transition);bottom:-80px;right:-80px}@keyframes shine{to{transform:translate(130%)}}.caseImageCard:hover:after{opacity:1}.caseStudy:hover .caseContent{transform:translateY(-4px)}.caseStudy:hover h3{color:var(--primary)}.caseStudy:hover .blockTitle svg{transform:rotate(-8deg)scale(1.15)}.contact-cta-section{background:var(--bg-primary);padding:40px 0}.contact-cta-box{text-align:center;max-width:1000px;box-shadow:var(--shadow-sm);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin:auto;padding:80px 40px;position:relative;overflow:hidden}.cta-glow{background:radial-gradient(circle,#8b5cf659,#0000 70%);width:350px;height:350px;animation:5s infinite alternate glowMove;position:absolute;top:-180px;left:50%;transform:translate(-50%)}@keyframes glowMove{0%{transform:translate(-50%)translateY(0)}to{transform:translate(-50%)translateY(40px)}}.contact-cta-box span{color:#a78bfa;font-size:var(--fs-small);font-weight:var(--fw-semibold);letter-spacing:2px;text-transform:uppercase;position:relative}.contact-cta-box h2{color:var(--heading);font-size:var(--fs-h1);font-weight:var(--fw-bold);margin:20px 0;position:relative}.contact-cta-box p{max-width:650px;color:var(--text-light);line-height:1.8;font-size:var(--fs-body);margin:0 auto 40px;position:relative}.cta-button{border-radius:var(--radius-full);background:var(--secondary);color:#fff;font-size:var(--fs-small);font-weight:var(--fw-semibold);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:12px;padding:16px 32px;display:inline-flex;position:relative}.cta-button:hover{transform:translateY(-5px);box-shadow:0 15px 40px #8b5cf673}.cta-button svg{transition:var(--transition)}.cta-button:hover svg{transform:translate(5px)}@media (width<=650px){.contact-cta-section{padding:var(--space-xl) 18px}.contact-cta-box{border-radius:var(--radius-md);padding:55px 22px}.contact-cta-box p{font-size:var(--fs-small)}.cta-button{justify-content:center;width:100%}}.process-section{background:var(--bg-primary);padding:40px 0}.process-section .section-title{z-index:2;text-align:center;margin-bottom:70px;position:relative}.process-section .section-title h2{color:var(--heading);font-size:var(--fs-h2);font-weight:var(--fw-bold);margin-top:18px}.process-grid{grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.process-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:var(--transition);opacity:0;padding:35px 25px;animation:.8s forwards processShow;position:relative;overflow:hidden;transform:translateY(40px)}.process-card:first-child{animation-delay:.1s}.process-card:nth-child(2){animation-delay:.2s}.process-card:nth-child(3){animation-delay:.3s}.process-card:nth-child(4){animation-delay:.4s}.process-card:before{content:"";opacity:0;width:160px;height:160px;transition:var(--transition);background:radial-gradient(circle,#8b5cf659,#0000 70%);position:absolute;top:-80px;right:-80px}.process-card:hover:before{opacity:1}.process-card:hover{border-color:var(--secondary);transform:translateY(-10px);box-shadow:0 20px 50px #8b5cf640}.process-number{font-size:var(--fs-h2);font-weight:var(--fw-bold);color:var(--secondary);margin-bottom:25px}.process-card h3{color:var(--heading);font-size:var(--fs-h4);font-weight:var(--fw-semibold);margin-bottom:15px}.process-card p{color:var(--text-light);font-size:var(--fs-small);line-height:1.7}@keyframes processShow{to{opacity:1;transform:translateY(0)}}@media (width<=992px){.process-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.process-section{padding:var(--space-xl) 18px}.process-grid{grid-template-columns:1fr}.process-card{padding:30px 22px}}.experience{background:var(--bg-primary);width:100%;padding:40px 0}.experienceContainer{max-width:var(--container);grid-template-columns:.8fr 1.2fr;gap:70px;margin:auto;padding:0 30px;display:grid}.experienceIntro{height:max-content;position:sticky;top:100px}.sectionBadge{border-radius:var(--radius-full);border:1px solid var(--border);color:#a78bfa;font-size:var(--fs-small);font-weight:var(--fw-medium);background:#8b5cf61f;margin-bottom:25px;padding:8px 18px;display:inline-flex}.experienceIntro h2{font-size:var(--fs-h2);color:var(--heading);line-height:1.2;font-weight:var(--fw-bold)}.experienceIntro h2 span{background:linear-gradient(90deg, var(--heading), var(--text-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.experienceIntro p{color:var(--text-light);font-size:var(--fs-body);margin-top:25px;line-height:1.8}.experienceStats{gap:30px;margin-top:40px;display:flex}.experienceStats div{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);padding:20px 30px}.experienceStats h3{font-size:var(--fs-h2);color:var(--heading);font-weight:var(--fw-bold);margin:0}.experienceStats span{color:var(--text-light);font-size:var(--fs-small)}.timeline{position:relative}.timeline:before{content:"";background:#cecbcb;width:1px;height:100%;position:absolute;top:0;left:25px}.timelineItem{gap:30px;margin-bottom:40px;display:flex;position:relative}.timelineDot{border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border);width:50px;min-width:50px;height:50px;color:var(--heading);z-index:2;justify-content:center;align-items:center;display:flex}.experienceCard{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);width:100%;padding:30px}.cardHeader{justify-content:space-between;gap:20px;display:flex}.experienceCard h3{color:var(--heading);font-size:var(--fs-h4);font-weight:var(--fw-semibold);margin:0 0 8px}.experienceCard h4{color:var(--text-light);font-size:var(--fs-body);font-weight:var(--fw-medium);margin:0}.period{color:var(--text-light);font-size:var(--fs-small);align-items:center;gap:8px;display:flex}.experienceCard p{color:var(--text-light);margin:25px 0;line-height:1.7}.techList{flex-wrap:wrap;gap:10px;display:flex}.techList span{border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text);font-size:var(--fs-small);border:1px solid var(--border);padding:7px 14px}@media (width<=1024px){.experienceContainer{grid-template-columns:1fr}.experienceIntro{text-align:center;position:static}}@media (width<=600px){.experience{padding:70px 0}.experienceContainer{padding:0 20px}.experienceIntro h2{font-size:var(--fs-h2)}.timelineItem{gap:15px}.timelineDot{width:40px;min-width:40px;height:40px}.experienceCard{padding:20px}.cardHeader{flex-direction:column}.experienceStats{flex-wrap:wrap;justify-content:center}}.hero{background:var(--bg-primary);width:100%;min-height:90vh;transition:var(--transition);align-items:center;padding:90px 0 40px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:var(--primary);filter:blur(160px);opacity:.25;width:500px;height:500px;position:absolute;top:-150px;left:-200px}.hero:after{content:"";filter:blur(170px);opacity:.15;background:#0f9;width:400px;height:400px;position:absolute;bottom:-100px;right:-150px}.heroContainer{width:min(var(--container), 92%);grid-template-columns:1fr 1fr;align-items:center;gap:60px;margin-inline:auto;display:grid}.heroContent{z-index:2;position:relative}.heroBadge{border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border);color:var(--text-light);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);align-items:center;gap:8px;margin-bottom:25px;padding:10px 18px;font-size:12px;display:inline-flex}.heroBadge span{background:#0f8;border-radius:50%;width:8px;height:8px}.heroContent h3{color:var(--text-light);font-size:1.125rem;font-weight:var(--fw-medium);margin-bottom:10px}.heroContent h1{color:var(--heading);margin:0;line-height:1.05}.heroContent h2{font-size:var(--fs-h3);font-weight:var(--fw-semibold);background:linear-gradient(90deg, var(--heading), var(--text-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:20px 0}.heroContent p{max-width:580px;color:var(--text-light)}.heroButtons{flex-wrap:wrap;gap:20px;margin:30px 0;display:flex}.primaryBtn,.secondaryBtn{border-radius:var(--radius-full);font-size:14px;font-weight:var(--fw-medium);transition:var(--transition);text-align:center;justify-content:center;align-items:center;padding:8px 32px;text-decoration:none;display:inline-flex}.primaryBtn{background:var(--secondary);color:#fff}.primaryBtn:hover{transform:translateY(-3px)}.secondaryBtn{color:var(--heading);border:1px solid var(--border);box-shadow:var(--shadow-sm);background:0 0}.secondaryBtn:hover{background:var(--heading);color:var(--bg-primary)}.heroStats{flex-wrap:wrap;gap:15px;display:flex}.statCard{background:var(--bg-card);border:1px solid var(--border);min-width:150px;box-shadow:var(--shadow-sm);transition:var(--transition);border-radius:18px;padding:18px}.statCard:hover{transform:translateY(-5px)}.statCard h3{color:var(--heading);margin:0;font-size:1.6rem}.statCard span{color:var(--text-light);font-size:.9rem}.heroImageSection{justify-content:center;align-items:center;display:flex;position:relative}.heroGlow{background:var(--primary);filter:blur(120px);opacity:.35;width:350px;height:300px;position:absolute}.imageCard{z-index:2;position:relative}.heroImage{object-fit:cover;width:330px;height:400px;transition:var(--transition);border-radius:35px}.reactBadge{background:var(--bg-card);color:var(--heading);border:1px solid var(--border);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:var(--shadow-sm);z-index:5;align-items:center;gap:10px;padding:8px 20px;animation:4s ease-in-out infinite techTs;display:flex;position:absolute;top:150px;right:-15px}.reactBadge svg{color:#61dafb;width:30px;height:30px}.floatingTech{background:var(--bg-card);color:var(--heading);border:1px solid var(--border);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:var(--shadow-sm);z-index:5;align-items:center;gap:8px;padding:12px 18px;display:flex;position:absolute}.floatingTech svg{width:25px;height:25px}.tech1{animation:3s ease-in-out infinite techReact;top:150px;left:20px}.tech2{animation:5s ease-in-out infinite techNext;bottom:10px;right:-10px}.tech3{animation:4s ease-in-out infinite techTs;bottom:80px;left:0}.stackContainer{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:var(--shadow-sm);align-items:center;gap:15px;padding:10px 16px;display:flex;position:absolute;bottom:-40px}.stackItem{justify-content:center;align-items:center;display:flex}.stackItem svg{width:35px;height:35px;transition:transform var(--transition)}.stackItem:hover svg{transform:scale(1.12)}@keyframes reactFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes techReact{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes techNext{0%,to{transform:translateY(0)}50%{transform:translateY(18px)}}@keyframes techTs{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@media (width<=1024px){.heroContainer{text-align:center;grid-template-columns:1fr;gap:70px}.heroButtons,.heroStats{justify-content:center}.heroContent p{text-align:center;margin-inline:auto}.heroImage{width:350px;height:430px}}@media (width<=600px){.hero{padding:80px 0}.heroContainer{gap:50px}.heroButtons{flex-direction:column}.primaryBtn,.secondaryBtn{width:100%}.heroImage{width:300px;height:380px}.floatingTech{display:none}.reactBadge{top:20px;right:0}.stackContainer{gap:10px;padding:8px 12px;bottom:-50px}.stackItem svg{width:25px;height:25px}}.projects{background:var(--bg-primary);width:100%;transition:var(--transition);padding:40px 0}.projectsContainer{width:min(var(--container), 92%);margin-inline:auto}.projectLeft{justify-content:space-between;align-items:center;gap:30px;display:flex}.projectsHeader{max-width:750px;margin-bottom:50px}.projectsHeader h2{font-size:var(--fs-h2);color:var(--heading);font-weight:var(--fw-bold);margin-bottom:10px}.projectsHeader h2 span{background:linear-gradient(90deg, var(--heading), var(--text-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.projectsHeader p{color:var(--text-light);font-size:var(--fs-small);line-height:1.7}.allProjectsBtn button{font-size:var(--fs-small);border-radius:var(--radius-full);background:var(--secondary);color:#fff;border:none;padding:8px 24px}.projectGrid{grid-template-columns:repeat(4,1fr);align-items:start;gap:30px;display:grid}.projectCard{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);box-shadow:var(--shadow-sm);overflow:hidden}.projectCard:hover{border-color:var(--primary);transform:translateY(-10px)}.projectImage{height:150px;overflow:hidden}.projectImage img{object-fit:cover;width:100%;height:100%;transition:var(--transition)}.projectCard:hover img{transform:scale(1.08)}.projectContent{padding:12px 18px}.projectType{font-size:var(--fs-small);color:var(--text-light)}.projectContent h3{font-size:var(--fs-h4);color:var(--heading);font-weight:var(--fw-semibold);margin:10px 0}.projectContent p{color:var(--text-light);font-size:var(--fs-small);line-height:1.7}.projectTech{flex-wrap:wrap;gap:10px;margin:10px 0;display:flex}.projectTech span{border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text);border:1px solid var(--border);padding:6px 12px;font-size:12px}.projectButtons{gap:15px;display:flex}.projectButtons a{border-radius:var(--radius-full);border:1px solid var(--border);color:var(--heading);transition:var(--transition);align-items:center;gap:8px;padding:8px 14px;font-size:12px;text-decoration:none;display:flex}.projectButtons a:hover{background:var(--heading);color:var(--bg-primary)}@media (width<=1100px){.projectGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.projects{padding:70px 0}.projectLeft{flex-direction:column;align-items:flex-start}.projectsHeader h2{font-size:var(--fs-h2)}.projectGrid{grid-template-columns:1fr}.projectImage{height:200px}}.services-section{background:var(--bg-primary);padding:40px 0}.services-section .section-title{text-align:center;margin-bottom:70px}.services-section .section-title h2{color:var(--heading);font-size:var(--fs-h2);font-weight:var(--fw-black);margin-top:18px}.services-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.service-card{background:linear-gradient(145deg, color-mix(in srgb, var(--bg-card) 80%, transparent), color-mix(in srgb, var(--bg-card) 30%, transparent));border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:var(--transition);padding:35px 25px;position:relative;overflow:hidden}.service-card:before{content:"";opacity:0;width:170px;height:170px;transition:var(--transition);background:radial-gradient(circle,#8b5cf659,#0000 70%);position:absolute;top:-90px;right:-90px}.service-card:hover:before{opacity:1}.service-card:hover{border-color:#8b5cf6;box-shadow:0 20px 50px #8b5cf640}.service-icon{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--secondary) 15%, transparent);width:55px;height:55px;color:var(--secondary);font-size:var(--fs-h4);justify-content:center;align-items:center;margin-bottom:25px;display:flex}.service-card h3{color:var(--heading);font-size:var(--fs-h4);font-weight:var(--fw-semibold);margin-bottom:15px}.service-card p{color:var(--text-light);font-size:var(--fs-small);line-height:1.7}@media (width<=992px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.services-section{padding:90px 18px}.services-grid{grid-template-columns:1fr}.service-card{padding:30px 22px}}.techStackSection{background:var(--bg-primary);width:100%;padding:40px 0;position:relative;overflow:hidden}.techStackSection:before{content:"";background:var(--primary);opacity:.08;filter:blur(170px);width:450px;height:450px;position:absolute;top:-150px;left:-180px}.techStackSection:after{content:"";background:var(--accent);opacity:.06;filter:blur(180px);width:420px;height:420px;position:absolute;bottom:-180px;right:-180px}.techContainer{max-width:var(--container);z-index:2;margin:auto;padding:0 30px;position:relative}.techHeading{text-align:center;max-width:760px;margin:auto;margin-bottom:var(--space-xl)}.techHeading h2{color:var(--heading);font-size:var(--fs-h1);line-height:1.2;font-weight:var(--fw-bold);margin:20px 0}.techHeading h2 span{background:linear-gradient(90deg, var(--heading), var(--text-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.techHeading p{color:var(--text-light);font-size:var(--fs-body);line-height:1.8}.techCategories{flex-direction:column;gap:35px;display:flex}.techCategory{border-radius:var(--radius-lg);border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:var(--transition);box-shadow:var(--shadow-sm);padding:35px}.techCategory:hover{border-color:#2563eb73;transform:translateY(-6px)}.categoryHeader{margin-bottom:30px}.categoryHeader h3{color:var(--heading);font-size:var(--fs-h4);font-weight:var(--fw-semibold);margin-bottom:10px}.categoryHeader p{color:var(--text-light);line-height:1.7}.technologyGrid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.technologyCard{border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);background:#ffffff0a;background-color:var(--bg-card);flex-direction:column;justify-content:center;align-items:center;padding:30px 20px;display:flex;position:relative;overflow:hidden}.technologyCard:hover{border-color:var(--primary);background:#2563eb14;transform:translateY(-8px)}.technologyCard:before{content:"";filter:blur(70px);opacity:0;width:150px;height:150px;transition:var(--transition);background:#2563eb2e;border-radius:50%;position:absolute;top:-80px;right:-80px}.technologyCard:hover:before{opacity:1}.technologyIcon{border-radius:var(--radius-md);width:75px;height:75px;transition:var(--transition);background:#ffffff0f;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.technologyIcon svg{color:var(--heading);transition:var(--transition);font-size:42px}.technologyCard:hover .technologyIcon{background:var(--primary)}.technologyCard:hover .technologyIcon svg{transform:rotate(-8deg)scale(1.15)}.technologyCard span{color:var(--heading);font-size:var(--fs-small);font-weight:var(--fw-semibold);text-align:center}.techStats{margin-top:var(--space-xl);grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.techStatCard{text-align:center;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);transition:var(--transition);padding:30px}.techStatCard:hover{border-color:#2563eb66;transform:translateY(-6px)}.techStatCard h3{font-size:var(--fs-h2);color:var(--heading);font-weight:var(--fw-bold);margin-bottom:10px}.techStatCard span{color:var(--text-light);font-size:var(--fs-small)}@media (width<=992px){.technologyGrid,.techStats{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.techStackSection{padding:var(--space-xl) 0}.techContainer{padding:0 20px}.techHeading h2{font-size:var(--fs-h2)}.techCategory{padding:25px}.technologyGrid,.techStats{grid-template-columns:1fr}}.testimonial-section{background:var(--bg-primary);padding:40px 0}.testimonial-section .section-title{z-index:2;text-align:center;margin-bottom:70px;position:relative}.testimonial-section .section-title h2{color:var(--heading);font-size:var(--fs-h2);font-weight:var(--fw-bold);text-shadow:0 0 25px #8b5cf626;margin-top:18px}.section-title h2 span{background:linear-gradient(90deg, var(--heading), var(--text-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.testimonial-grid{grid-template-columns:repeat(4,1fr);gap:28px;display:grid}.testimonial-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:0;padding:35px 30px;animation:.8s forwards testimonialShow;position:relative;overflow:hidden;transform:translateY(40px)}.testimonial-card:before{content:"";opacity:0;width:180px;height:180px;transition:var(--transition);background:radial-gradient(circle,#8b5cf659,#0000 70%);position:absolute;top:-90px;right:-90px}.testimonial-card:hover:before{opacity:1}.testimonial-card:hover{border-color:var(--secondary);transform:translateY(-10px);box-shadow:0 20px 60px #8b5cf640}.quote{font-size:var(--fs-display);color:var(--secondary);opacity:.8;font-family:Georgia,serif;line-height:50px}.testimonial-card p{color:var(--text-light);font-size:var(--fs-small);margin:25px 0;line-height:1.8}.rating{gap:6px;margin-bottom:25px;display:flex}.rating svg{color:#facc15}.profile{align-items:center;gap:15px;display:flex}.profile img{object-fit:cover;border:2px solid var(--secondary);border-radius:50%;width:58px;height:58px}.profile h4{color:var(--heading);font-size:var(--fs-small);font-weight:var(--fw-semibold);margin:0 0 5px}.profile span{color:var(--text-light);font-size:var(--fs-small);display:block}.profile small{color:var(--text-light);font-size:.75rem;display:block}.testimonial-card:first-child{animation-delay:.1s}.testimonial-card:nth-child(2){animation-delay:.2s}.testimonial-card:nth-child(3){animation-delay:.3s}@keyframes testimonialShow{to{opacity:1;transform:translateY(0)}}@media (width<=992px){.testimonial-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.testimonial-section{padding:var(--space-xl) 18px}.testimonial-grid{grid-template-columns:1fr}.testimonial-card{padding:28px 22px}}.portfolio-container{color:#111;-webkit-font-smoothing:antialiased;max-width:1920px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.aboutCard{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);position:relative;overflow:hidden}.aboutCard:before{content:"";background:var(--primary);opacity:.08;width:220px;height:220px;transition:var(--transition);border-radius:50%;position:absolute;top:-120px;right:-80px}.aboutCard:hover{box-shadow:var(--shadow-lg);transform:translateY(-10px)}.aboutCard:hover:before{opacity:.12}.heroGlassCard{width:100%;max-width:430px;padding:45px}#root{width:100%;min-height:100vh;margin:0;padding:0}.app-container{width:100%;max-width:1920px;margin:0 auto}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}