html{--bg:#030308;--bg-alt:#050512;--accent:#7b6cff;--accent-soft:#7b6cff33;--text-main:#f5f5ff;--text-muted:#a0a0c0;--border-subtle:#ffffff14}html.light-mode{--bg:#f5f5f5;--bg-alt:#fff;--accent:#111;--accent-soft:#0000001f;--text-main:#111;--text-muted:#5a5a6a;--border-subtle:#00000014}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text-main);font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.root{min-height:100vh;position:relative;overflow:hidden}.three-bg{z-index:0;pointer-events:none;filter:blur(.5px);position:fixed;inset:0}.root:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle at top,#7b6cff1f,#0000 55%),linear-gradient(#00000073,#000000f5);position:fixed;inset:0}html.light-mode .root:after{background:radial-gradient(circle at top,#0000000f,#0000 55%),linear-gradient(#fffc,#f5f5f5)}.content-layer{z-index:2;max-width:980px;margin:0 auto;padding:2.75rem 1.5rem 3.5rem;position:relative}.hero{padding:1rem 0 2.5rem}.hero-label{border:1px solid var(--border-subtle);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at 0 0,#7b6cff59,#030308e6);border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.2rem;padding:.3rem .8rem;font-size:.7rem;display:inline-flex}html.light-mode .hero-label{background:radial-gradient(circle at 0 0,#00000014,#f5f5f5e6)}.hero-title{max-width:36rem;margin:0 0 1.5rem;font-size:clamp(2.4rem,4vw,3.1rem);font-weight:500;line-height:1.1}.hero-name{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:.55rem;font-size:.8em;display:block}.hero-sub{color:var(--text-main);display:block}.hero-meta{color:var(--text-muted);flex-wrap:wrap;gap:.75rem;font-size:.8rem;display:flex}.projects{margin-top:1.75rem}.projects-header{margin-bottom:1.3rem}.projects-header h2{text-transform:uppercase;letter-spacing:.16em;color:var(--text-muted);margin:0 0 .4rem;font-size:.85rem}.projects-header p{max-width:34rem;color:var(--text-muted);margin:0;font-size:.9rem}.projects-grid{grid-template-columns:minmax(0,1fr);gap:.75rem;margin-top:.75rem;display:grid}@media (min-width:800px){.projects-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}.project-card{border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:radial-gradient(circle at 0 0,#7b6cff24,#0000 55%),linear-gradient(to bottom right,#05050ffa,#070716fa);border-radius:1rem;padding:1rem 1rem 1.1rem;transition:transform .18s ease-out,box-shadow .18s ease-out,border-color .18s ease-out,background .18s ease-out;position:relative;box-shadow:0 18px 40px #0000008c}html.light-mode .project-card{background:radial-gradient(circle at 0 0,#0000000a,#0000 55%),linear-gradient(to bottom right,#ffffffe6,#f5f5f5e6);box-shadow:0 18px 40px #00000014}.project-card:hover{border-color:var(--accent-soft);transform:translateY(-3px)translateZ(0);box-shadow:0 22px 60px #000c}.project-meta{text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);opacity:.9;align-items:center;gap:.5rem;margin-bottom:.6rem;font-size:.7rem;display:flex}.project-year{font-weight:500}.project-dot{opacity:.65}.project-roles{opacity:.9}.project-title{margin:0 0 .3rem;font-size:1.05rem}.project-tagline{color:var(--text-muted);margin:0 0 .65rem;font-size:.9rem}.project-link{text-transform:uppercase;letter-spacing:.16em;color:var(--accent);border-bottom:1px solid #7b6cff80;padding-bottom:.05rem;font-size:.8rem}.footer{border-top:1px solid var(--border-subtle);color:var(--text-muted);flex-wrap:wrap;gap:.75rem;margin-top:2.75rem;padding-top:1.2rem;font-size:.8rem;display:flex}.footer-dot{opacity:.5}.footer-link{text-transform:uppercase;letter-spacing:.16em}.theme-toggle{border:1px solid var(--border-subtle);color:var(--text-muted);text-transform:uppercase;letter-spacing:.16em;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0000001a;border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .8rem;font-size:.7rem;transition:background .16s ease-out,border-color .16s ease-out,color .16s ease-out,transform .12s ease-out;display:inline-flex;position:relative}html.light-mode .theme-toggle{background:#ffffffb3}.theme-toggle:hover{border-color:var(--accent-soft);transform:translateY(-1px)}.theme-toggle-dot{background:var(--accent);border-radius:999px;width:.55rem;height:.55rem;box-shadow:0 0 12px #0006}.theme-toggle-label{opacity:.9}.gol-wrapper{border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 0 0,#7b6cff1f,#0000 55%),linear-gradient(to bottom right,#05050af5,#05050efa);border-radius:1rem;margin-top:1.5rem;overflow:hidden;box-shadow:0 18px 40px #000000a6}html.light-mode .gol-wrapper{background:linear-gradient(to bottom right,#fafafaf2,#eeeef5f5);box-shadow:0 18px 40px #00000014}.gol-bar{text-transform:uppercase;letter-spacing:.16em;border-bottom:1px solid var(--border-subtle);color:var(--text-muted);justify-content:space-between;align-items:center;padding:.65rem .9rem;font-size:.75rem;display:flex}.gol-label{font-weight:500}.gol-meta{opacity:.8}.gol-main{padding:.9rem}.gol-canvas{width:100%;height:auto;image-rendering:pixelated;background:#050509;border:1px solid #ffffff0f;border-radius:.7rem;display:block}html.light-mode .gol-canvas{background:#f4f4f8;border-color:#00000014}.gol-controls{border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:.5rem;padding:.7rem .9rem .85rem;display:flex}.gol-button{border:1px solid var(--border-subtle);color:var(--text-main);text-transform:uppercase;letter-spacing:.16em;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000040;border-radius:999px;padding:.35rem .8rem;font-size:.75rem;transition:background .14s ease-out,border-color .14s ease-out,transform .1s ease-out,opacity .1s ease-out}html.light-mode .gol-button{color:var(--text-main);background:#ffffffe6}.gol-button:hover:not(:disabled){border-color:var(--accent-soft);transform:translateY(-1px)}.gol-button:disabled{opacity:.4;cursor:default}