@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;1,300&display=swap";@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;1,300&display=swap";@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;1,300&display=swap";@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;1,300&display=swap";@import "https://fonts.googleapis.com/css2?family=Birthstone+Bounce&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background:#0f172a;font-family:Poppins,sans-serif}.container{width:100%;overflow-x:hidden}.container>*{padding:60px 20px}.container>:nth-child(odd){background:#111827}.container>:nth-child(2n){background:#0f172a}section,.container>div{max-width:1200px;margin:auto}h1,h2,h3{margin-bottom:20px;font-weight:600}p{color:#cbd5e1;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;color:#fff;background:linear-gradient(90deg,#48f820,#9823ff);border:none;border-radius:8px;padding:10px 20px;font-weight:500;transition:all .3s}button:hover{opacity:.9;transform:scale(1.05)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#48f820;border-radius:10px}@media (width<=768px){.container>*{padding:40px 15px}h1{font-size:28px}h2{font-size:24px}}.about{background:var(--bg,#060608);min-height:100vh;color:var(--text,#fff);padding:120px 2rem;font-family:DM Sans,sans-serif;position:relative;overflow:hidden}.about-orb{filter:blur(110px);pointer-events:none;will-change:transform;border-radius:50%;position:absolute}.about-orb-1{background:radial-gradient(circle,#9823ff29 0%,#0000 70%);width:500px;height:500px;animation:14s ease-in-out infinite orbFloat2;top:-80px;right:-120px}.about-orb-2{background:radial-gradient(circle,#48f8201a 0%,#0000 70%);width:420px;height:420px;animation:11s ease-in-out infinite orbFloat1;bottom:0;left:-100px}@keyframes orbFloat1{0%,to{transform:translate(0)}50%{transform:translate(60px,80px)}}@keyframes orbFloat2{0%,to{transform:translate(0)}50%{transform:translate(-50px,-60px)}}.about .grain{opacity:.018;pointer-events:none;z-index:0;will-change:transform;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");width:200%;height:200%;animation:3s steps(2,end) infinite grainShift;position:absolute;inset:-50%}@keyframes grainShift{0%{transform:translate(0)}50%{transform:translate(-4%,3%)}to{transform:translate(3%,-4%)}}.about-inner{z-index:2;flex-direction:column;gap:96px;max-width:1100px;margin:0 auto;display:flex;position:relative}.about-top{grid-template-columns:320px 1fr;align-items:start;gap:72px;display:grid}.portrait-wrap{position:relative}.portrait-card{aspect-ratio:3/4;background:#ffffff08;border:1px solid #ffffff12;border-radius:24px;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.portrait-inner{background:linear-gradient(145deg,#48f8200a 0%,#9823ff0f 100%);border-radius:24px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.avatar-placeholder{border-radius:24px;width:100%;height:100%;position:relative;overflow:hidden}.profile-img{object-fit:cover;width:100%;height:100%;transition:transform .5s,filter .5s;display:block}.portrait-card:hover .profile-img{filter:brightness(1.05);transform:scale(1.05)}.avatar-placeholder:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0000000d,#00000059);position:absolute;inset:0}.avatar-placeholder svg,.avatar-initials{display:none}.portrait-chip{color:#fff9;white-space:nowrap;z-index:3;background:#0a0a0ed9;border:1px solid #ffffff17;border-radius:20px;padding:6px 14px;font-size:11px;font-weight:500;position:absolute}.portrait-chip-tl{align-items:center;gap:7px;display:flex;top:-14px;left:-14px}.portrait-chip-tl:before{content:"";background:#48f820;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 8px #48f820}.portrait-chip-br{bottom:-14px;right:-14px}@keyframes pulse{0%,to{box-shadow:0 0 6px var(--green)}50%{box-shadow:0 0 14px var(--green), 0 0 26px #48f82066}}.portrait-glow{pointer-events:none;z-index:-1;background:radial-gradient(at 60% 40%,#48f82012 0%,#0000 70%);border-radius:40px;position:absolute;inset:-30px}.intro-col{flex-direction:column;gap:24px;padding-top:16px;display:flex}.about-heading{letter-spacing:-.03em;font-family:Syne,sans-serif;font-size:clamp(36px,4.5vw,60px);font-weight:800;line-height:1.08}.about-heading em{font-style:normal}@keyframes gradientShift{0%{filter:hue-rotate()}to{filter:hue-rotate(30deg)}}.about-body{color:#ffffff73;max-width:540px;font-size:clamp(15px,1.6vw,17px);font-weight:300;line-height:1.75}.about-cta{align-items:center;gap:14px;margin-top:12px;display:flex}.btn-primary-about{color:#050505;background:linear-gradient(90deg,#48f820,#9823ff);border-radius:30px;align-items:center;gap:10px;padding:14px 30px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 20px #48f82033,0 0 50px #9823ff24}.btn-primary-about:before{content:"";border-radius:inherit;background:linear-gradient(120deg,#0000 0%,#ffffff47 50%,#0000 100%);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.btn-primary-about:hover:before{transform:translate(100%)}.btn-primary-about:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 0 28px #48f82052,0 0 60px #9823ff38}.btn-primary-about svg{width:18px;height:18px;transition:transform .2s}.btn-primary-about:hover svg{transform:translate(4px)}.btn-ghost-about{color:#fff9;background:#ffffff08;border:1px solid #ffffff12;border-radius:30px;padding:14px 28px;font-size:15px;font-weight:500;text-decoration:none;transition:color .25s,border-color .25s,background .25s,transform .2s}.btn-ghost-about:hover{color:#fff;background:#48f8200f;border-color:#48f8204d;transform:translateY(-2px)}.sub-heading{letter-spacing:.12em;text-transform:uppercase;color:#ffffff4d;text-align:center;margin-bottom:36px;font-family:Syne,sans-serif;font-size:13px;font-weight:700}.skills-section{flex-direction:column;align-items:center;display:flex}.skills-grid{grid-template-columns:repeat(3,1fr);gap:24px;width:100%;max-width:960px;margin:0 auto;display:grid}.skill-group{text-align:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:20px;padding:24px 24px 20px;transition:border-color .3s,background .3s}.skill-group:hover{background:#48f82008;border-color:#48f82026}.skill-category{letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(90deg,#48f820,#9823ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-family:Syne,sans-serif;font-size:12px;font-weight:700;display:block}.skill-pills{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.skill-pill{color:#ffffff8c;background:#ffffff0d;border:1px solid #ffffff12;border-radius:20px;padding:5px 12px;font-size:12.5px;font-weight:400;transition:color .2s,border-color .2s,background .2s}.skill-pill:hover{color:#fff;background:#48f8200f;border-color:#48f82040}.timeline-section{flex-direction:column;align-items:center;display:flex}.timeline{flex-direction:column;gap:0;width:100%;max-width:760px;margin:0 auto;display:flex;position:relative}.timeline:before{content:"";background:linear-gradient(#0000,#48f8204d 15%,#9823ff4d 85%,#0000);width:1px;position:absolute;top:12px;bottom:12px;left:80px}.timeline-item{grid-template-columns:80px 1px 1fr;align-items:start;gap:0 28px;padding:0 0 44px;display:grid;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-year{color:#ffffff40;text-align:right;letter-spacing:.04em;padding-top:2px;font-family:Syne,sans-serif;font-size:13px;font-weight:700}.timeline-dot{align-self:stretch;width:1px;position:relative}.timeline-dot:before{content:"";z-index:1;background:linear-gradient(135deg,#48f820,#9823ff);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;left:50%;transform:translate(-50%);box-shadow:0 0 12px #48f82080}.timeline-content{padding-bottom:4px}.timeline-title{color:#fff;margin-bottom:4px;font-family:Syne,sans-serif;font-size:18px;font-weight:700;line-height:1.2}.timeline-org{letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(90deg,#48f820,#9823ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:12px;font-weight:500}.timeline-desc{color:#fff6;max-width:500px;font-size:14px;font-weight:300;line-height:1.7}@media (width<=900px){.about-top{grid-template-columns:1fr;gap:56px}.portrait-wrap{max-width:300px;margin:0 auto}.intro-col{text-align:center;align-items:center}.about-body{text-align:center;margin:0 auto}.about-cta{justify-content:center}.skills-grid{grid-template-columns:1fr 1fr}.timeline{max-width:600px}}@media (width<=600px){.about{padding:80px 1.25rem}.about-inner{gap:64px}.portrait-wrap{max-width:260px;margin:24px auto}.portrait-chip-tl{padding:5px 10px;font-size:10px;top:10px;left:10px}.portrait-chip-br{padding:5px 10px;font-size:10px;bottom:10px;right:10px}.intro-col{text-align:center;align-items:center;padding-top:0}.about-heading{letter-spacing:-.02em;font-size:32px}.about-body{text-align:center;margin:0 auto}.about-cta{flex-direction:column;align-items:center;gap:12px;width:100%;margin-top:8px}.btn-primary-about,.btn-ghost-about{text-align:center;justify-content:center;width:100%}.skills-grid{grid-template-columns:1fr}.timeline{max-width:100%}.timeline:before{left:48px}.timeline-item{grid-template-columns:48px 1px 1fr;gap:0 16px;padding-bottom:36px}.timeline-year{font-size:11px}.timeline-title{font-size:15px}.timeline-desc{font-size:13px}.about-orb-2{display:none}.about-orb-1{filter:blur(60px);width:280px;height:280px}.about .grain{display:none}}@media (prefers-reduced-motion:reduce){.about-orb,.about .grain,.gradient-text,.portrait-chip-tl:before{animation:none}.reveal{opacity:1;transition:none;transform:none}}.contact{background:var(--bg,#060608);min-height:100vh;color:var(--text,#fff);padding:120px 2rem 80px;font-family:DM Sans,sans-serif;position:relative;overflow:hidden}.contact-orb{filter:blur(110px);pointer-events:none;will-change:transform;border-radius:50%;position:absolute}.contact-orb-1{background:radial-gradient(circle,#48f82021 0%,#0000 70%);width:500px;height:500px;animation:13s ease-in-out infinite cOrbFloat1;top:-60px;left:-120px}.contact-orb-2{background:radial-gradient(circle,#9823ff29 0%,#0000 70%);width:420px;height:420px;animation:11s ease-in-out infinite cOrbFloat2;bottom:60px;right:-100px}@keyframes cOrbFloat1{0%,to{transform:translate(0)}50%{transform:translate(50px,70px)}}@keyframes cOrbFloat2{0%,to{transform:translate(0)}50%{transform:translate(-40px,-50px)}}.contact .grain{opacity:.02;pointer-events:none;z-index:0;will-change:transform;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");width:200%;height:200%;animation:3s steps(2,end) infinite cGrainShift;position:absolute;inset:-50%}@keyframes cGrainShift{0%{transform:translate(0)}50%{transform:translate(-4%,3%)}to{transform:translate(3%,-4%)}}.contact-inner{z-index:2;flex-direction:column;gap:72px;max-width:1100px;margin:0 auto;display:flex;position:relative}.contact-heading-wrap{text-align:center;flex-direction:column;align-items:center;max-width:100%;display:flex}.contact-heading{letter-spacing:-.03em;margin-bottom:20px;font-family:Syne,sans-serif;font-size:clamp(40px,5.5vw,72px);font-weight:800;line-height:1.06}.contact-heading em{font-style:normal}@keyframes cGradientShift{0%{filter:hue-rotate()}to{filter:hue-rotate(30deg)}}.contact-sub{color:#ffffff6b;text-align:center;max-width:500px;font-size:clamp(15px,1.6vw,17px);font-weight:300;line-height:1.75}.contact-body{grid-template-columns:1fr 340px;align-items:start;gap:40px;width:100%;max-width:960px;margin:0 auto;display:grid}.contact-form{background:#ffffff05;border:1px solid #ffffff0f;border-radius:24px;flex-direction:column;gap:20px;padding:36px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{letter-spacing:.05em;color:#ffffff80;text-transform:uppercase;font-size:12.5px;font-weight:500}.optional{color:#ffffff40;text-transform:none;letter-spacing:0;font-size:11px;font-weight:400}.form-group input,.form-group textarea{color:#fff;resize:vertical;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;outline:none;width:100%;padding:13px 16px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:300;transition:border-color .25s,background .25s,box-shadow .25s}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff38}.form-group input:focus,.form-group textarea:focus{background:#48f8200a;border-color:#48f82059;box-shadow:0 0 0 3px #48f82012}.has-error input,.has-error textarea{background:#ff50500a;border-color:#ff505073}.has-error input:focus,.has-error textarea:focus{box-shadow:0 0 0 3px #ff505014}.field-error{color:#ff6464d9;letter-spacing:.02em;font-size:12px;font-weight:400}.btn-submit{color:#050505;cursor:pointer;background:linear-gradient(90deg,#48f820,#9823ff);border:none;border-radius:30px;justify-content:center;align-self:center;align-items:center;gap:10px;width:fit-content;padding:14px 32px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 20px #48f82033,0 0 50px #9823ff24}.btn-submit:before{content:"";border-radius:inherit;background:linear-gradient(120deg,#0000 0%,#ffffff47 50%,#0000 100%);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.btn-submit:hover:not(:disabled):before{transform:translate(100%)}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 28px #48f82052,0 0 60px #9823ff38}.btn-submit:disabled{cursor:not-allowed}.btn-submit.success{background:linear-gradient(90deg,#48f820,#22c55e);box-shadow:0 0 20px #48f8204d}.btn-spinner{border:2px solid #00000040;border-top-color:#050505;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite cSpin}@keyframes cSpin{to{transform:rotate(360deg)}}.submit-error{color:#ff6464d9;text-align:center;margin-top:-4px;font-size:13px;font-weight:300;line-height:1.6}.submit-error a{color:#48f820;text-decoration:none}.submit-error a:hover{text-decoration:underline}.popup-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);background:#060608bf;justify-content:center;align-items:center;padding:1.5rem;animation:.25s forwards cBackdropIn;display:flex;position:fixed;inset:0}@keyframes cBackdropIn{0%{opacity:0}to{opacity:1}}.popup-card{text-align:center;background:#121216fa;border:1px solid #ffffff1a;border-radius:28px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:420px;padding:48px 40px 40px;animation:.35s cubic-bezier(.22,1,.36,1) forwards cCardIn;display:flex;position:relative;box-shadow:0 0 0 1px #48f82014,0 32px 80px #0009,0 0 60px #48f8200f}@keyframes cCardIn{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.popup-close{color:#ffffff73;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .2s,color .2s,border-color .2s;display:flex;position:absolute;top:16px;right:16px}.popup-close:hover{color:#ffffffd9;background:#ffffff14;border-color:#fff3}.popup-icon-wrap{color:#48f820;background:linear-gradient(135deg,#48f82026,#9823ff26);border:1px solid #48f82040;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:4px;animation:.45s cubic-bezier(.22,1,.36,1) .15s both cIconPop;display:flex;box-shadow:0 0 28px #48f82033,0 0 60px #48f82014}@keyframes cIconPop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.popup-title{color:#fff;letter-spacing:-.02em;margin:0;font-family:Syne,sans-serif;font-size:24px;font-weight:800}.popup-desc{color:#ffffff73;max-width:300px;margin:0;font-size:14.5px;font-weight:300;line-height:1.75}.popup-btn{color:#050505;cursor:pointer;background:linear-gradient(90deg,#48f820,#9823ff);border:none;border-radius:30px;justify-content:center;align-items:center;margin-top:8px;padding:12px 36px;font-family:DM Sans,sans-serif;font-size:14.5px;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 20px #48f82033,0 0 40px #9823ff1f}.popup-btn:before{content:"";border-radius:inherit;background:linear-gradient(120deg,#0000 0%,#ffffff40 50%,#0000 100%);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.popup-btn:hover:before{transform:translate(100%)}.popup-btn:hover{transform:translateY(-2px);box-shadow:0 0 28px #48f8204d,0 0 55px #9823ff33}.contact-sidebar{flex-direction:column;gap:16px;display:flex}.sidebar-card{text-align:center;background:#ffffff08;border:1px solid #ffffff12;border-radius:20px;padding:24px;transition:border-color .3s}.sidebar-card:hover{border-color:#48f8201f}.card-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:#ffffff4d;text-align:center;margin-bottom:16px;font-size:11px;font-weight:500;display:block}.avail-dot-wrap{justify-content:center;align-items:center;gap:10px;margin-bottom:12px;display:flex}.avail-dot{background:#48f820;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite cPulse;box-shadow:0 0 8px #48f820}@keyframes cPulse{0%,to{box-shadow:0 0 6px #48f820}50%{box-shadow:0 0 14px #48f820,0 0 26px #48f82066}}.avail-label{color:#fff;font-family:Syne,sans-serif;font-size:15px;font-weight:700}.avail-desc{color:#fff6;text-align:center;font-size:13.5px;font-weight:300;line-height:1.7}.socials-list{flex-direction:column;gap:4px;display:flex}.social-row{color:inherit;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:10px 8px;text-decoration:none;transition:background .2s;display:flex}.social-row:hover{background:#ffffff0a}.social-icon{color:#ffffff73;flex-shrink:0;align-items:center;width:20px;transition:color .2s;display:flex}.social-row:hover .social-icon{color:#48f820}.social-info{text-align:left;flex-direction:column;flex-shrink:0;gap:1px;width:164px;display:flex}.social-label{color:#ffffffbf;font-size:13.5px;font-weight:500;line-height:1.2}.social-handle{color:#ffffff4d;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.social-arrow{color:#fff3;flex-shrink:0;width:14px;transition:color .2s,transform .2s}.social-row:hover .social-arrow{color:#48f82099;transform:translate(2px,-2px)}.response-row{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px;display:flex}.response-num{font-family:Syne,sans-serif;font-size:32px;font-weight:800}.response-note{color:#ffffff4d;font-size:12px;font-weight:300}.contact-footer{border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;padding-top:32px;display:flex}.footer-copy{color:#ffffff40;letter-spacing:.03em;font-size:12.5px;font-weight:300}.footer-back{color:#fff6;align-items:center;gap:6px;font-size:12.5px;font-weight:500;text-decoration:none;transition:color .25s;display:inline-flex}.footer-back:hover{color:#48f820}@media (width<=960px){.contact-body{grid-template-columns:1fr;gap:32px;max-width:640px}.contact-sidebar{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.availability-card{grid-column:1/-1}}@media (width<=640px){.contact{padding:80px 1.25rem}.contact-inner{gap:56px}.contact-form{padding:24px 20px}.form-row{grid-template-columns:1fr;gap:16px}.btn-submit{align-self:stretch;width:100%}.contact-sidebar{grid-template-columns:1fr}.availability-card{grid-column:auto}.social-info{width:148px}.social-handle{font-size:10.5px}.response-row{flex-direction:column;align-items:center;gap:4px}.popup-card{border-radius:24px;padding:40px 24px 32px}.popup-title{font-size:21px}.popup-btn{width:100%}.contact-orb-2{display:none}.contact-orb-1{filter:blur(60px);width:280px;height:280px}.contact .grain{display:none}.contact-footer{flex-direction:column;align-items:center}}@media (prefers-reduced-motion:reduce){.contact-orb,.contact .grain,.gradient-text,.avail-dot{animation:none}.reveal{opacity:1;transition:none;transform:none}.popup-backdrop,.popup-card,.popup-icon-wrap{opacity:1;animation:none;transform:none}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--green:#48f820;--purple:#9823ff;--bg:#060608;--surface:#ffffff08;--border:#ffffff12;--text:#fff;--muted:#ffffff73}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;overflow-x:hidden}.hero{justify-content:center;align-items:center;min-height:100vh;padding:120px 2rem 80px;display:flex;position:relative;overflow:hidden}.orb{pointer-events:none;border-radius:50%;position:absolute}.orb-1{filter:blur(100px);background:radial-gradient(circle,#48f8202e 0%,#0000 70%);width:540px;height:540px;animation:12s ease-in-out infinite orbFloat1;top:-120px;left:-100px}.orb-2{filter:blur(100px);background:radial-gradient(circle,#9823ff38 0%,#0000 70%);width:460px;height:460px;animation:15s ease-in-out infinite orbFloat2;bottom:-80px;right:-60px}.orb-3{filter:blur(100px);background:radial-gradient(circle,#48f82014 0%,#0000 70%);width:300px;height:300px;animation:9s ease-in-out infinite orbFloat3;top:50%;left:50%}@keyframes orbFloat3{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 20px))}}.cursor-glow{pointer-events:none;filter:blur(20px);z-index:0;background:radial-gradient(circle,#48f82017 0%,#0000 70%);border-radius:50%;width:320px;height:320px;transition:transform 80ms linear;position:absolute;top:0;left:0;transform:translate(0)}.grain{opacity:.018;pointer-events:none;z-index:1;will-change:transform;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");width:200%;height:200%;animation:2s steps(2,end) infinite grainShift;position:fixed;inset:-50%}.grid-lines{pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70%,#000 30%,#0000 100%);mask-image:radial-gradient(70% 70%,#000 30%,#0000 100%)}.hero-inner{z-index:2;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:860px;display:flex;position:relative}.badge{letter-spacing:.06em;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:20px;align-items:center;gap:8px;margin-bottom:40px;padding:7px 16px;font-size:13px;font-weight:400;animation:.7s both fadeSlideDown;display:inline-flex}.badge-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 8px var(--green);border-radius:50%;animation:2s ease-in-out infinite pulse}.hero-title{letter-spacing:-.03em;flex-direction:column;align-items:center;gap:4px;margin-bottom:32px;font-family:Syne,sans-serif;font-size:clamp(52px,8vw,108px);font-weight:800;line-height:1;display:flex}.line{white-space:nowrap;display:block;overflow:hidden}.char{animation:.6s cubic-bezier(.22,1,.36,1) both charReveal;display:inline-block}@keyframes charReveal{0%{opacity:0;filter:blur(4px);transform:translateY(60px)rotateX(-25deg)}to{opacity:1;filter:blur();transform:translateY(0)rotateX(0)}}.hero-sub{color:var(--muted);max-width:520px;margin-bottom:48px;font-size:clamp(15px,2vw,19px);font-weight:300;line-height:1.7;animation:.8s .9s both fadeSlideUp}.hero-sub em{color:#ffffffb3;font-style:italic}.cta-row{align-items:center;gap:16px;margin-bottom:64px;animation:.8s 1.1s both fadeSlideUp;display:flex}.btn-primary{color:#050505;background:linear-gradient(90deg, var(--green), var(--purple));border-radius:30px;align-items:center;gap:10px;padding:14px 30px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 20px #48f82033,0 0 50px #9823ff24}.btn-primary:before{content:"";border-radius:inherit;background:linear-gradient(120deg,#0000 0%,#ffffff47 50%,#0000 100%);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.btn-primary:hover:before{transform:translate(100%)}.btn-primary:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 0 28px #48f82052,0 0 60px #9823ff38}.btn-primary svg{width:18px;height:18px;transition:transform .2s}.btn-primary:hover svg{transform:translate(4px)}.btn-ghost{color:#fff9;border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:30px;padding:14px 28px;font-size:15px;font-weight:500;text-decoration:none;transition:color .25s,border-color .25s,background .25s,transform .2s}.btn-ghost:hover{color:#fff;background:#48f8200f;border-color:#48f8204d;transform:translateY(-2px)}.stats-row{gap:48px;animation:.8s 1.3s both fadeSlideUp;display:flex}.stat{flex-direction:column;align-items:center;gap:4px;display:flex}.stat-num{background:linear-gradient(90deg, var(--green), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-size:clamp(18px,2.2vw,28px);font-weight:800}.stat-label{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:11px}.chips{pointer-events:none;z-index:1;position:absolute;inset:0}.chip{color:#ffffff80;white-space:nowrap;animation:chipFloat var(--duration,8s) var(--delay,0s) ease-in-out infinite;opacity:0;background:#ffffff0f;border:1px solid #ffffff14;border-radius:20px;padding:5px 13px;font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:500;animation-fill-mode:both;position:absolute}.chip:first-child{--duration:7s;top:12%;left:3%}.chip:nth-child(2){--duration:9s;top:28%;left:2%}.chip:nth-child(3){--duration:8s;top:46%;left:1.5%}.chip:nth-child(4){--duration:10s;top:63%;left:3%}.chip:nth-child(5){--duration:7.5s;top:78%;left:4%}.chip:nth-child(6){--duration:8.5s;top:90%;left:6%}.chip:nth-child(7){--duration:8s;top:10%;right:3%}.chip:nth-child(8){--duration:9.5s;top:25%;right:2%}.chip:nth-child(9){--duration:7.5s;top:42%;right:1.5%}.chip:nth-child(10){--duration:11s;top:60%;right:3%}.chip:nth-child(11){--duration:8s;top:75%;right:4%}.chip:nth-child(12){--duration:9s;top:88%;right:5%}@keyframes chipFloat{0%{opacity:0;transform:translateY(14px)}15%{opacity:1}50%{transform:translateY(-10px)}85%{opacity:1}to{opacity:0;transform:translateY(14px)}}.scroll-hint{z-index:2;flex-direction:column;align-items:center;gap:8px;animation:1s 1.8s both fadeSlideUp;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.scroll-line{background:linear-gradient(to bottom, transparent, var(--green));width:1px;height:48px;animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.15)}}.scroll-hint span{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10px}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.hero{padding:100px 1.5rem}.hero-title{letter-spacing:-.01em;gap:2px;width:100%;font-size:42px}.line{white-space:normal;word-break:keep-all;overflow-wrap:normal;text-align:center;width:100%}.char{white-space:nowrap}.stats-row{gap:20px}.cta-row{flex-direction:column;width:100%}.btn-primary,.btn-ghost{justify-content:center;width:100%}.orb-2,.orb-3{display:none}.orb-1{filter:blur(60px);width:300px;height:300px}.grain,.cursor-glow,.chips{display:none}}@media (width<=480px){.hero-title{letter-spacing:-.01em;font-size:34px}.stats-row{flex-direction:column;gap:16px}}.work{background:var(--bg,#060608);min-height:100vh;color:var(--text,#fff);padding:120px 2rem 140px;font-family:DM Sans,sans-serif;position:relative;overflow:hidden}.work-orb{filter:blur(110px);pointer-events:none;will-change:transform;border-radius:50%;position:absolute}.work-orb-1{background:radial-gradient(circle,#9823ff24 0%,#0000 70%);width:480px;height:480px;animation:13s ease-in-out infinite wOrbFloat1;top:-60px;left:-100px}.work-orb-2{background:radial-gradient(circle,#48f8201a 0%,#0000 70%);width:400px;height:400px;animation:10s ease-in-out infinite wOrbFloat2;bottom:80px;right:-80px}@keyframes wOrbFloat1{0%,to{transform:translate(0)}50%{transform:translate(60px,80px)}}@keyframes wOrbFloat2{0%,to{transform:translate(0)}50%{transform:translate(-40px,-50px)}}.work .grain{opacity:.02;pointer-events:none;z-index:0;will-change:transform;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");width:200%;height:200%;animation:3s steps(2,end) infinite wGrainShift;position:absolute;inset:-50%}@keyframes wGrainShift{0%{transform:translate(0)}50%{transform:translate(-4%,3%)}to{transform:translate(3%,-4%)}}.work-inner{z-index:2;flex-direction:column;gap:72px;max-width:1100px;margin:0 auto;display:flex;position:relative}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(32px)}.reveal.in-view{opacity:1;transform:translateY(0)}.section-label{letter-spacing:.16em;text-transform:uppercase;color:#ffffff59;align-items:center;gap:16px;font-size:11px;font-weight:400;display:flex}.label-line{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);flex:1;height:1px}.work-heading-wrap{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.work-heading{letter-spacing:-.03em;font-family:Syne,sans-serif;font-size:clamp(40px,5vw,68px);font-weight:800;line-height:1.06}.work-heading em{font-style:normal}.gradient-text{background:linear-gradient(90deg,#48f820 0%,#a5f728 25%,#9823ff 60%,#cf72ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite wGradientShift}@keyframes wGradientShift{0%{filter:hue-rotate()}to{filter:hue-rotate(30deg)}}.work-sub{color:#fff6;text-align:center;max-width:420px;font-size:clamp(14px,1.5vw,16px);font-weight:300;line-height:1.75}.projects-grid{grid-template-columns:repeat(2,1fr);gap:28px;width:100%;max-width:960px;margin:0 auto;display:grid}.project-card{background:#ffffff08;border:1px solid #ffffff12;border-radius:24px;flex-direction:column;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s;display:flex;position:relative;overflow:hidden}.project-card:hover{transform:translateY(-6px)}.card-green:hover{border-color:#48f82033}.card-purple:hover{border-color:#9823ff40}.card-border-glow{pointer-events:none;opacity:0;border-radius:24px;transition:opacity .35s;position:absolute;inset:0}.card-green .card-border-glow{box-shadow:inset 0 0 40px #48f8200a}.card-purple .card-border-glow{box-shadow:inset 0 0 40px #9823ff0f}.card-border-glow.active{opacity:1}.card-image-wrap{background:#00000080;border-bottom:1px solid #ffffff0d;justify-content:center;align-items:center;width:100%;height:280px;display:flex;position:relative;overflow:hidden}.card-image{object-fit:contain;object-position:center;width:100%;height:100%;transition:transform .5s;display:block}.project-card:hover .card-image{transform:scale(1.04)}.card-image-placeholder{background:#ffffff05;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.placeholder-grid{background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.placeholder-glow{filter:blur(60px);opacity:.35;border-radius:50%;width:200px;height:200px;transition:opacity .4s;position:absolute}.placeholder-glow.green{background:radial-gradient(circle,#48f820,#0000)}.placeholder-glow.purple{background:radial-gradient(circle,#9823ff,#0000)}.project-card:hover .placeholder-glow{opacity:.55}.placeholder-label{background:linear-gradient(135deg,#48f820,#9823ff);-webkit-text-fill-color:transparent;z-index:1;opacity:.35;-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-size:64px;font-weight:800;transition:opacity .35s;position:relative}.project-card:hover .placeholder-label{opacity:.6}.card-tag{letter-spacing:.08em;text-transform:uppercase;color:#ffffff8c;background:#060608d1;border:1px solid #ffffff1a;border-radius:20px;padding:5px 12px;font-size:10.5px;font-weight:600;position:absolute;top:14px;right:14px}.card-body{text-align:center;flex-direction:column;flex:1;align-items:center;gap:16px;padding:28px 28px 24px;display:flex}.card-title{color:#fff;letter-spacing:-.02em;width:100%;font-family:Syne,sans-serif;font-size:22px;font-weight:700;line-height:1.2}.card-desc{color:#ffffff6b;flex:1;width:100%;font-size:14px;font-weight:300;line-height:1.75}.card-stack{flex-wrap:wrap;justify-content:center;gap:7px;width:100%;display:flex}.stack-pill{color:#ffffff80;background:#ffffff0d;border:1px solid #ffffff12;border-radius:20px;padding:4px 11px;font-size:11.5px;font-weight:500;transition:color .2s,border-color .2s,background .2s}.card-green:hover .stack-pill:hover{color:#fff;background:#48f8200f;border-color:#48f8204d}.card-purple:hover .stack-pill:hover{color:#fff;background:#9823ff12;border-color:#9823ff59}.card-links{border-top:1px solid #ffffff0d;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:4px;padding-top:4px;display:flex}.card-link{border-radius:20px;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:500;text-decoration:none;transition:all .25s;display:inline-flex}.card-link-ghost{color:#ffffff80;background:#ffffff0a;border:1px solid #ffffff12}.card-link-ghost:hover{color:#fff;background:#ffffff14;border-color:#ffffff26}.card-link-primary{color:#050505;background:linear-gradient(90deg,#48f820,#9823ff);border:none;font-weight:600;position:relative;overflow:hidden}.card-link-primary:before{content:"";border-radius:inherit;background:linear-gradient(120deg,#0000 0%,#ffffff40 50%,#0000 100%);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.card-link-primary:hover:before{transform:translate(100%)}.card-link-primary:hover{transform:translateY(-1px);box-shadow:0 0 20px #48f82040}.work-cta{justify-content:center;margin-top:8px;display:flex}.btn-ghost-work{color:#ffffff8c;background:#ffffff08;border:1px solid #ffffff12;border-radius:30px;align-items:center;gap:10px;padding:14px 32px;font-size:15px;font-weight:500;text-decoration:none;transition:color .25s,border-color .25s,background .25s,transform .2s;display:inline-flex}.btn-ghost-work:hover{color:#fff;background:#48f8200d;border-color:#48f8204d;transform:translateY(-2px)}.marquee-bar{white-space:nowrap;letter-spacing:.05em;padding:9px 0;font-family:DM Sans,sans-serif;font-size:12px;overflow:hidden}.marquee-warn-bar{color:#f59e0b;background:#f59e0b14;border-bottom:1px solid #f59e0b33;font-weight:600}.marquee-cred-bar{color:#cf72ffe6;background:#9823ff12;border-bottom:1px solid #9823ff26;font-weight:400}.marquee-track{will-change:transform;animation:32s linear infinite marquee-scroll;display:inline-flex}.marquee-cred-bar .marquee-track{animation-duration:44s}.marquee-bar:hover .marquee-track{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=860px){.projects-grid{grid-template-columns:1fr;max-width:560px}.work-heading-wrap{text-align:center;align-items:center}.work-sub{text-align:center;max-width:100%}}@media (width<=600px){.work{padding:80px 1.25rem 100px}.work-inner{gap:56px}.card-image-wrap{height:220px}.card-body{padding:20px 20px 18px}.card-links{flex-direction:column;align-items:stretch}.card-link{justify-content:center}.work-orb-2{display:none}.work-orb-1{filter:blur(60px);width:280px;height:280px}.work .grain{display:none}}@media (prefers-reduced-motion:reduce){.work-orb,.work .grain,.gradient-text,.marquee-track{animation:none}.reveal{opacity:1;transition:none;transform:none}.marquee-track{white-space:normal;overflow:visible}}.topbar{z-index:100;box-sizing:border-box;-webkit-backdrop-filter:blur(28px);background:#ffffff08;border:1px solid #ffffff0f;border-radius:22px;justify-content:space-between;align-items:center;width:calc(100% - 20px);max-width:1400px;height:75px;margin:20px auto;padding:0 2.4rem;transition:border-radius .3s,height .3s;display:flex;position:sticky;top:0;box-shadow:0 4px 40px #00000059,inset 0 1px #ffffff0f}.logo-link{flex-shrink:0;align-items:center;text-decoration:none;display:flex}.logo-img{object-fit:contain;filter:drop-shadow(0 0 10px #48f82059)drop-shadow(0 0 24px #9823ff33);width:auto;height:64px;transition:transform .25s,filter .25s}.logo-link:hover .logo-img{filter:drop-shadow(0 0 14px #48f8208c)drop-shadow(0 0 32px #9823ff59);transform:scale(1.08)}.nav-links{background:#ffffff0a;border:1px solid #ffffff14;border-radius:28px;align-items:center;gap:3px;padding:5px;display:flex}.nav-pill{color:#ffffff73;letter-spacing:.02em;border:1px solid #0000;border-radius:24px;padding:10px 22px;font-size:15px;font-weight:500;text-decoration:none;transition:color .3s,background .35s,border-color .35s,box-shadow .35s,transform .3s;position:relative;overflow:hidden}.nav-pill:before{content:"";border-radius:inherit;opacity:0;background:linear-gradient(120deg,#0000 0%,#ffffff2e 45%,#0000 100%);transition:transform .55s,opacity .3s;position:absolute;inset:0;transform:translate(-130%)}.nav-pill:after{content:"";transform-origin:50%;background:linear-gradient(90deg,#48f820,#9823ff);border-radius:20px;height:2px;transition:transform .3s;position:absolute;bottom:6px;left:18px;right:18px;transform:scaleX(0)}.nav-pill:hover,.nav-pill.active{color:#fff;background:linear-gradient(135deg,#48f8202e,#9823ff38);border-color:#ffffff14;transform:translateY(-1px)scale(1.02);box-shadow:0 0 18px #48f82026,0 0 24px #9823ff24}.nav-pill:hover:before,.nav-pill.active:before{opacity:1;transform:translate(130%)}.nav-pill:hover:after,.nav-pill.active:after{transform:scaleX(1)}.nav-pill.active{animation:.45s navPulse}@keyframes navPulse{0%{opacity:.7;transform:translateY(-1px)scale(.92)}60%{opacity:1;transform:translateY(-1px)scale(1.06)}to{transform:translateY(-1px)scale(1.02)}}.btn-hire{color:#050505;background:linear-gradient(90deg,#48f820,#9823ff);border-radius:26px;flex-shrink:0;padding:12px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s,box-shadow .2s;box-shadow:0 0 16px #48f82038,0 0 40px #9823ff24}.btn-hire:hover{opacity:.88;transform:translateY(-1px);box-shadow:0 0 22px #48f82052,0 0 52px #9823ff38}.btn-hire:active{opacity:1;transform:translateY(0)}.menu-toggle{cursor:pointer;z-index:10;background:0 0;border:none;flex-shrink:0;padding:8px;display:none}.burger,.burger:before,.burger:after{background:#ffffffbf;border-radius:2px;width:22px;height:2px;transition:transform .3s,opacity .3s,background .3s;display:block}.burger{position:relative}.burger:before,.burger:after{content:"";position:absolute;left:0}.burger:before{top:-7px}.burger:after{top:7px}.burger.open{background:0 0}.burger.open:before{background:#48f820;transform:translateY(7px)rotate(45deg)}.burger.open:after{background:#48f820;transform:translateY(-7px)rotate(-45deg)}.mobile-drawer{display:none}@media (width<=992px){.topbar{width:calc(100% - 24px);height:74px;padding:0 1.5rem}.logo-img{height:58px}.nav-pill{padding:9px 18px;font-size:14px}.btn-hire{padding:10px 22px;font-size:14px}}@media (width<=768px){.topbar{-webkit-backdrop-filter:blur(16px);border-radius:20px;flex-wrap:nowrap;justify-content:space-between;align-items:center;height:68px;margin-top:12px;padding:0 1.2rem;position:sticky;top:0}.topbar.menu-open{border-bottom-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0}.logo-link{position:static;transform:none}.logo-img{height:54px}.nav-links,.btn-hire{display:none}.menu-toggle{align-items:center;margin-left:auto;display:flex}.mobile-drawer{-webkit-backdrop-filter:blur(16px);opacity:0;pointer-events:none;background:#0a0a0aeb;border:1px solid #ffffff0f;border-top:none;border-bottom-right-radius:20px;border-bottom-left-radius:20px;flex-direction:column;gap:6px;max-height:0;padding:0 16px;transition:max-height .35s,opacity .3s,padding .3s;display:flex;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 16px 40px #00000080}.topbar.menu-open .mobile-drawer{opacity:1;pointer-events:auto;max-height:300px;padding:12px 16px 16px}.drawer-pill{color:#ffffff8c;border:1px solid #0000;border-radius:14px;padding:12px 18px;font-size:15px;font-weight:500;text-decoration:none;transition:color .25s,background .25s,border-color .25s}.drawer-pill:hover,.drawer-pill.active{color:#fff;background:linear-gradient(135deg,#48f82024,#9823ff2e);border-color:#ffffff14}.drawer-hire{color:#050505;text-align:center;background:linear-gradient(90deg,#48f820,#9823ff);border-radius:14px;margin-top:4px;padding:13px 18px;font-size:15px;font-weight:600;text-decoration:none;transition:opacity .2s}.drawer-hire:active{opacity:.85}}