:root{color-scheme:dark;--bg: #050a12;--bg-2: #071827;--surface: rgba(255, 255, 255, .055);--surface-2: rgba(255, 255, 255, .09);--stroke: rgba(255, 255, 255, .13);--stroke-strong: rgba(255, 255, 255, .22);--text: #fbf7ff;--muted: #c7d3e8;--muted-2: #6FD1D7;--purple: #9FA1FF;--purple-deep: #4F46E5;--mint: #B5BAFF;--ocean: #093C5D;--blue: #3B7597;--aqua: #6FD1D7;--mint-soft: rgba(181, 186, 255, .16);--aqua-soft: rgba(111, 209, 215, .16);--warning: #3B7597;--shadow: 0 30px 120px rgba(0, 0, 0, .55);--max: 1180px;--radius-xl: 34px;--radius-lg: 26px;--radius-md: 18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 18% 12%,rgba(159,161,255,.3),transparent 30rem),radial-gradient(circle at 86% 10%,rgba(111,209,215,.16),transparent 28rem),radial-gradient(circle at 52% 72%,rgba(59,117,151,.1),transparent 34rem),linear-gradient(135deg,#050a12,#081526 44%,#070610);color:var(--text);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 75%);z-index:-3}body:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");z-index:-2}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin-top:0}p{color:var(--muted);line-height:1.75}.page-shell{position:relative;isolation:isolate;min-height:100vh}.ambient{position:fixed;border-radius:999px;filter:blur(84px);opacity:.42;z-index:-1;pointer-events:none}.ambient-one{width:24rem;height:24rem;background:var(--purple);top:7rem;left:-9rem}.ambient-two{width:28rem;height:28rem;background:var(--aqua);right:-13rem;top:22rem;opacity:.16}.section{width:min(100% - 2rem,var(--max));margin-inline:auto;padding:5.8rem 0}.site-header{position:sticky;top:0;z-index:50;padding:1rem;backdrop-filter:blur(22px)}.nav{width:min(100%,var(--max));margin-inline:auto;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem .6rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#050a12c7;box-shadow:0 24px 80px #00000052}.brand{width:3.15rem;height:3.15rem;display:grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,var(--purple),var(--mint));color:#fff;font-weight:950;letter-spacing:-.08em}.nav-links{display:flex;align-items:center;gap:.25rem}.nav-links a{color:var(--muted);padding:.82rem 1rem;border-radius:999px;transition:.2s ease;font-weight:650}.nav-links a:hover{color:var(--text);background:#ffffff13}.nav-links .nav-cta{color:#031018;background:linear-gradient(135deg,var(--aqua),var(--mint) 52%,var(--purple));font-weight:850}.nav-toggle{display:none;width:3rem;height:3rem;border:1px solid var(--stroke);border-radius:999px;background:#ffffff0f;color:var(--text)}.nav-toggle span:not(.sr-only){display:block;width:1.25rem;height:2px;margin:5px auto;background:currentColor;border-radius:99px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:3.5rem;align-items:center;padding-top:5.4rem}.hero-kicker,.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:900}.hero-kicker{display:inline-flex;align-items:center;gap:.7rem;color:#e4d7ff;padding:.7rem .95rem;border:1px solid var(--stroke);background:#ffffff0e;border-radius:999px;margin-bottom:1.6rem}.pulse-dot{width:.58rem;height:.58rem;border-radius:999px;background:var(--aqua);box-shadow:0 0 0 .45rem #6fd1d721,0 0 22px #6fd1d79e}.eyebrow{color:var(--aqua);margin-bottom:1rem}.hero h1{margin-bottom:1.45rem;max-width:900px;font-size:clamp(3.5rem,8.3vw,6.9rem);line-height:.87;letter-spacing:-.078em}.hero h1::selection,h2::selection{background:var(--purple);color:#fff}.hero-subtitle{max-width:720px;font-size:clamp(1.05rem,1.6vw,1.28rem);color:#ded3ee}.hero-actions{display:flex;flex-wrap:wrap;gap:.95rem;margin-top:2.1rem}.btn{min-height:3.35rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 1.45rem;font-weight:900;transition:.22s ease}.btn.primary{background:linear-gradient(135deg,var(--purple),var(--mint) 48%,var(--aqua));color:#031018;box-shadow:0 18px 45px #6fd1d73d}.btn.secondary{border:1px solid var(--stroke-strong);color:var(--text);background:#ffffff0b}.btn:hover{transform:translateY(-2px)}.link-row{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem;color:var(--muted-2)}.link-row a{border-bottom:1px solid rgba(255,255,255,.22);padding-bottom:.22rem;transition:.2s ease}.link-row a:hover{color:var(--aqua);border-color:var(--aqua)}.hero-panel{position:relative;padding:1.25rem;border:1px solid var(--stroke);border-radius:var(--radius-xl);background:linear-gradient(180deg,#ffffff1c,#ffffff0b);box-shadow:var(--shadow);overflow:hidden}.hero-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 8%,rgba(159,161,255,.34),transparent 18rem),radial-gradient(circle at 85% 35%,rgba(111,209,215,.16),transparent 20rem);pointer-events:none}.hero-panel>*{position:relative}.panel-top{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem;padding:.5rem .5rem 1rem}.portrait-mark{width:5.4rem;height:5.4rem;border-radius:1.65rem;display:grid;place-items:center;background:#08070e;border:1px solid var(--stroke);box-shadow:inset 0 0 34px #9fa1ff42;font-size:1.5rem;font-weight:950;letter-spacing:-.08em}.tiny-label{margin:0 0 .25rem;color:var(--muted-2);font-size:.77rem;text-transform:uppercase;letter-spacing:.16em;font-weight:900}.panel-top h2{margin-bottom:.2rem;font-size:clamp(1.7rem,3vw,2.4rem);letter-spacing:-.05em}.panel-top span{color:var(--muted)}.signal-card{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:.7rem 0 .9rem}.signal-card div{padding:1rem;border:1px solid rgba(255,255,255,.11);border-radius:1.2rem;background:#0000002e}.signal-card span{display:block;color:var(--muted-2);font-size:.78rem;margin-bottom:.45rem}.signal-card strong{display:block;line-height:1.35}.terminal-card{background:#050409;border:1px solid rgba(255,255,255,.12);border-radius:1.45rem;overflow:hidden}.terminal-bar{display:flex;gap:.45rem;padding:.9rem 1rem;background:#ffffff0f;border-bottom:1px solid rgba(255,255,255,.09)}.terminal-bar i{width:.68rem;height:.68rem;border-radius:999px;background:var(--purple)}.terminal-bar i:nth-child(2){background:var(--warning)}.terminal-bar i:nth-child(3){background:var(--aqua)}pre{margin:0;padding:1.05rem;overflow-x:auto;color:#e7fbff;font-size:.92rem;line-height:1.7}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.proof-strip{padding-block:1.2rem 4.8rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem}.proof-strip article{padding:1.25rem;border:1px solid var(--stroke);border-radius:var(--radius-md);background:#ffffff0e}.proof-strip strong{display:block;font-size:clamp(1.55rem,3vw,2.35rem);letter-spacing:-.055em}.proof-strip span{color:var(--muted)}.section-heading{max-width:690px}.section-heading.wide{max-width:860px}.section-heading.compact{max-width:480px}.section-heading h2{margin-bottom:.95rem;font-size:clamp(2.25rem,5.5vw,4.55rem);line-height:.95;letter-spacing:-.065em}.section-heading p{max-width:720px}.intro-grid{display:grid;grid-template-columns:.76fr 1.24fr;gap:2rem;align-items:start}.strength-grid{display:grid;gap:.9rem}.strength-card{padding:1.45rem;border:1px solid var(--stroke);border-radius:var(--radius-lg);background:#ffffff0e;box-shadow:0 22px 70px #00000040}.card-number{color:var(--aqua);font-size:.84rem;font-weight:950;letter-spacing:.18em;margin-bottom:1rem}.strength-card h3{font-size:1.6rem;letter-spacing:-.04em;margin-bottom:.55rem}.mini-tags,.tags{display:flex;flex-wrap:wrap;gap:.55rem}.mini-tags span,.tags span,.skill-cloud span{border:1px solid rgba(255,255,255,.12);background:#ffffff0e;color:#ded5f0;border-radius:999px;padding:.55rem .78rem;font-size:.88rem;font-weight:700}.projects-section{padding-top:6.5rem}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;margin-top:2.2rem}.project-card{grid-column:span 6;min-height:360px;display:flex;flex-direction:column;padding:1.35rem;border:1px solid var(--stroke);border-radius:var(--radius-xl);background:linear-gradient(180deg,#ffffff16,#ffffff0a);box-shadow:0 26px 90px #0000004d;transition:.22s ease}.project-card:hover{transform:translateY(-4px);border-color:#9fa1ff8f}.project-card.featured{grid-column:span 12;min-height:420px;padding:1.6rem;background:linear-gradient(135deg,#9fa1ff2e,#ffffff0d 45%,#6fd1d71f)}.project-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:auto;color:var(--muted-2);font-size:.83rem;text-transform:uppercase;letter-spacing:.16em;font-weight:900}.project-meta b{color:#ffffff52;font-size:1.3rem;letter-spacing:-.05em}.project-card h3{margin:3.5rem 0 .75rem;font-size:clamp(2.1rem,4.8vw,4.8rem);letter-spacing:-.07em;line-height:.9}.project-card:not(.featured) h3{font-size:clamp(2rem,3vw,3.25rem);margin-top:2.7rem}.project-result{color:#eefcff;padding:.95rem 1rem;margin:.9rem 0 1rem;border-left:3px solid var(--aqua);background:var(--aqua-soft);border-radius:0 1rem 1rem 0;font-weight:750}.stack-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem;align-items:center;padding:2rem;border:1px solid var(--stroke);border-radius:var(--radius-xl);background:linear-gradient(135deg,#ffffff14,#ffffff0a);box-shadow:var(--shadow)}.skill-cloud{display:flex;flex-wrap:wrap;gap:.7rem}.skill-cloud span{padding:.72rem 1rem;background:#0003}.timeline-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:2rem}.timeline{display:grid;gap:1rem}.timeline-card{position:relative;padding:1.45rem 1.45rem 1.45rem 2.15rem;border:1px solid var(--stroke);border-radius:var(--radius-lg);background:#ffffff0e}.timeline-line{position:absolute;left:1rem;top:1.55rem;bottom:1.55rem;width:2px;background:linear-gradient(var(--purple),var(--aqua));border-radius:99px}.period{margin:0 0 .65rem;color:var(--aqua);font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:.76rem}.timeline-card h3{margin-bottom:.25rem;font-size:1.65rem;letter-spacing:-.04em}.company{margin-bottom:.9rem;color:#d8cdef}ul{margin:0;padding-left:1.2rem;color:var(--muted);line-height:1.75}li+li{margin-top:.45rem}.education-card,.contact-card{border:1px solid var(--stroke);border-radius:var(--radius-xl);background:linear-gradient(135deg,#ffffff16,#ffffff0a);box-shadow:var(--shadow)}.education-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem;padding:2rem}.education-list{display:grid;gap:.9rem}.education-list article{padding:1.2rem;background:#00000029;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md)}.education-list span{color:var(--aqua);font-size:.78rem;text-transform:uppercase;letter-spacing:.13em;font-weight:900}.education-list h3{margin:.45rem 0 .25rem;font-size:1.4rem;letter-spacing:-.03em}.contact-card{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;padding:2.2rem;position:relative;overflow:hidden}.contact-card:before{content:"";position:absolute;width:24rem;height:24rem;right:-8rem;bottom:-12rem;border-radius:999px;background:radial-gradient(circle,rgba(111,209,215,.25),transparent 65%);pointer-events:none}.contact-card>*{position:relative}.contact-card h2{font-size:clamp(2.3rem,5vw,4.6rem);letter-spacing:-.07em;line-height:.92;margin-bottom:1rem}.contact-details{display:grid;align-content:start;gap:.75rem}.contact-details a{padding:1rem;border:1px solid var(--stroke);border-radius:var(--radius-md);background:#0000002b;font-weight:800;transition:.2s ease;word-break:break-word}.contact-details a:hover{border-color:#6fd1d794;color:var(--aqua);transform:translateY(-2px)}.opportunity-chips{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.65rem}.opportunity-chips span{padding:.72rem .9rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0b;color:var(--muted);font-weight:700}.footer{width:min(100% - 2rem,var(--max));margin:0 auto;padding:2rem 0 3rem;display:flex;justify-content:space-between;gap:1rem;color:var(--muted-2)}.footer p{margin:0;color:var(--muted-2)}.footer a{color:var(--aqua);font-weight:800}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease;transition-delay:var(--delay, 0ms)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}@media(max-width:980px){.hero,.intro-grid,.timeline-section,.education-card,.contact-card,.stack-panel{grid-template-columns:1fr}.hero{padding-top:3.2rem}.proof-strip{grid-template-columns:repeat(2,1fr)}.project-card,.project-card.featured{grid-column:span 12}}@media(max-width:720px){.section{width:min(100% - 1.1rem,var(--max));padding:4.2rem 0}.site-header{padding:.65rem}.nav{min-height:62px;border-radius:1.35rem;padding:.5rem;align-items:flex-start}.brand{width:2.9rem;height:2.9rem}.nav-toggle{display:block;margin-left:auto;flex-shrink:0}.nav-links{position:absolute;top:calc(100% + .45rem);left:.65rem;right:.65rem;display:none;padding:.65rem;border:1px solid var(--stroke);border-radius:1.25rem;background:#050a12f2;box-shadow:0 24px 80px #00000073}.nav-links.is-open{display:grid}.nav-links a{padding:.95rem 1rem}.hero h1{font-size:clamp(3.25rem,16vw,5.1rem)}.hero-panel,.education-card,.contact-card,.stack-panel{padding:1rem;border-radius:1.55rem}.signal-card,.proof-strip{grid-template-columns:1fr}.project-card,.project-card.featured{min-height:auto;padding:1rem;border-radius:1.55rem}.project-card h3,.project-card:not(.featured) h3{margin-top:2.2rem;font-size:clamp(2.15rem,12vw,3.4rem)}.contact-card h2,.section-heading h2{font-size:clamp(2.15rem,12vw,3.6rem)}.footer{flex-direction:column}.hero-actions .btn{width:100%}}
