:root{--bg:#0b1020;--bg-soft:#10172a;--panel:#111a2e;--panel-2:#141f35;--text:#f2f5ff;--muted:#a0abc4;--faint:#69748e;--line:rgba(180,195,230,.13);--accent:#9b8cff;--accent-2:#67e8cf;--pink:#ff8eb7;--shadow:0 24px 80px rgba(0,0,0,.25);--radius:22px;color-scheme:dark}body.light-theme{--bg:#f6f7fb;--bg-soft:#eef0f8;--panel:#fff;--panel-2:#f4f5fc;--text:#171b2e;--muted:#535c76;--faint:#747c91;--line:rgba(33,42,75,.14);--shadow:0 24px 80px rgba(40,48,90,.1);color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:Manrope,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.65;overflow-x:hidden;transition:background .3s,color .3s}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1120px,calc(100% - 48px));margin-inline:auto}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:5;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;gap:26px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:800;letter-spacing:-.05em}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#101528;font-size:1rem}.brand-dot,.accent{color:var(--accent-2)}.nav-links{margin-left:auto;display:flex;align-items:center;gap:31px;font-size:.78rem;font-weight:700;color:var(--muted)}.nav-links a{transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-contact{color:var(--text)!important;border:1px solid var(--line);padding:9px 14px;border-radius:10px}.nav-contact span{color:var(--accent-2);margin-left:6px}.theme-toggle,.menu-toggle{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:11px;width:39px;height:39px;cursor:pointer}.theme-toggle{font-size:1.25rem}.menu-toggle{display:none}.section{padding-block:112px}.hero{min-height:calc(100svh - 76px);padding-top:90px;padding-bottom:90px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:45px;position:relative}.eyebrow,.mono,.info-label,.panel-label,.project-status,.back-top,.visual-top,.visual-caption,.library-label{font-family:DM Mono,monospace;letter-spacing:.09em;font-size:.68rem;color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:22px}.status-dot{width:7px;height:7px;background:var(--accent-2);border-radius:50%;display:inline-block;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-2) 13%,transparent)}h1{font-size:clamp(3.1rem,6vw,5.45rem);line-height:1.04;letter-spacing:-.075em;font-weight:800}.gradient-text{background:linear-gradient(100deg,var(--accent),var(--accent-2) 78%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-intro{color:var(--muted);font-size:1rem;max-width:500px;margin-top:25px}.hero-intro strong{color:var(--text)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;gap:18px;padding:13px 18px;border-radius:12px;font-size:.8rem;font-weight:800;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px)}.button-primary{background:linear-gradient(120deg,var(--accent),#7adfda);color:#11152a;box-shadow:0 8px 30px #828cff2e}.button-ghost{border:1px solid var(--line);color:var(--text)}.button span{font-size:1rem}.hero-meta{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:40px;color:var(--muted);font-size:.7rem}.hero-meta>span:first-child{display:flex;gap:9px;align-items:center}.hero-meta i{display:inline-block;width:5px;height:5px;background:var(--accent-2);border-radius:50%}.mono{font-size:.61rem}.hero-art{min-height:435px;display:grid;place-items:center;position:relative;isolation:isolate}.hero-orb{position:absolute;width:300px;height:300px;border-radius:50%;background:linear-gradient(140deg,#9b8cff38,#67e8cf1f);filter:blur(2px);z-index:-1;animation:orbPulse 6s ease-in-out infinite}.orbit{position:absolute;border:1px solid rgba(155,140,255,.18);border-radius:50%;width:390px;height:390px;transform:rotate(-28deg)}.orbit-two{width:450px;height:310px;border-color:#67e8cf2e;transform:rotate(34deg)}.code-window{width:min(100%,390px);background:color-mix(in srgb,var(--panel) 94%,transparent);border:1px solid rgba(173,166,255,.3);border-radius:18px;box-shadow:0 28px 90px #00000040,0 0 60px #9b8cff17;overflow:hidden;transform:rotate(-2deg);animation:float 6s ease-in-out infinite}.window-bar{height:43px;background:var(--panel-2);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 14px;gap:6px}.window-bar>span{width:7px;height:7px;border-radius:50%;background:#ff8b9d}.window-bar>span:nth-child(2){background:#ffd27a}.window-bar>span:nth-child(3){background:#73e6c1}.window-bar b{font:500 .64rem DM Mono,monospace;color:var(--faint);margin-left:auto;margin-right:auto}.code-content{padding:24px 18px 27px;font:500 .72rem/2.1 DM Mono,monospace;white-space:nowrap}.code-muted{color:var(--faint);margin-right:12px}.code-purple{color:#c3a6ff}.code-green{color:#79e6c2}.code-yellow{color:#ffd88a}.code-blue{color:#83bfff}.cursor{color:var(--accent-2);animation:blink 1s step-end infinite}.float-chip{position:absolute;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 13px;box-shadow:var(--shadow);font:500 .59rem DM Mono,monospace;letter-spacing:.04em;color:var(--muted);z-index:2}.chip-top{top:52px;right:-2px;animation:float 5s ease-in-out infinite}.chip-icon{color:var(--accent-2);font-size:.9rem;margin-right:7px}.chip-bottom{bottom:51px;left:-3px;animation:float 5.5s ease-in-out infinite reverse}.sparkle{color:var(--pink);margin-right:7px}.scroll-cue{position:absolute;bottom:24px;left:0;display:flex;align-items:center;gap:10px;font:500 .58rem DM Mono,monospace;letter-spacing:.12em;color:var(--faint)}.scroll-cue span{height:29px;width:1px;background:linear-gradient(var(--accent-2),transparent)}.about-section,.projects-section,.contact-section{background:var(--bg-soft);border-block:1px solid var(--line)}.section-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}.section-heading h2,.section-top h2,.contact-copy h2{font-size:clamp(2.25rem,4vw,3.55rem);line-height:1.14;letter-spacing:-.065em;font-weight:800}.muted-heading{color:var(--muted)}.about-content p{color:var(--muted);font-size:.93rem}.about-content .lead{font-size:1.15rem;color:var(--text);line-height:1.8;margin-bottom:18px}.about-content strong{color:var(--text)}.info-strip{display:flex;gap:34px;border-top:1px solid var(--line);padding-top:22px;margin-top:30px;flex-wrap:wrap}.info-strip>div{display:flex;flex-direction:column;gap:6px}.info-label{font-size:.58rem;color:var(--faint)}.info-strip strong{font-size:.78rem}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-top .eyebrow{margin-bottom:13px}.section-note{font-size:.78rem;color:var(--muted);padding-bottom:5px}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.skill-card{padding:25px 21px 23px;background:var(--panel);border:1px solid var(--line);border-radius:17px;transition:transform .25s,border-color .25s,box-shadow .25s}.skill-card:hover{transform:translateY(-6px);border-color:#9b8cff73;box-shadow:var(--shadow)}.skill-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#9b8cff2b,#67e8cf1f);color:var(--accent-2);font-size:1.35rem;margin-bottom:20px}.skill-card h3{font-size:.98rem;letter-spacing:-.03em}.skill-card p{color:var(--muted);font-size:.76rem;line-height:1.8;margin:9px 0 18px}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags span{font:500 .59rem DM Mono,monospace;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:5px 7px}.projects-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:17px;align-items:stretch}.project-card{border:1px solid var(--line);border-radius:18px;background:var(--panel);overflow:hidden;transition:transform .25s,border-color .25s}.project-card:hover{transform:translateY(-6px);border-color:#9b8cff80}.project-visual{height:210px;position:relative;overflow:hidden;padding:16px;background:#1a2140}.visual-top{display:flex;justify-content:space-between;align-items:center;color:#c4c9e6;font-size:.58rem}.visual-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-2)}.attendance-visual{background:radial-gradient(ellipse at 70% 20%,#403a79 0,transparent 55%),linear-gradient(135deg,#202646,#12182d)}.attendance-ui{display:flex;position:absolute;inset:55px 28px 18px;background:#171e36;border:1px solid rgba(255,255,255,.12);border-radius:9px;overflow:hidden;box-shadow:0 12px 35px #080c1b66;transform:rotate(-2deg)}.mini-sidebar{width:34px;background:#222b49;display:flex;align-items:center;flex-direction:column;gap:15px;padding-top:10px}.mini-sidebar b{font-size:.65rem;color:#a99dff}.mini-sidebar i{width:10px;height:10px;background:#404d70;border-radius:3px}.mini-main{padding:13px;flex:1}.mini-title{font-size:.48rem;color:#d9def4}.mini-stats{display:flex;gap:9px;margin-top:10px}.mini-stats span{display:flex;flex-direction:column;background:#252f4c;padding:7px;border-radius:5px;flex:1}.mini-stats b{font-size:.68rem;color:#9bdbd1}.mini-stats small{font-size:.4rem;color:#8f9bb9}.mini-bars{height:45px;display:flex;align-items:end;gap:8px;margin-top:9px}.mini-bars i{flex:1;background:linear-gradient(#a99dff,#6e79d6);border-radius:3px 3px 0 0}.problem-visual{background:radial-gradient(ellipse at 80% 80%,#245b61,transparent 50%),linear-gradient(135deg,#172d43,#13182d)}.big-symbol{font:800 5rem DM Mono,monospace;color:#8ce7d0;opacity:.9;position:absolute;top:40px;left:36px;letter-spacing:-.15em}.terminal-lines{position:absolute;right:27px;top:75px;display:flex;flex-direction:column;gap:9px;width:90px}.terminal-lines i{height:4px;border-radius:8px;background:#586d87}.terminal-lines i:nth-child(2){width:70%;background:#7de1c8}.terminal-lines i:nth-child(3){width:85%}.terminal-lines i:nth-child(4){width:45%;background:#a99dff}.visual-caption{position:absolute;bottom:19px;left:20px;font-size:.53rem;color:#9debd8}.library-visual{background:radial-gradient(ellipse at 25% 20%,#67476e,transparent 55%),linear-gradient(140deg,#2b1e3b,#151a31)}.book-stack{position:absolute;left:36px;top:54px;height:100px;display:flex;align-items:end;gap:5px;transform:rotate(-6deg)}.book-stack span{display:block;width:23px;border-radius:4px 4px 2px 2px;background:linear-gradient(90deg,#a99dff,#665b9d);height:80px;border:1px solid #c7baff55}.book-stack span:nth-child(2){height:94px;background:linear-gradient(90deg,#7ce1ce,#367e7c)}.book-stack span:nth-child(3){height:69px;background:linear-gradient(90deg,#ffb2c9,#a75d82)}.book-stack span:nth-child(4){height:87px;background:linear-gradient(90deg,#ffda8e,#a17d43)}.library-label{position:absolute;right:17px;top:83px;font-size:.5rem;color:#e4c9ed}.library-lines{position:absolute;right:17px;top:105px;width:72px;display:flex;flex-direction:column;gap:7px}.library-lines i{height:3px;background:#ffffff3b;border-radius:5px}.library-lines i:nth-child(2){width:65%}.library-lines i:nth-child(3){width:80%}.project-info{padding:21px 20px 23px}.project-title-row{display:flex;gap:10px;justify-content:space-between;align-items:start}.project-title-row h3{font-size:1rem;line-height:1.45;letter-spacing:-.035em}.project-number{font:500 .62rem DM Mono,monospace;color:var(--faint)}.project-info p{font-size:.76rem;color:var(--muted);margin:11px 0 16px;line-height:1.8}.project-status{display:block;font-size:.54rem;color:var(--accent-2);margin-top:18px}.project-footnote{font-size:.68rem;color:var(--faint);margin-top:18px}.achievements-grid{align-items:center}.achievement-card{position:relative;display:flex;gap:22px;align-items:start;padding:29px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.achievement-icon{width:49px;height:49px;flex:0 0 auto;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#ff8eb72e,#9b8cff2e);color:var(--pink);font-size:1.5rem}.achievement-card .eyebrow{margin-bottom:8px;font-size:.59rem}.achievement-card h3{font-size:1.12rem}.achievement-card p:not(.eyebrow){font-size:.78rem;color:var(--muted);margin-top:8px;max-width:470px}.achievement-tag{display:inline-block;margin-top:17px;color:var(--pink);font:500 .57rem DM Mono,monospace;letter-spacing:.08em}.achievement-arrow{margin-left:auto;color:var(--accent-2)}.contact-section{padding-block:100px}.contact-wrap{display:grid;grid-template-columns:1fr .75fr;gap:100px;align-items:center}.contact-copy h2{font-size:clamp(2.8rem,5vw,4.4rem)}.contact-copy>p:not(.eyebrow){color:var(--muted);max-width:430px;margin-top:20px;font-size:.9rem}.email-link{display:inline-flex;align-items:center;gap:20px;margin-top:27px;font-weight:800;font-size:.9rem;border-bottom:1px solid var(--accent-2);padding-bottom:6px}.email-link span{color:var(--accent-2)}.contact-panel{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}.panel-label{font-size:.6rem;margin-bottom:15px}.social-link{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid var(--line);transition:transform .2s}.social-link:hover{transform:translate(4px)}.social-icon{width:38px;height:38px;display:grid;place-items:center;background:var(--panel-2);border:1px solid var(--line);border-radius:11px;font-weight:800;color:var(--accent-2)}.social-link>span:nth-child(2){display:flex;flex-direction:column}.social-link b{font-size:.8rem}.social-link small{font-size:.67rem;color:var(--muted)}.social-arrow{margin-left:auto;color:var(--faint)}.availability{display:flex;gap:10px;align-items:center;margin-top:20px;color:var(--muted);font-size:.69rem}.footer{min-height:100px;display:flex;align-items:center;gap:25px;flex-wrap:wrap}.footer p{font-size:.66rem;color:var(--faint);margin-right:auto}.back-top,.footer-year{font-size:.58rem;color:var(--muted)}.back-top:hover{color:var(--accent-2)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}@keyframes float{0%,to{translate:0 0}50%{translate:0 -10px}}@keyframes orbPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.08);opacity:1}}@keyframes blink{50%{opacity:0}}a:focus-visible,button:focus-visible{outline:2px solid var(--accent-2);outline-offset:4px}@media(max-width:900px){.hero{grid-template-columns:1fr .85fr;gap:15px}.hero-art{transform:scale(.9)}.skills-grid{grid-template-columns:repeat(2,1fr)}.projects-grid{grid-template-columns:1fr 1fr}.project-feature{grid-column:span 2}.section-grid{gap:40px}.contact-wrap{gap:45px}.nav-links{gap:19px}}@media(max-width:680px){.container{width:min(100% - 34px,500px)}.nav{height:68px;gap:12px}.menu-toggle{display:flex;margin-left:auto;flex-direction:column;align-items:center;justify-content:center;gap:5px}.menu-toggle span{height:2px;width:16px;background:var(--text);border-radius:4px}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;padding:18px 24px 23px;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:12px 0}.nav-contact{margin-top:8px;text-align:center}.theme-toggle{width:36px;height:36px}.hero{min-height:auto;padding-top:78px;padding-bottom:85px;grid-template-columns:1fr;gap:28px}.hero-copy{position:relative;z-index:2}h1{font-size:clamp(3.1rem,14vw,4.6rem)}.hero-intro{font-size:.92rem}.hero-art{min-height:345px;transform:none;margin-top:2px}.code-window{width:min(100%,355px)}.code-content{font-size:.64rem;padding:18px 12px 21px}.orbit{width:300px;height:300px}.orbit-two{width:340px;height:250px}.hero-orb{width:230px;height:230px}.chip-top{right:0;top:22px}.chip-bottom{left:0;bottom:24px}.scroll-cue{bottom:25px}.section{padding-block:76px}.section-grid{grid-template-columns:1fr;gap:25px}.section-heading h2,.section-top h2{font-size:2.5rem}.section-top{align-items:start;flex-direction:column;gap:13px;margin-bottom:28px}.section-note br{display:none}.skills-grid{gap:11px}.skill-card{padding:19px 15px}.skill-card h3{font-size:.88rem}.skill-card p{font-size:.72rem}.projects-grid{grid-template-columns:1fr}.project-feature{grid-column:auto}.project-visual{height:200px}.achievement-card{padding:21px;gap:14px}.achievement-icon{width:40px;height:40px}.achievement-arrow{display:none}.contact-wrap{grid-template-columns:1fr;gap:35px}.contact-section{padding-block:75px}.contact-copy h2{font-size:3.25rem}.footer{padding-block:25px;gap:13px}.footer p{order:3;flex-basis:100%}.back-top{margin-left:auto}}@media(max-width:380px){.skills-grid{grid-template-columns:1fr}.hero-meta{gap:12px}.mono{font-size:.54rem}.hero-art{min-height:320px}.code-content{font-size:.57rem}.float-chip{font-size:.52rem}.contact-copy h2{font-size:2.8rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}