:root{--bg:#07111f;--surface:#0c1929;--ink:#edf5ff;--muted:#91a1b5;--cyan:#55e6ff;--lime:#b9ff66;--line:rgba(255,255,255,.12);--display:"Space Grotesk",sans-serif;--body:"DM Sans",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}::selection{background:var(--lime);color:#07111f}.noise{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(85,230,255,.1),transparent 65%);transform:translate(-50%,-50%);pointer-events:none;z-index:0}.scroll-progress{position:fixed;left:0;top:0;width:0;height:3px;background:linear-gradient(90deg,var(--lime),var(--cyan));z-index:100}.site-nav{position:fixed;z-index:40;top:18px;left:4%;right:4%;height:64px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border:1px solid transparent;border-radius:18px;transition:.35s}.site-nav.scrolled{background:rgba(7,17,31,.72);border-color:var(--line);backdrop-filter:blur(18px);box-shadow:0 12px 40px rgba(0,0,0,.24)}.brand{font:700 1.15rem var(--display);letter-spacing:-.04em}.brand span{color:var(--cyan)}.nav-links{display:flex;align-items:center;gap:34px;font-size:.88rem}.nav-links>a:not(.nav-cta){color:#b9c5d3;transition:.25s}.nav-links>a:hover{color:#fff}.nav-cta{border:1px solid var(--line);border-radius:100px;padding:11px 17px}.menu-toggle{display:none;border:0;background:none;color:white;font-size:1.6rem}.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding:150px 7% 90px;overflow:hidden;border-bottom:1px solid var(--line)}#particleCanvas{position:absolute;inset:0;width:100%;height:100%}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,transparent 40%,transparent 80%,var(--bg) 100%);pointer-events:none}.hero-orb{position:absolute;border-radius:50%;filter:blur(3px);opacity:.55;animation:float 8s ease-in-out infinite}.orb-one{width:500px;height:500px;right:-170px;top:5%;background:radial-gradient(circle at 35% 35%,rgba(85,230,255,.26),transparent 68%)}.orb-two{width:340px;height:340px;left:30%;bottom:-180px;background:radial-gradient(circle,rgba(185,255,102,.15),transparent 68%);animation-delay:-3s}.hero-content{position:relative;z-index:2;width:min(1120px,100%)}.eyebrow{display:flex;align-items:center;gap:10px;color:#b9c5d3;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:700}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(185,255,102,.1),0 0 20px var(--lime);animation:pulse 2s infinite}.hero-title{font:600 clamp(3.25rem,8.4vw,8.3rem)/.91 var(--display);letter-spacing:-.075em;margin:34px 0 45px;max-width:1200px}.hero-title .line{display:block;overflow:hidden;padding-bottom:.08em}.hero-title .line span{display:block;animation:titleIn 1s cubic-bezier(.16,1,.3,1) both}.hero-title .line:nth-child(2) span{animation-delay:.12s}.accent-line{color:transparent;-webkit-text-stroke:1px rgba(237,245,255,.72)}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.hero-bottom>p{max-width:540px;color:#a9b7c9;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.7}.hero-bottom strong{color:white}.hero-actions{display:flex;gap:12px;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--line);border-radius:100px;padding:15px 21px;font-weight:700;font-size:.87rem;cursor:pointer;transition:transform .25s,background .25s,color .25s}.button-primary{background:var(--lime);color:#07111f;border-color:var(--lime)}.button-primary:hover{background:white}.button-ghost:hover{background:white;color:#07111f}.hero-code{position:absolute;z-index:2;right:6%;top:19%;display:grid;grid-template-columns:auto auto;gap:6px 14px;color:#718199;font-size:.7rem;opacity:.75}.hero-code code{color:#9babc0}.hero-code b{color:var(--cyan);font-weight:400}.scroll-hint{position:absolute;z-index:2;right:4%;bottom:30px;display:flex;align-items:center;gap:10px;color:#8494a8;font-size:.72rem;transform:rotate(90deg);transform-origin:right}.scroll-hint i{transform:rotate(-90deg)}.section{position:relative;padding:130px 7%;border-bottom:1px solid var(--line)}.section-label{display:flex;align-items:center;gap:15px;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:#a3b2c5;margin-bottom:80px}.section-label:after{content:"";width:80px;height:1px;background:var(--line)}.section-label span{color:var(--lime)}.about-grid{display:grid;grid-template-columns:minmax(280px,.8fr) 1.2fr;gap:10vw;align-items:center}.portrait-wrap{position:relative;max-width:480px}.portrait-frame{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:4px;background:#13243a;transform-style:preserve-3d}.portrait-frame:before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.2);z-index:2}.portrait-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.08);transition:transform .7s}.portrait-wrap:hover img{transform:scale(1.04)}.portrait-scan{position:absolute;inset:-100% 0 auto;height:50%;background:linear-gradient(transparent,rgba(85,230,255,.13),transparent);animation:scan 5s linear infinite}.floating-tag{position:absolute;padding:10px 14px;background:rgba(7,17,31,.88);border:1px solid var(--line);backdrop-filter:blur(12px);font:600 .72rem var(--display);letter-spacing:.06em}.tag-a{top:14%;right:-45px}.tag-b{bottom:10%;left:-35px;color:var(--lime)}.kicker{color:var(--cyan);font-weight:700}.about-copy h2,.skills-heading h2,.projects-heading h2{font:600 clamp(2.4rem,4.6vw,5rem)/1.02 var(--display);letter-spacing:-.055em;margin:18px 0 30px}.about-copy h2 em,.contact h2 em{color:var(--lime);font-style:normal}.about-copy>p:not(.kicker){color:var(--muted);line-height:1.8;font-size:1.06rem;max-width:680px}.principles{margin-top:48px;border-top:1px solid var(--line)}.principles>div{display:grid;grid-template-columns:45px 110px 1fr;gap:12px;padding:20px 0;border-bottom:1px solid var(--line);align-items:center}.principles span{color:var(--cyan);font-size:.68rem}.principles strong{font-family:var(--display)}.principles p{margin:0;color:var(--muted);font-size:.88rem}.skills{padding-inline:0}.skills>.section-label,.skills-heading{margin-left:7%;margin-right:7%}.skills-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:75px}.skills-heading h2{max-width:720px;margin:0}.skills-heading h2 span,.projects-heading h2 span{color:transparent;-webkit-text-stroke:1px #a7b5c6}.skills-heading p{max-width:320px;color:var(--muted);line-height:1.7}.marquee{overflow:hidden;border-block:1px solid var(--line);padding:22px 0;transform:rotate(-1deg);background:#0a1626}.marquee-track{display:flex;width:max-content;animation:marquee 28s linear infinite}.marquee span{font:600 1.1rem var(--display);white-space:nowrap}.marquee i{color:var(--lime);font-style:normal;margin:0 28px}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:90px 7% 0}.capability{position:relative;min-height:330px;padding:32px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));transition:border-color .3s,background .3s;transform-style:preserve-3d}.capability:hover{border-color:rgba(85,230,255,.45);background:rgba(85,230,255,.04)}.capability>i{font-size:2rem;color:var(--cyan)}.capability>span{position:absolute;right:28px;top:28px;color:#69798e;font-size:.7rem}.capability h3{font:600 1.8rem var(--display);margin:68px 0 14px}.capability p{color:var(--muted);line-height:1.65}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.chips b{font-size:.7rem;border:1px solid var(--line);border-radius:100px;padding:7px 10px;color:#aebccd}.projects-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:70px}.projects-heading h2{margin:0}.projects-heading p{max-width:350px;color:var(--muted);line-height:1.7}.project-list{display:grid;gap:110px}.project-card{display:grid;grid-template-columns:1.35fr .65fr;gap:45px;align-items:stretch}.project-card:nth-child(even){grid-template-columns:.65fr 1.35fr}.project-card:nth-child(even) .project-visual{order:2}.project-visual{position:relative;min-height:520px;overflow:hidden;background:#0d1b2d}.project-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 55%,rgba(0,0,0,.5))}.project-visual img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1),filter .6s;filter:saturate(.8)}.project-card:hover img{transform:scale(1.05);filter:saturate(1.1)}.project-shine{position:absolute;z-index:2;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.14) 48%,transparent 65%);transform:translateX(-120%);transition:transform .9s}.project-card:hover .project-shine{transform:translateX(120%)}.project-info{border-top:1px solid var(--line);padding:24px 0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.project-number,.project-info>div>p:first-child{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#8292a7}.project-info h3{font:600 clamp(2rem,3.4vw,3.5rem)/1 var(--display);letter-spacing:-.045em;margin:13px 0 22px}.project-info>div>p:last-child{color:var(--muted);line-height:1.7}.circle-button{width:58px;height:58px;border-radius:50%;border:1px solid var(--line);background:transparent;color:white;font-size:1.2rem;transition:.3s}.project-card:hover .circle-button{background:var(--project-color);border-color:var(--project-color);color:#07111f;transform:rotate(45deg)}.contact{position:relative;text-align:center;padding:150px 7% 90px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#112742 0%,var(--bg) 55%)}.contact .eyebrow{justify-content:center}.contact h2{font:600 clamp(3.4rem,8vw,8rem)/.9 var(--display);letter-spacing:-.07em;margin:35px 0}.contact-copy{max-width:580px;margin:0 auto 65px;color:var(--muted);line-height:1.7}.contact-form{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:850px;margin:auto;text-align:left}.contact-form label{display:grid;gap:10px}.contact-form label.full{grid-column:1/-1}.contact-form label>span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#9fadc0}.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid #405069;background:transparent;color:white;padding:13px 0;outline:none;resize:vertical;transition:border-color .25s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--cyan)}.contact-form small{min-height:16px;color:#ff8f9f}.contact-form button{justify-self:start}.contact-links{display:flex;justify-content:center;gap:35px;margin-top:80px}.contact-links a{font-size:.8rem;border-bottom:1px solid var(--line);padding-bottom:7px}.contact-orbit{position:absolute;width:650px;height:650px;border:1px solid rgba(85,230,255,.08);border-radius:50%;left:50%;top:45%;transform:translate(-50%,-50%);animation:spin 30s linear infinite}.contact-orbit:before,.contact-orbit:after{content:"";position:absolute;border:1px solid rgba(185,255,102,.07);border-radius:50%;inset:90px}.contact-orbit:after{inset:190px}.contact-orbit span{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 15px var(--cyan)}.contact-orbit span:first-child{top:8%;left:25%}.contact-orbit span:nth-child(2){right:0;top:50%;background:var(--lime)}.contact-orbit span:last-child{bottom:13%;left:17%}footer{min-height:100px;border-top:1px solid var(--line);padding:30px 7%;display:flex;justify-content:space-between;align-items:center;color:#738399;font-size:.75rem}.toast{position:fixed;z-index:110;left:50%;bottom:25px;transform:translate(-50%,30px);padding:13px 20px;background:white;color:#07111f;border-radius:100px;opacity:0;pointer-events:none;transition:.3s;font-weight:700;font-size:.84rem}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(32px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:none}
@keyframes titleIn{from{transform:translateY(110%) rotate(2deg)}to{transform:none}}@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(185,255,102,0),0 0 25px var(--lime)}}@keyframes float{50%{transform:translateY(25px) scale(1.06)}}@keyframes scan{to{transform:translateY(400%)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(max-width:900px){.menu-toggle{display:block}.nav-links{position:absolute;top:74px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:24px;background:rgba(7,17,31,.96);border:1px solid var(--line);border-radius:18px}.nav-links.open{display:flex}.hero-code{display:none}.hero-bottom,.skills-heading,.projects-heading{align-items:flex-start;flex-direction:column}.about-grid{grid-template-columns:1fr;gap:80px}.portrait-wrap{margin:auto;width:min(80%,440px)}.capability-grid{grid-template-columns:1fr}.project-card,.project-card:nth-child(even){grid-template-columns:1fr}.project-card:nth-child(even) .project-visual{order:0}.project-visual{min-height:410px}.project-info{min-height:300px}.project-list{gap:70px}}
@media(max-width:600px){.cursor-glow{display:none}.site-nav{left:3%;right:3%;top:10px}.hero{padding:130px 6% 90px}.hero-title{font-size:clamp(3rem,15vw,5rem)}.hero-bottom{gap:24px}.hero-actions{width:100%;flex-direction:column}.button{width:100%}.scroll-hint{display:none}.section{padding:95px 6%}.section-label{margin-bottom:50px}.skills>.section-label,.skills-heading{margin-left:6%;margin-right:6%}.capability-grid{margin:65px 6% 0}.principles>div{grid-template-columns:35px 1fr}.principles p{grid-column:2}.tag-a{right:-15px}.tag-b{left:-15px}.project-visual{min-height:300px}.contact{padding:110px 6% 75px}.contact-form{grid-template-columns:1fr}.contact-form label.full{grid-column:auto}.contact-links{gap:18px;flex-wrap:wrap}footer{flex-direction:column;gap:12px;text-align:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.cursor-glow{display:none}}

#typewriterText{display:inline-block;min-width:min(11.4ch,100%);position:relative}
#typewriterText:after{content:"";display:inline-block;width:.08em;height:.78em;margin-left:.05em;background:rgba(237,245,255,.78);vertical-align:-.08em;animation:caretBlink .85s steps(1) infinite}
@keyframes caretBlink{50%{opacity:0}}
@media(max-width:600px){#typewriterText{min-width:0}}
@media(prefers-reduced-motion:reduce){#typewriterText:after{animation:none!important;opacity:1}}