:root{--bg:#070b14;--bg-2:#0a1120;--glass:#111a2c8c;--glass-strong:#141e34b8;--text:#eaf0ff;--muted:#97a6c9;--faint:#6c7ba0;--accent:#7c5cff;--accent-2:#4f9dff;--accent-3:#ff4d6d;--accent-glow:124, 92, 255;--border:#ffffff17;--border-strong:#ffffff29;--shadow:0 24px 70px #00000080;--shadow-sm:0 10px 30px #00000059;--radius:12px;--radius-lg:16px;--radius-sm:8px;--maxw:1080px;--nav-h:68px;--font:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px)}body{min-height:100vh;font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.6;position:relative;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{color:#fff;background:#7c5cff47}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.skip-link{z-index:100;background:var(--accent);color:#061018;transition:top .2s var(--ease);border-radius:10px;padding:.6rem 1rem;font-weight:700;position:fixed;top:-60px;left:16px}.skip-link:focus{top:16px}.container{width:min(var(--maxw), 100%);margin:0 auto;padding:0 1.5rem}.bg{z-index:-1;background:radial-gradient(1200px 700px at 50% -10%, #7c5cff1a, transparent 60%), linear-gradient(180deg, var(--bg), var(--bg-2));position:fixed;inset:0;overflow:hidden}.orb{filter:blur(90px);opacity:.55;animation:float 18s var(--ease) infinite alternate;border-radius:50%;position:absolute}.orb-1{background:radial-gradient(circle,#7c5cff66,#0000 70%);width:520px;height:520px;top:-120px;left:-80px}.orb-2{background:radial-gradient(circle,#4f9dff52,#0000 70%);width:460px;height:460px;animation-delay:-6s;top:20%;right:-120px}.orb-3{background:radial-gradient(circle,#b48bff4d,#0000 70%);width:480px;height:480px;animation-delay:-12s;bottom:-160px;left:30%}.grid-overlay{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(1000px 600px at 50% 0,#000,#0000 75%);mask-image:radial-gradient(1000px 600px at 50% 0,#000,#0000 75%)}@keyframes float{0%{transform:translate(0,0)scale(1)}to{transform:translateY(40px)scale(1.08)}}.glass{background:var(--glass);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(16px)}.nav{z-index:50;height:var(--nav-h);transition:background .3s var(--ease), border-color .3s var(--ease);border-bottom:1px solid #0000;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#080c16b3}.nav-inner{width:min(var(--maxw), 100%);align-items:center;gap:1rem;margin:0 auto;padding:0 1.5rem;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:.5rem;font-weight:700;display:inline-flex}.brand-logo{display:block}.nav-links{gap:1.75rem;margin-left:auto;display:flex}.nav-links a{color:var(--muted);transition:color .2s var(--ease);font-size:.95rem;font-weight:500;position:relative}.nav-links a:after{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2));transform-origin:0;width:100%;height:2px;transition:transform .25s var(--ease);position:absolute;bottom:-6px;left:0;transform:scaleX(0)}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-links a.active:after{transform:scaleX(1)}.nav-actions{margin-left:.25rem}.nav-toggle{border:1px solid var(--border);background:var(--glass);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;margin-left:auto;display:none}.nav-toggle span{background:var(--text);width:18px;height:2px;transition:transform .25s var(--ease), opacity .25s var(--ease);border-radius:2px}.nav-toggle.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu[hidden]{display:none}.mobile-menu{top:var(--nav-h);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);background:#0a0f1aeb;flex-direction:column;gap:.25rem;padding:.75rem;display:flex;position:absolute;left:1rem;right:1rem}.mobile-menu a{color:var(--text);border-radius:8px;padding:.85rem 1rem;font-weight:500}.mobile-menu a:hover{background:#ffffff0d}.btn{cursor:pointer;transition:transform .18s var(--ease), box-shadow .18s var(--ease), background .18s var(--ease), border-color .18s var(--ease);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.4rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-sm{padding:.5rem 1rem;font-size:.88rem}.btn-ic{flex-shrink:0;width:18px;height:18px}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;box-shadow:0 8px 24px #7c5cff52}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 34px #7c5cff73}.btn-ghost{border:1px solid var(--border-strong);color:var(--text);background:#ffffff08}.btn-ghost:hover{border-color:var(--accent);background:#7c5cff14;transform:translateY(-2px)}.hero{min-height:100svh;padding:calc(var(--nav-h) + 3.5rem) 0 5rem;align-items:center;display:flex}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:3rem;display:grid}.hero-copy{max-width:620px}.eyebrow{color:var(--muted);border:1px solid var(--border);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;align-items:center;gap:.55rem;margin-bottom:1.5rem;padding:.4rem .9rem;font-size:.85rem;display:inline-flex}.status-dot{background:var(--accent-2);border-radius:50%;width:8px;height:8px;animation:2.4s infinite pulse;box-shadow:0 0 #4f9dff99}@keyframes pulse{0%{box-shadow:0 0 #4f9dff99}70%{box-shadow:0 0 0 10px #4f9dff00}to{box-shadow:0 0 #4f9dff00}}.hero-title{letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(2.4rem,7vw,4.3rem);font-weight:800;line-height:1.05}.grad{background:linear-gradient(120deg, var(--accent), var(--accent-2), var(--accent-3));color:#0000;-webkit-background-clip:text;background-clip:text}.hero-role{color:var(--accent);margin-bottom:1.25rem;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:600}.hero-lead{color:var(--muted);max-width:620px;margin-bottom:2rem;font-size:clamp(1rem,2vw,1.15rem)}.actions{flex-wrap:wrap;gap:.85rem;margin-bottom:2.25rem;display:flex}.tags{flex-wrap:wrap;gap:.55rem;list-style:none;display:flex}.tags li{color:var(--muted);border:1px solid var(--border);background:#ffffff05;border-radius:7px;padding:.4rem .85rem;font-size:.82rem}.hero-panel{position:relative}.hero-panel:before{content:"";filter:blur(20px);z-index:-1;background:radial-gradient(60% 60% at 70% 30%,#7c5cff38,#0000 70%);position:absolute;inset:-14%}.terminal{border-radius:var(--radius);border:1px solid var(--border-strong);box-shadow:var(--shadow);overflow:hidden}.terminal-bar{border-bottom:1px solid var(--border);background:#ffffff0a;align-items:center;gap:.4rem;padding:.7rem .9rem;display:flex}.terminal-bar .dot{background:var(--faint);border-radius:50%;width:11px;height:11px}.terminal-bar .dot:first-child{background:var(--accent-3)}.terminal-bar .dot:nth-child(2){background:#f5b544}.terminal-bar .dot:nth-child(3){background:var(--accent-2)}.terminal-bar em{color:var(--faint);margin-left:.5rem;font-size:.78rem;font-style:normal}.terminal-body{color:var(--text);white-space:pre-wrap;margin:0;padding:1.4rem 1.5rem;font-family:JetBrains Mono,Fira Code,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92rem;line-height:1.9}.terminal-body .t-p{color:var(--accent);font-weight:700}.terminal-body .t-o{color:var(--muted)}.terminal-body .t-ok{color:var(--accent-2);font-weight:700}.terminal-body .cursor{vertical-align:-2px;background:var(--accent);width:9px;height:1.05em;margin-left:4px;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.section{padding:5rem 0}.section-head{align-items:baseline;gap:1rem;margin-bottom:2.5rem;display:flex}.section-index{color:var(--accent-2);font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:700}.section-title{letter-spacing:-.02em;font-size:clamp(1.7rem,4vw,2.4rem);font-weight:700}.section-subtitle{color:var(--faint);letter-spacing:.14em;text-transform:uppercase;margin:2.5rem 0 1.25rem;font-size:.8rem}.about-grid{grid-template-columns:1.6fr 1fr;align-items:stretch;gap:1.25rem;display:grid}.about-text{flex-direction:column;gap:1rem;padding:2rem;display:flex}.about-text .lead{color:var(--text);font-size:1.2rem;font-weight:500}.about-text p{color:var(--muted)}.about-side{grid-template-rows:repeat(3,1fr);gap:1.25rem;display:grid}.stat{flex-direction:column;justify-content:center;padding:1.25rem 1.5rem;display:flex}.stat-num{background:linear-gradient(120deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;line-height:1}.stat-label{color:var(--muted);margin-top:.35rem;font-size:.9rem}.skills{grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:1.25rem;display:grid}.skill-card{transition:transform .2s var(--ease), border-color .2s var(--ease);padding:1.5rem}.skill-card:hover{border-color:var(--border-strong);transform:translateY(-4px)}.skill-icon{width:46px;height:46px;color:var(--accent-2);border:1px solid var(--border);background:linear-gradient(135deg,#7c5cff29,#4f9dff1f);border-radius:10px;justify-content:center;align-items:center;margin-bottom:1rem;display:inline-flex}.skill-icon svg{width:24px;height:24px}.skill-card h3{margin-bottom:.5rem;font-size:1.05rem}.skill-card p{color:var(--muted);font-size:.92rem}.project{transition:transform .25s var(--ease), border-color .25s var(--ease), box-shadow .25s var(--ease);overflow:hidden}.project:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-6px)}.project-media{aspect-ratio:16/10;border-bottom:1px solid var(--border);overflow:hidden}.project-media img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .5s var(--ease)}.project:hover .project-media img{transform:scale(1.05)}.project-media--icon{background:radial-gradient(120% 120% at 50% 0,#7c5cff24,#0000 60%),linear-gradient(135deg,#4f9dff14,#ff4d6d14);place-items:center;display:grid}.project-media--icon svg{width:64px;height:64px;color:var(--accent);transition:transform .5s var(--ease)}.project:hover .project-media--icon svg{transform:scale(1.08)}.project-body{flex-direction:column;gap:.7rem;padding:1.4rem 1.5rem 1.6rem;display:flex}.project-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.project-head h3{font-size:1.15rem;font-weight:700}.project-body p{color:var(--muted);font-size:.95rem}.card-tags{flex-wrap:wrap;gap:.4rem;margin-top:auto;list-style:none;display:flex}.card-tags li{color:var(--faint);border:1px solid var(--border);border-radius:8px;padding:.25rem .55rem;font-size:.75rem}.card-url{color:var(--accent);align-items:center;gap:.35rem;width:max-content;margin-top:.25rem;font-size:.92rem;font-weight:600;display:inline-flex}.card-url:hover{color:var(--accent-2)}.card-url .arrow{transition:transform .2s var(--ease)}.card-url:hover .arrow{transform:translate(2px,-2px)}.featured-wrap{gap:1.25rem;margin-bottom:.5rem;display:grid}.project-featured{grid-template-columns:1.1fr 1fr;display:grid}.project-featured .project-media{aspect-ratio:auto;border-bottom:none;border-right:1px solid var(--border);height:100%;min-height:320px}.project-featured .project-body{justify-content:center;padding:2rem}.project-featured .project-head h3{font-size:1.5rem}.project-featured .project-body p{font-size:1.02rem}.project-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.badge{white-space:nowrap;border-radius:6px;flex-shrink:0;padding:.3rem .65rem;font-size:.72rem;font-weight:700}.badge-done{color:var(--accent-2);background:#4f9dff21;border:1px solid #4f9dff59}.badge-ended{color:var(--faint);border:1px solid var(--border);background:#ffffff0d}.badge-new{color:var(--accent);background:#7c5cff29;border:1px solid #7c5cff73}.badge-active{color:var(--accent);background:#7c5cff1a;border:1px solid #7c5cff4d}.project-new{border-color:#7c5cff59;box-shadow:0 0 0 1px #7c5cff2e,0 18px 44px #7c5cff1f}.project-new .project-media--icon svg{color:var(--accent);filter:drop-shadow(0 0 14px #7c5cff73)}.contact{grid-template-columns:1fr 1fr;align-items:center;gap:2rem;padding:2.5rem;display:grid}.contact-copy h3{letter-spacing:-.02em;margin-bottom:.75rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.contact-copy p{color:var(--muted)}.contact-grid{flex-direction:column;gap:1rem;display:flex}.contact-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff05;flex-direction:column;gap:.5rem;padding:1.25rem 1.4rem;display:flex}.contact-label{color:var(--accent-2);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.45rem;font-size:.72rem;display:inline-flex}.contact-ic{flex-shrink:0;width:16px;height:16px}.contact-value{font-weight:600}.contact-link{transition:transform .2s var(--ease), border-color .2s var(--ease)}.contact-link:hover{border-color:var(--accent);transform:translateY(-2px)}.contact-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.contact-row a{word-break:break-all;font-weight:600}.contact-row a:hover{color:var(--accent)}.copy-btn{font:inherit;color:var(--text);border:1px solid var(--border-strong);cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease);background:#ffffff0a;border-radius:8px;flex-shrink:0;padding:.35rem .75rem;font-size:.8rem;font-weight:600}.copy-btn:hover{background:#7c5cff1f}.copy-btn.copied{color:var(--accent-2);border-color:#4f9dff66}.footer{border-top:1px solid var(--border);margin-top:2rem;padding:2rem 0}.footer-inner{color:var(--faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;font-size:.85rem;display:flex}.reveal{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);will-change:opacity, transform;transform:translateY(24px)}.reveal.is-visible{opacity:1;transform:none}@media (width<=900px){.nav-links,.nav-actions{display:none}.nav-toggle{display:flex}.hero-grid{grid-template-columns:1fr;gap:2.25rem}.hero-copy{max-width:620px}.about-grid{grid-template-columns:1fr}.about-side{grid-template-rows:none;grid-template-columns:repeat(3,1fr)}.skills,.project-grid{grid-template-columns:repeat(2,1fr)}.project-featured{grid-template-columns:1fr}.project-featured .project-media{aspect-ratio:16/10;border-right:none;border-bottom:1px solid var(--border);min-height:0}.contact{grid-template-columns:1fr;gap:1.5rem;padding:2rem}}@media (width<=560px){.section{padding:3.5rem 0}.about-side,.skills,.project-grid{grid-template-columns:1fr}.actions{flex-direction:column}.actions .btn{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}