@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,Arial,Helvetica,sans-serif}html,body,#root{width:100%;min-height:100%;margin:0}:root{--bg:#03070d;--bg-soft:#06101b;--panel:#08131f;--blue:#377fff;--blue-bright:#5ba0ff;--blue-soft:#377fff24;--text:#f5f8fc;--muted:#8291a5;--dim:#526174;--line:#ffffff14;--blue-line:#4a91ff52;--ease:cubic-bezier(.16, 1, .3, 1);--sans:"DM Sans", Inter, Arial, sans-serif;--serif:"Playfair Display", Georgia, serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:85px}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%}::selection{background:var(--blue);color:#fff}.portfolio{isolation:isolate;background:var(--bg);width:100%;min-height:100vh;position:relative}.portfolio:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(110% 90% at 50% 30%,#0000 45%,#000000b3 100%),linear-gradient(90deg,#ffffff06 1px,#0000 1px) 0 0/25% 100%;position:fixed;inset:0}.portfolio:after{content:"";z-index:9999;opacity:.025;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");animation:1.2s steps(6,end) infinite grainMovement;position:fixed;inset:-15%}@keyframes grainMovement{0%,to{transform:translate(0)}25%{transform:translate(-2%,2%)}50%{transform:translate(2%,-2%)}75%{transform:translate(-1%,-3%)}}.cursor-glow{pointer-events:none;z-index:-1;background:radial-gradient(circle,#377fff1a,#0000 65%);border-radius:50%;width:650px;height:650px;margin:-325px 0 0 -325px;transition:transform .25s ease-out;position:fixed;top:0;left:0}.navbar{z-index:1000;width:100%;height:78px;transition:height .5s var(--ease), background .5s ease, border-color .5s ease;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:0 max(24px,5vw);display:flex;position:fixed;top:0;left:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px)saturate(140%);border-bottom-color:var(--line);background:#03070dc2;height:64px}.nav-progress{transform-origin:0;background:var(--blue-bright);width:100%;height:1px;box-shadow:0 0 12px var(--blue-bright);position:absolute;top:0;left:0;transform:scaleX(0)}.logo{font-family:var(--serif);letter-spacing:-1px;font-size:27px;font-weight:600}.logo span{color:var(--blue-bright)}.navbar-center{align-items:center;gap:32px;display:flex}.navbar-center a{color:var(--muted);align-items:center;gap:6px;padding:8px 0;font-size:12px;transition:color .3s;display:flex;position:relative}.nav-number{color:#405069;font-size:7px;font-weight:700}.navbar-center a:after{content:"";background:var(--blue-bright);transform-origin:0;width:100%;height:1px;transition:transform .5s var(--ease);position:absolute;bottom:0;left:0;transform:scaleX(0)}.navbar-center a:hover,.navbar-center a.active{color:#fff}.navbar-center a:hover:after,.navbar-center a.active:after{transform:scaleX(1)}.navbar-right{align-items:center;gap:14px;display:flex}.nav-talk{color:#d8e5f5;align-items:center;gap:9px;font-size:12px;font-weight:500;display:flex}.nav-talk span{color:var(--blue-bright);transition:transform .3s}.nav-talk:hover span{transform:translate(3px,-3px)}.menu-button{border:1px solid var(--line);cursor:pointer;background:#08121fa6;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:42px;height:42px;display:none}.menu-button span{width:16px;height:1px;transition:.4s var(--ease);background:#fff;display:block}.menu-button.open span:first-child{transform:translateY(3.5px)rotate(45deg)}.menu-button.open span:last-child{transform:translateY(-3.5px)rotate(-45deg)}.mobile-menu{display:none}.hero{--scroll-y:0;background:linear-gradient(110deg,#03070d 0%,#06101b 52%,#071526 100%);flex-direction:column;min-height:100svh;padding:120px max(24px,5vw) 65px;display:flex;position:relative;overflow:hidden}.hero-light{pointer-events:none;background:conic-gradient(from 200deg at 88% -5%, transparent 0 33%, #4691ff1c 42%, transparent 52%), radial-gradient(ellipse at 78% 30%, #347eff45, #0f376e1c 43%, transparent 68%);filter:blur(30px);transform:translate3d(0, calc(var(--scroll-y) * .15px), 0);animation:9s ease-in-out infinite alternate heroBreathe;position:absolute;inset:-15% -10% 0 20%}@keyframes heroBreathe{0%{opacity:.65}to{opacity:1}}.hero-grid{pointer-events:none;opacity:.14;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.hero-side-text{color:#3f5065;letter-spacing:3px;z-index:3;font-size:7px;font-weight:700;position:absolute;top:52%;left:20px;transform:rotate(-90deg)translateY(-50%)}.hero-main{z-index:4;flex:1;grid-template-columns:1.18fr .82fr;align-items:center;gap:75px;width:100%;max-width:1400px;margin:auto;display:grid;position:relative}.hero-status{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#8495ab;letter-spacing:1.4px;background:#0a142294;border-radius:999px;align-items:center;gap:10px;width:fit-content;padding:8px 13px;font-size:9px;font-weight:700;display:flex}.hero-status-dot{background:var(--blue-bright);border-radius:50%;width:6px;height:6px;position:relative}.hero-status-dot:after{content:"";background:var(--blue-bright);border-radius:50%;animation:2.2s ease-out infinite heroPing;position:absolute;inset:0}@keyframes heroPing{to{opacity:0;transform:scale(3.4)}}.hero-intro{font-family:var(--serif);color:#77889d;margin:38px 0 8px;font-size:clamp(20px,1.8vw,28px);font-style:italic}.hero h1{font-family:var(--sans);letter-spacing:-6px;font-size:clamp(66px,7.4vw,124px);font-weight:700;line-height:.83}.hero-title-mask{padding-bottom:5px;display:block;overflow:hidden}.hero-title-mask>span{animation:heroTitleReveal 1.35s var(--ease) forwards;animation-delay:calc(.3s + var(--title-delay) * .12s);display:block;transform:translateY(110%)}@keyframes heroTitleReveal{to{transform:translateY(0)}}.hero-title-outline{color:#0000;-webkit-text-stroke:1.4px #ffffffa1;margin-top:15px}.hero-role{align-items:center;gap:15px;margin-top:30px;display:flex}.hero-role-line{background:var(--blue-bright);width:38px;height:1px}.role-window{color:#d2deed;height:27px;font-size:clamp(16px,1.5vw,21px);font-weight:500;overflow:hidden}.role-window ul{list-style:none;animation:9s cubic-bezier(.7,0,.2,1) infinite roleRoll}.role-window li{height:27px;line-height:27px}@keyframes roleRoll{0%,28%{transform:translateY(0)}33%,61%{transform:translateY(-25%)}66%,94%{transform:translateY(-50%)}to{transform:translateY(-75%)}}.hero-description{max-width:540px;color:var(--muted);margin-top:23px;font-size:15px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:33px;display:flex}.hero-button-primary,.hero-button-secondary{min-height:50px;transition:transform .45s var(--ease), border-color .35s ease, background .35s ease, box-shadow .45s var(--ease);border-radius:999px;justify-content:center;align-items:center;gap:22px;padding:0 24px;font-size:12px;font-weight:600;display:inline-flex}.hero-button-primary{background:var(--blue);color:#fff;box-shadow:0 16px 38px -12px #377fffa6}.hero-button-primary:hover{background:var(--blue-bright);transform:translateY(-3px);box-shadow:0 22px 46px -12px #377fffbf}.hero-button-secondary{border:1px solid var(--line);color:#d8e4f3;background:#ffffff05}.hero-button-secondary:hover{border-color:var(--blue-line);background:#377fff12;transform:translateY(-3px)}.hero-social{align-items:center;gap:15px;margin-top:30px;display:flex}.hero-social>span{color:#4d6076;letter-spacing:2px;font-size:7px;font-weight:700}.social-link{border:1px solid var(--line);color:#8697ab;border-radius:50%;place-items:center;width:40px;height:40px;transition:all .35s;display:grid}.social-link svg{fill:currentColor;width:17px;height:17px}.social-link:hover{color:#fff;border-color:var(--blue-line);background:#377fff1c;transform:translateY(-3px)}.hero-visual{width:min(100%,465px);transform:translate3d(0, calc(var(--scroll-y) * -.055px), 0);justify-self:end;position:relative}.hero-image-glow{filter:blur(85px);background:#377fff45;border-radius:50%;width:85%;height:75%;position:absolute;top:15%;left:10%}.hero-image-frame{aspect-ratio:4/5;border:1px solid var(--line);background:var(--panel);clip-path:inset(0 0 100%);animation:heroImageReveal 1.7s var(--ease) .5s forwards;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 45px 100px #00000080}@keyframes heroImageReveal{to{clip-path:inset(0)}}.hero-image-frame img{object-fit:cover;object-position:center 15%;filter:brightness(.91)contrast(1.05)saturate(.9);width:100%;height:100%;animation:18s ease-in-out infinite alternate heroImagePush;display:block}@keyframes heroImagePush{0%{transform:scale(1.01)}to{transform:scale(1.075)}}.hero-image-shade{background:linear-gradient(200deg,#4a91ff38,#0000 38%),linear-gradient(#0000 55%,#03070dc7);position:absolute;inset:0}.hero-image-index{color:#ffffff59;letter-spacing:2px;font-size:8px;font-weight:700;position:absolute;top:18px;right:18px}.hero-tech-chip{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#040c16bd;border-radius:12px;padding:13px 16px;position:absolute;bottom:38px;left:-30px;box-shadow:0 18px 40px #00000052}.hero-tech-chip small{color:#52667e;letter-spacing:1.4px;margin-bottom:5px;font-size:7px;font-weight:700;display:block}.hero-tech-chip strong{color:#d2dfed;font-size:11px;font-weight:500}.hero-bottom{border-top:1px solid var(--line);z-index:4;grid-template-columns:1fr 1fr 1.3fr auto;align-items:end;gap:25px;width:100%;max-width:1400px;margin:55px auto 25px;padding-top:22px;display:grid;position:relative}.hero-bottom>div{border-left:1px solid var(--line);padding-left:22px}.hero-bottom>div:first-child{border-left:none;padding-left:0}.hero-bottom small{color:#4c5e74;letter-spacing:1.4px;margin-bottom:6px;font-size:7px;font-weight:700;display:block}.hero-bottom strong{color:#b9c8da;font-size:11px;font-weight:500}.hero-scroll{background:var(--line);width:1px;height:44px;position:relative;overflow:hidden}.hero-scroll span{background:var(--blue-bright);width:1px;height:50%;animation:heroScrollCue 2.2s var(--ease) infinite;position:absolute;top:-50%;left:0}@keyframes heroScrollCue{to{top:110%}}.hero-ticker{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#03070d9e;border-top:1px solid #ffffff0d;width:100%;height:34px;position:absolute;bottom:0;left:0;overflow:hidden}.hero-ticker-track{align-items:center;gap:34px;width:max-content;height:100%;animation:28s linear infinite tickerMove;display:flex}.hero-ticker span{color:#455970;letter-spacing:2px;font-size:7px;font-weight:700}.hero-ticker i{color:var(--blue);font-size:7px;font-style:normal}@keyframes tickerMove{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-rise{opacity:0;animation:heroRise 1.1s var(--ease) forwards;animation-delay:calc(.45s + var(--delay) * 90ms)}@keyframes heroRise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;filter:blur(5px);transition:opacity 1.05s var(--ease), transform 1.05s var(--ease), filter 1.05s var(--ease);transform:translateY(45px)scale(.99)}.reveal.in{opacity:1;filter:none;transform:none}@media (width<=1050px){.hero-main{grid-template-columns:1fr .8fr;gap:45px}.navbar-center{gap:19px}.hero h1{font-size:clamp(58px,7vw,94px)}}@media (width<=820px){.navbar-center,.nav-talk{display:none}.menu-button{display:flex}.mobile-menu{border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;visibility:hidden;transition:.4s var(--ease);background:#040b14f2;border-radius:16px;flex-direction:column;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);left:14px;right:14px;transform:translateY(-8px)}.mobile-menu.open{opacity:1;visibility:visible;transform:none}.mobile-menu a{color:#b7c6d8;border-radius:10px;align-items:center;gap:14px;padding:15px 14px;font-size:14px;display:flex}.mobile-menu a:hover{background:#377fff14}.mobile-menu a span{color:var(--blue);font-size:8px}.hero{padding:105px 22px 80px}.hero-main{grid-template-columns:1fr;gap:65px}.hero-content{text-align:left}.hero h1{letter-spacing:-4px;font-size:clamp(54px,15vw,84px)}.hero-visual{justify-self:center;width:min(90%,420px)}.hero-tech-chip{left:-5px}.hero-bottom{grid-template-columns:1fr;gap:0;margin-top:50px}.hero-bottom>div{border-left:none;border-top:1px solid var(--line);padding:14px 0}.hero-bottom>div:first-child{border-top:none}.hero-scroll,.hero-side-text{display:none}}@media (width<=520px){.hero-status{font-size:8px}.hero-intro{margin-top:30px;font-size:19px}.hero h1{letter-spacing:-3px;font-size:clamp(48px,14.5vw,69px)}.hero-title-outline{margin-top:10px}.hero-actions{flex-direction:column;align-items:stretch}.hero-button-primary,.hero-button-secondary{width:100%}.hero-tech-chip{bottom:22px;left:10px}}@media (hover:none){.cursor-glow{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.hero-rise,.reveal{opacity:1;filter:none;transform:none}.hero-title-mask>span{transform:none}.hero-image-frame{clip-path:inset(0)!important;opacity:1!important;visibility:visible!important}.hero-image-frame img{opacity:1!important;visibility:visible!important;animation:none!important;transform:none!important}.cursor-glow{display:none}}.about-section{background:linear-gradient(#03070d 0%,#050d17 52%,#03070d 100%);min-height:100vh;padding:145px max(24px,5vw) 130px;position:relative;overflow:hidden}.about-section:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:90%;height:1px;position:absolute;top:0;left:5%}.about-light{filter:blur(45px);pointer-events:none;background:radial-gradient(circle,#377fff1f,#0000 68%);border-radius:50%;width:700px;height:700px;position:absolute;top:240px;left:-300px}.about-container{z-index:2;width:100%;max-width:1400px;margin:auto;position:relative}.about-top{justify-content:space-between;align-items:center;margin-bottom:72px;display:flex}.about-index{align-items:center;gap:12px;display:flex}.about-index span{color:var(--blue-bright);font-size:9px;font-weight:700}.about-index div{background:var(--line);width:46px;height:1px}.about-index p,.about-top-label{color:#4b5e74;letter-spacing:2.3px;font-size:7px;font-weight:700}.about-heading{margin-bottom:90px}.about-eyebrow{color:#53667d;letter-spacing:2.2px;margin-bottom:20px;font-size:8px;font-weight:700}.about-heading h2{max-width:1200px;color:var(--text);letter-spacing:-6px;margin:0;font-size:clamp(66px,7vw,120px);font-weight:700;line-height:.87}.about-heading h2 span{color:#0000;-webkit-text-stroke:1.4px #5ba0ffd1;margin-top:15px;display:block}.about-main{grid-template-columns:.95fr 1.05fr;align-items:start;gap:100px;display:grid}.about-visual{min-height:690px;position:relative}.about-image-glow{filter:blur(80px);pointer-events:none;background:#377fff33;border-radius:50%;width:84%;height:72%;position:absolute;top:13%;left:8%}.about-image-frame{border:1px solid var(--line);background:var(--panel);border-radius:16px;width:92%;height:570px;position:relative;overflow:hidden;box-shadow:0 45px 100px #0000007a}.about-image-frame img{object-fit:cover;filter:brightness(.88)contrast(1.05)saturate(.9);width:100%;height:100%;transition:transform 1s var(--ease);display:block}.about-image-frame:hover img{transform:scale(1.055)}.about-image-overlay{pointer-events:none;background:linear-gradient(205deg,#4691ff2e,#0000 38%),linear-gradient(#0000 54%,#03070dd1);position:absolute;inset:0}.about-image-number{color:#ffffff59;letter-spacing:2px;font-size:8px;font-weight:700;position:absolute;top:18px;right:18px}.about-image-caption{position:absolute;bottom:22px;left:22px}.about-image-caption small{color:var(--blue-bright);letter-spacing:1.6px;margin-bottom:6px;font-size:7px;font-weight:700;display:block}.about-image-caption strong{color:#fff;font-size:14px;font-weight:500}.about-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;width:92%;margin-top:22px;display:grid}.about-meta>div{padding:18px 0}.about-meta>div+div{border-left:1px solid var(--line);padding-left:22px}.about-meta small{color:#4d6076;letter-spacing:1.5px;margin-bottom:6px;font-size:7px;font-weight:700;display:block}.about-meta strong{color:#b9c8da;font-size:10px;font-weight:500}.about-content{padding-top:15px;position:relative}.about-intro{color:#d9e4f2;max-width:700px;font-family:var(--serif);margin-bottom:40px;font-size:clamp(23px,2vw,31px);font-style:italic;line-height:1.45}.about-story{grid-template-columns:repeat(2,1fr);gap:30px;padding-bottom:45px;display:grid}.about-story p{color:var(--muted);font-size:13px;line-height:1.85}.about-focus{border-top:1px solid var(--line)}.about-focus-row{border-bottom:1px solid var(--line);min-height:105px;transition:padding .45s var(--ease), background .35s ease;grid-template-columns:45px .8fr 1.2fr 30px;align-items:center;gap:20px;display:grid;position:relative}.about-focus-row:before{content:"";background:var(--blue-bright);width:2px;height:0;transition:height .4s var(--ease);position:absolute;left:0}.about-focus-row:hover{background:linear-gradient(90deg,#377fff0b,#0000 50%);padding-left:14px}.about-focus-row:hover:before{height:60%}.about-focus-row>span{color:var(--blue-bright);font-size:8px;font-weight:700}.about-focus-row h3{color:#dce6f3;font-size:15px;font-weight:500}.about-focus-row p{color:#718399;font-size:11px;line-height:1.7}.about-focus-row i{color:#46596f;font-size:15px;font-style:normal;transition:color .3s,transform .3s}.about-focus-row:hover i{color:var(--blue-bright);transform:translate(3px,-3px)}.about-quote{align-items:flex-start;gap:14px;margin-top:38px;display:flex}.about-quote span{color:var(--blue-bright);font-family:var(--serif);font-size:42px;line-height:.8}.about-quote p{color:#9aacc1;max-width:520px;font-family:var(--serif);font-size:16px;font-style:italic;line-height:1.6}@media (width<=1100px){.about-main{gap:55px}.about-heading h2{font-size:clamp(58px,7vw,90px)}.about-story{grid-template-columns:1fr}}@media (width<=820px){.about-section{padding:110px 22px 100px}.about-top{margin-bottom:50px}.about-top-label{display:none}.about-heading{margin-bottom:65px}.about-heading h2{letter-spacing:-4px;font-size:clamp(52px,14vw,80px)}.about-main{grid-template-columns:1fr;gap:70px}.about-visual{min-height:unset}.about-image-frame{width:100%;height:450px}.about-meta{width:100%}.about-content{padding-top:0}.about-focus-row{grid-template-columns:35px 1fr 30px;gap:14px;padding:20px 0}.about-focus-row p{grid-column:2/3}.about-focus-row i{grid-area:1/3}}@media (width<=520px){.about-heading h2{font-size:clamp(46px,13vw,64px)}.about-image-frame{height:330px}.about-meta{grid-template-columns:1fr}.about-meta>div+div{border-left:none;border-top:1px solid var(--line);padding-left:0}.about-intro{font-size:21px}.about-story p{font-size:12.5px}}.skills-section{background:linear-gradient(#03070d 0%,#050d17 52%,#03070d 100%);min-height:100vh;padding:145px max(24px,5vw) 120px;position:relative;overflow:hidden}.skills-section:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:90%;height:1px;position:absolute;top:0;left:5%}.skills-light{filter:blur(45px);pointer-events:none;background:radial-gradient(circle,#377fff1a,#0000 68%);border-radius:50%;width:650px;height:650px;position:absolute;top:180px;right:-260px}.skills-container{z-index:2;width:100%;max-width:1400px;margin:auto;position:relative}.skills-top{justify-content:space-between;align-items:center;margin-bottom:70px;display:flex}.skills-index{align-items:center;gap:12px;display:flex}.skills-index span{color:var(--blue-bright);font-size:9px;font-weight:700}.skills-index div{background:var(--line);width:46px;height:1px}.skills-index p,.skills-top-label{color:#4b5e74;letter-spacing:2.2px;font-size:7px;font-weight:700}.skills-heading{margin-bottom:70px}.skills-eyebrow{color:#53667d;letter-spacing:2px;margin-bottom:18px;font-size:8px;font-weight:700}.skills-heading h2{max-width:1000px;color:var(--text);letter-spacing:-6px;margin:0;font-size:clamp(64px,7vw,115px);font-weight:700;line-height:.88}.skills-heading h2 span{color:#0000;-webkit-text-stroke:1.4px #5ba0ffd1;margin-top:14px;display:block}.skills-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.skill-item{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:190px;transition:background .35s ease, transform .4s var(--ease);flex-direction:column;justify-content:space-between;padding:22px;display:flex;position:relative}.skill-item:hover{background:linear-gradient(145deg,#377fff14,#0000 70%);transform:translateY(-5px)}.skill-number{color:#43556b;font-size:7px;font-weight:700}.skill-logo{width:60px;height:60px;transition:transform .4s var(--ease), box-shadow .4s ease;background:#fffffff2;border-radius:12px;place-items:center;padding:8px;display:grid}.skill-logo img{object-fit:contain;width:100%;height:100%}.skill-item:hover .skill-logo{transform:scale(1.08);box-shadow:0 15px 35px #377fff1f}.skill-item h3{color:#dce6f3;margin:0;font-size:15px;font-weight:500}.skills-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;margin-top:50px;padding-top:24px;display:flex}.skills-bottom span{color:var(--blue-bright);letter-spacing:1.8px;font-size:7px;font-weight:700}.skills-bottom p{color:#66798f;margin:0;font-size:10px}@media (width<=1050px){.skills-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=820px){.skills-section{padding:110px 22px 100px}.skills-top-label{display:none}.skills-heading h2{letter-spacing:-4px;font-size:clamp(52px,14vw,78px)}.skills-grid{grid-template-columns:repeat(2,1fr)}.skill-item{min-height:160px;padding:18px}.skill-logo{width:52px;height:52px}}@media (width<=480px){.skills-heading h2{font-size:clamp(46px,13vw,62px)}.skill-item{min-height:145px;padding:15px}.skill-logo{width:46px;height:46px;padding:6px}.skill-item h3{font-size:13px}.skills-bottom{flex-direction:column;align-items:flex-start;gap:8px}}.projects-section{background:linear-gradient(#03070d 0%,#050d17 52%,#03070d 100%);padding:145px max(24px,5vw) 130px;position:relative;overflow:hidden}.projects-section:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:90%;height:1px;position:absolute;top:0;left:5%}.projects-light{filter:blur(50px);pointer-events:none;background:radial-gradient(circle,#377fff1a,#0000 68%);border-radius:50%;width:700px;height:700px;position:absolute;top:250px;right:-300px}.projects-container{z-index:2;width:100%;max-width:1400px;margin:auto;position:relative}.projects-top{justify-content:space-between;align-items:center;margin-bottom:70px;display:flex}.projects-index{align-items:center;gap:12px;display:flex}.projects-index span{color:var(--blue-bright);font-size:9px;font-weight:700}.projects-index div{background:var(--line);width:46px;height:1px}.projects-index p,.projects-top-label{color:#4b5e74;letter-spacing:2.2px;font-size:7px;font-weight:700}.projects-heading{margin-bottom:85px}.projects-eyebrow{color:#53667d;letter-spacing:2px;margin-bottom:20px;font-size:8px;font-weight:700}.projects-heading h2{max-width:1100px;color:var(--text);letter-spacing:-6px;margin:0;font-size:clamp(64px,7vw,115px);font-weight:700;line-height:.88}.projects-heading h2 span{color:#0000;-webkit-text-stroke:1.4px #5ba0ffd1;margin-top:14px;display:block}.project-intro{grid-template-columns:1.2fr .8fr;align-items:end;gap:80px;margin-bottom:35px;display:grid}.project-intro-title>span{color:var(--blue-bright);letter-spacing:1.8px;font-size:8px;font-weight:700}.project-intro-title h3{color:#fff;letter-spacing:-4px;margin:12px 0 0;font-size:clamp(52px,6vw,92px);font-weight:700;line-height:.95}.project-intro-text{justify-self:end;max-width:420px}.project-type{font-weight:500;color:#d0dcea!important;margin-bottom:12px!important;font-size:14px!important}.project-intro-text p{color:var(--muted);margin:0;font-size:12px;line-height:1.75}.project-image-wrapper{border:1px solid var(--line);background:var(--panel);width:100%;transition:transform .6s var(--ease), border-color .4s ease;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 40px 90px #0000006b}.project-image-wrapper:hover{border-color:var(--blue-line);transform:translateY(-5px)}.project-image{object-fit:cover;width:100%;transition:transform .9s var(--ease);display:block}.project-image-wrapper:hover .project-image{transform:scale(1.012)}.project-image-overlay{pointer-events:none;background:linear-gradient(#0000 75%,#03070db3);position:absolute;inset:0}.project-image-caption{justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:20px;left:22px;right:22px}.project-image-caption>div span{color:var(--blue-bright);letter-spacing:1.5px;margin-bottom:5px;font-size:7px;font-weight:700;display:block}.project-image-caption strong{color:#fff;font-size:13px;font-weight:500}.project-image-year{color:#ffffff73;letter-spacing:1.5px;font-size:8px;font-weight:700}.project-overview{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:90px;padding:85px 0;display:grid}.project-overview-title>span{color:var(--blue-bright);letter-spacing:1.8px;margin-bottom:18px;font-size:8px;font-weight:700;display:block}.project-overview-title h4{color:#fff;letter-spacing:-3px;margin:0;font-size:clamp(42px,4vw,66px);font-weight:700;line-height:.95}.project-overview-title h4 span{color:#0000;-webkit-text-stroke:1.2px var(--blue-bright);display:block}.project-overview-text{align-items:flex-end;display:flex}.project-overview-text p{max-width:560px;color:var(--muted);margin:0;font-size:13px;line-height:1.85}.project-features{padding:70px 0}.project-section-title{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.project-section-title span{color:var(--blue-bright);letter-spacing:1.8px;font-size:8px;font-weight:700}.project-section-title p{color:#566980;margin:0;font-size:9px}.project-feature-list{border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.project-feature{border-bottom:1px solid var(--line);align-items:center;gap:20px;min-height:85px;padding:18px 20px;transition:background .3s;display:flex}.project-feature:nth-child(odd){border-right:1px solid var(--line)}.project-feature:hover{background:#377fff0a}.project-feature span{color:var(--blue-bright);font-size:8px;font-weight:700}.project-feature p{color:#c9d6e5;margin:0;font-size:12px;font-weight:500}.project-stack{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 0}.project-small-label{color:var(--blue-bright);letter-spacing:1.8px;margin-bottom:20px;font-size:8px;font-weight:700;display:block}.project-stack-list{flex-wrap:wrap;gap:9px;display:flex}.project-stack-list span{border:1px solid var(--line);color:#aebed0;border-radius:999px;padding:8px 13px;font-size:9px;transition:all .3s}.project-stack-list span:hover{color:#fff;border-color:var(--blue-line);background:#377fff0f}.project-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:50px;display:grid}.project-details>div{border-right:1px solid var(--line);padding:22px 18px}.project-details>div:last-child{border-right:none}.project-details span{color:#4f6278;letter-spacing:1.4px;margin-bottom:7px;font-size:7px;font-weight:700;display:block}.project-details strong{color:#c6d3e2;font-size:10px;font-weight:500}.project-live{color:#58e6a4!important}.project-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;margin-top:60px;padding-top:30px;display:flex}.project-bottom>div>span{color:var(--blue-bright);letter-spacing:1.8px;margin-bottom:7px;font-size:7px;font-weight:700;display:block}.project-bottom h4{color:#fff;margin:0;font-size:22px;font-weight:500}.project-bottom a{background:var(--blue);color:#fff;height:48px;transition:.35s var(--ease);border-radius:999px;justify-content:center;align-items:center;gap:13px;padding:0 21px;font-size:11px;font-weight:600;display:inline-flex}.project-bottom a:hover{background:var(--blue-bright);transform:translateY(-3px);box-shadow:0 16px 38px #377fff47}.project-bottom a span{transition:transform .3s}.project-bottom a:hover span{transform:translate(3px,-3px)}@media (width<=1000px){.project-intro{grid-template-columns:1fr;gap:25px}.project-intro-text{justify-self:start}.project-overview{grid-template-columns:1fr;gap:35px}.project-details{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.projects-section{padding:110px 22px 100px}.projects-top-label{display:none}.projects-heading h2{letter-spacing:-4px;font-size:clamp(52px,14vw,78px)}.project-intro-title h3{font-size:clamp(48px,13vw,72px)}.project-overview{padding:65px 0}.project-feature-list{grid-template-columns:1fr}.project-feature:nth-child(odd){border-right:none}.project-details{grid-template-columns:1fr}.project-details>div{border-right:none;border-bottom:1px solid var(--line)}.project-bottom{flex-direction:column;align-items:flex-start}}@media (width<=520px){.projects-heading h2{font-size:clamp(46px,13vw,62px)}.project-image-caption{bottom:13px;left:14px;right:14px}.project-image-caption strong{font-size:11px}.project-overview-title h4{font-size:clamp(38px,11vw,52px)}.project-feature{min-height:75px;padding:15px 10px}.project-bottom a{width:100%}}.achievements-section{background:linear-gradient(#03070d 0%,#050d17 52%,#03070d 100%);padding:145px max(24px,5vw) 130px;position:relative;overflow:hidden}.achievements-section:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:90%;height:1px;position:absolute;top:0;left:5%}.achievements-light{filter:blur(45px);pointer-events:none;background:radial-gradient(circle,#377fff1c,#0000 68%);border-radius:50%;width:720px;height:720px;position:absolute;top:260px;left:-310px}.achievements-container{z-index:2;width:100%;max-width:1400px;margin:auto;position:relative}.achievements-top{justify-content:space-between;align-items:center;margin-bottom:72px;display:flex}.achievements-index{align-items:center;gap:12px;display:flex}.achievements-index span{color:var(--blue-bright);font-size:9px;font-weight:700}.achievements-index div{background:var(--line);width:46px;height:1px}.achievements-index p,.achievements-top-label{color:#4b5e74;letter-spacing:2.3px;font-size:7px;font-weight:700}.achievements-header{margin-bottom:95px}.achievements-eyebrow{color:#53667d;letter-spacing:2.2px;margin-bottom:20px;font-size:8px;font-weight:700}.achievements-header h2{max-width:1180px;color:var(--text);letter-spacing:-6px;margin:0;font-size:clamp(66px,7vw,120px);font-weight:700;line-height:.87}.achievements-header h2 span{color:#0000;-webkit-text-stroke:1.4px #5ba0ffd1;margin-top:15px;display:block}.achievements-header-description{max-width:620px;color:var(--muted);margin-top:35px;font-size:14px;line-height:1.85}.achievement-featured{border-bottom:1px solid var(--line);grid-template-columns:1.05fr .95fr;align-items:center;gap:95px;padding-bottom:110px;display:grid}.achievement-visual{justify-content:center;align-items:center;min-height:620px;display:flex;position:relative}.achievement-image-glow{filter:blur(80px);pointer-events:none;background:#377fff2e;border-radius:50%;width:80%;height:72%;position:absolute;top:14%;left:10%}.achievement-image-wrapper{border:1px solid var(--line);background:var(--panel);border-radius:16px;width:94%;height:550px;position:relative;overflow:hidden;box-shadow:0 45px 100px #00000073}.achievement-image{object-fit:cover;filter:brightness(.91)contrast(1.04)saturate(.92);width:100%;height:100%;transition:transform .9s var(--ease);display:block}.achievement-image-wrapper:hover .achievement-image{transform:scale(1.045)}.achievement-image-overlay{pointer-events:none;background:linear-gradient(200deg,#377fff29,#0000 38%),linear-gradient(#0000 54%,#03070dc7);position:absolute;inset:0}.achievement-image-index{color:#ffffff59;letter-spacing:2px;font-size:8px;font-weight:700;position:absolute;top:18px;right:18px}.achievement-image-caption{position:absolute;bottom:22px;left:22px}.achievement-image-caption span{color:var(--blue-bright);letter-spacing:1.6px;margin-bottom:6px;font-size:7px;font-weight:700;display:block}.achievement-image-caption strong{color:#fff;font-size:14px;font-weight:500}.achievement-number{color:var(--blue-bright);letter-spacing:1.8px;margin-bottom:25px;font-size:8px;font-weight:700;display:block}.achievement-kicker{color:#52657b;letter-spacing:2px;margin-bottom:18px;font-size:8px;font-weight:700}.achievement-content h3{color:#fff;letter-spacing:-4px;margin:0;font-size:clamp(58px,5.6vw,94px);font-weight:700;line-height:.9}.achievement-content h3 span{color:#0000;-webkit-text-stroke:1.3px var(--blue-bright);margin-top:10px;display:block}.achievement-event{color:#d7e3f1;margin:28px 0 24px;font-size:17px;font-weight:500}.achievement-description{max-width:620px;color:var(--muted);margin-bottom:15px;font-size:13px;line-height:1.85}.achievement-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:38px;display:grid}.achievement-stat{border-right:1px solid var(--line);padding:22px 14px;transition:background .3s}.achievement-stat:last-child{border-right:none}.achievement-stat:hover{background:#377fff0a}.achievement-stat span{color:var(--blue-bright);margin-bottom:7px;font-size:23px;font-weight:700;display:block}.achievement-stat p{color:#63758b;letter-spacing:1.4px;text-transform:uppercase;font-size:7px;font-weight:700}.certificate-showcase{border-bottom:1px solid var(--line);grid-template-columns:.85fr 1.15fr;align-items:center;gap:90px;padding:110px 0;display:grid}.certificate-number{color:var(--blue-bright);letter-spacing:1.8px;margin-bottom:25px;font-size:8px;font-weight:700;display:block}.certificate-kicker{color:#52657b;letter-spacing:1.8px;max-width:500px;margin-bottom:18px;font-size:8px;font-weight:700;line-height:1.6}.certificate-content h3{color:#fff;letter-spacing:-4px;margin:0;font-size:clamp(58px,5.5vw,92px);font-weight:700;line-height:.9}.certificate-content h3 span{color:#0000;-webkit-text-stroke:1.3px var(--blue-bright);margin-top:10px;display:block}.certificate-event{color:#d7e3f1;margin:28px 0 22px;font-size:17px;font-weight:500}.certificate-description{max-width:580px;color:var(--muted);font-size:13px;line-height:1.85}.certificate-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:38px;display:grid}.certificate-meta>div{border-right:1px solid var(--line);padding:20px 14px}.certificate-meta>div:last-child{border-right:none}.certificate-meta span{color:#4d6076;letter-spacing:1.4px;margin-bottom:7px;font-size:7px;font-weight:700;display:block}.certificate-meta strong{color:#c8d5e4;font-size:10px;font-weight:500}.certificate-visual{justify-content:center;align-items:center;display:flex;position:relative}.certificate-glow{filter:blur(85px);pointer-events:none;background:#377fff26;border-radius:50%;width:78%;height:75%;position:absolute;top:12%;left:11%}.certificate-frame{border:1px solid var(--line);width:100%;max-width:610px;transition:transform .6s var(--ease), box-shadow .6s var(--ease);background:#fff;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 45px 100px #00000073}.certificate-frame:hover{transform:translateY(-6px);box-shadow:0 55px 110px #00000085}.certificate-frame img{width:100%;display:block}.certificate-overlay{pointer-events:none;background:linear-gradient(200deg,#377fff14,#0000 35%);position:absolute;inset:0}.certificate-label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;letter-spacing:1.4px;background:#03070dcc;border-radius:6px;padding:7px 10px;font-size:7px;font-weight:700;position:absolute;top:15px;right:15px}.highlight-number{color:var(--blue-bright);font-size:8px;font-weight:700}.highlight-title h4{color:#dce6f3;font-size:16px;font-weight:500}.highlight-description p{color:#74869c;max-width:620px;font-size:11px;line-height:1.75}.highlight-arrow{color:#4f6177;font-size:16px;transition:color .3s,transform .3s}.achievement-highlight-row:hover .highlight-arrow{color:var(--blue-bright);transform:translate(3px,-3px)}@media (width<=1100px){.achievement-featured,.certificate-showcase{grid-template-columns:1fr;gap:55px}.certificate-visual{justify-content:flex-start}}@media (width<=820px){.achievements-section{padding:110px 22px 100px}.achievements-top-label{display:none}.achievements-header{margin-bottom:65px}.achievements-header h2{letter-spacing:-4px;font-size:clamp(52px,14vw,80px)}.achievement-visual{min-height:unset}.achievement-image-wrapper{width:100%;height:430px}.achievement-content h3{font-size:clamp(52px,13vw,76px)}.certificate-showcase{padding:80px 0}.certificate-content h3{font-size:clamp(52px,13vw,76px)}.achievement-highlight-row{grid-template-columns:35px 1fr 30px;gap:14px}.highlight-description{grid-column:2/3}.highlight-arrow{grid-area:1/3}}@media (width<=520px){.achievements-header h2{font-size:clamp(46px,13vw,64px)}.achievement-image-wrapper{height:320px}.achievement-content h3{font-size:clamp(46px,13vw,64px)}.achievement-stats{grid-template-columns:1fr}.achievement-stat{border-right:none;border-bottom:1px solid var(--line)}.achievement-stat:last-child{border-bottom:none}.certificate-content h3{font-size:clamp(46px,13vw,64px)}.certificate-meta{grid-template-columns:1fr}.certificate-meta>div{border-right:none;border-bottom:1px solid var(--line)}.certificate-meta>div:last-child{border-bottom:none}.achievement-highlights-heading{flex-direction:column;align-items:flex-start;gap:7px}}.contact-section{background:linear-gradient(#040914 0%,#061120 52%,#040914 100%);padding:130px 7% 50px;position:relative;overflow:hidden}.contact-section:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:86%;height:1px;position:absolute;top:0;left:7%}.contact-grid-bg{opacity:.35;pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000c 15%,#000000e6 100%);mask-image:linear-gradient(#0000 0%,#000c 15%,#000000e6 100%)}.contact-container{z-index:2;width:100%;max-width:1500px;margin:auto;position:relative}.contact-box{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffff09,#ffffff03);border-radius:28px;grid-template-columns:1.1fr .9fr;gap:38px;padding:34px;display:grid;box-shadow:0 20px 60px #00000047}.contact-left{flex-direction:column;justify-content:center;padding:20px 10px 20px 0;display:flex}.contact-small-title{color:var(--blue-bright);letter-spacing:2.5px;margin:0 0 18px;font-size:11px;font-weight:800}.contact-left h2{color:#fff;letter-spacing:-3px;margin:0;font-size:clamp(46px,5vw,76px);font-weight:800;line-height:.95}.contact-left h2 span{color:#dfe7f5}.contact-description{color:#8c99ae;max-width:520px;margin-top:22px;font-size:16px;line-height:1.8}.contact-right{flex-direction:column;gap:14px;display:flex}.contact-card{background:linear-gradient(135deg,#ffffff08,#ffffff04);border:1px solid #ffffff14;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;min-height:92px;padding:18px 22px;text-decoration:none;transition:transform .3s,border-color .3s,background .3s,box-shadow .3s;display:flex}.contact-card:hover{border-color:var(--blue-line);background:linear-gradient(135deg,#377fff0e,#ffffff05);transform:translateY(-4px);box-shadow:0 14px 30px #0003}.contact-card-left{align-items:center;gap:16px;display:flex}.contact-icon{border:1px solid #ffffff14;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.contact-icon svg{width:24px;height:24px}.contact-icon.whatsapp{color:#25d366;background:#25d36614;border-color:#25d36638}.contact-icon.email{color:var(--blue-bright);background:#377fff14;border-color:#377fff38}.contact-icon.tiktok{color:#fff;background:#ffffff0d;border-color:#ffffff1a}.contact-icon.instagram{color:var(--blue-bright);background:#377fff14;border-color:#377fff38}.contact-card-text span{color:#6f7f97;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.contact-card-text h3{color:#f1f5fb;margin:0;font-size:28px;font-weight:700;line-height:1}.contact-card-text p{color:#8e9aae;margin:6px 0 0;font-size:13px}.contact-arrow{color:var(--blue-bright);font-size:20px;font-weight:700;transition:transform .3s,color .3s}.contact-card:hover .contact-arrow{color:#fff;transform:translate(3px,-3px)}.contact-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:34px;padding-top:22px;display:flex}.footer-logo{color:#fff;letter-spacing:1px;font-size:20px;font-weight:800;text-decoration:none}.footer-logo span{color:var(--blue-bright)}.contact-footer p{color:#6f7d91;text-align:center;font-size:12px}.back-top{color:#b9c4d3;font-size:12px;font-weight:600;text-decoration:none;transition:color .3s}.back-top:hover{color:#fff}.back-top span{color:var(--blue-bright)}@media (width<=1050px){.contact-box{grid-template-columns:1fr;gap:28px}.contact-left{padding-right:0}}@media (width<=700px){.contact-section{padding:100px 22px 35px}.contact-box{border-radius:22px;padding:24px}.contact-left h2{letter-spacing:-2px;font-size:clamp(38px,12vw,56px)}.contact-description{font-size:14px}.contact-card{padding:16px}.contact-card-text h3{font-size:22px}.contact-card-text p{font-size:12px}.contact-footer{flex-direction:column;align-items:flex-start}}@media (width<=480px){.contact-box{padding:18px}.contact-card{min-height:82px;padding:14px 15px}.contact-icon{border-radius:12px;width:46px;height:46px}.contact-icon svg{width:21px;height:21px}.contact-card-text h3{font-size:19px}.contact-card-text p{font-size:10px}.contact-card-text span{font-size:8px}}