:root{--bg: #0a0f0d;--bg-card: #121a16;--accent: #39ff14;--accent-dim: rgba(57, 255, 20, .15);--text: #e8f5e9;--text-muted: #8ba892;--border: rgba(57, 255, 20, .25);--font-display: "Space Grotesk", "Noto Sans SC", sans-serif;--font-body: "Noto Sans SC", system-ui, sans-serif;--radius: 12px;--nav-height: 64px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--text);background:var(--bg);line-height:1.6;overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{font-size:.85em;background:var(--accent-dim);padding:.15em .4em;border-radius:4px}.error{color:#ff6b6b;padding:2rem}.hero-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background-size:cover;background-position:center;filter:brightness(.35) saturate(.9)}.hero-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,rgba(10,15,13,.4) 0%,rgba(10,15,13,.85) 55%,var(--bg) 100%)}.top-nav{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0f0dbf;border-bottom:1px solid var(--border)}.brand-pill{font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--accent);background:var(--accent-dim);padding:.35rem .85rem;border-radius:999px;border:1px solid var(--border);text-decoration:none}.brand-pill:hover{background:#39ff1440;text-decoration:none}.top-nav__links{display:flex;gap:1.25rem;flex:1}.top-nav__links a{color:var(--text-muted);font-size:.9rem;text-decoration:none}.top-nav__links a:hover{color:var(--accent)}.btn-outline,.btn-primary{font-family:var(--font-body);font-size:.85rem;padding:.45rem 1rem;border-radius:999px;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--accent);transition:background .2s,transform .15s}.btn-outline:hover,.btn-primary:hover{background:var(--accent-dim)}.btn-primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.hero{padding:3rem 1.5rem 2rem;max-width:1200px;margin:0 auto}.hero__status{color:var(--accent);font-size:.85rem;letter-spacing:.08em;margin-bottom:.5rem}.hero h1{margin:0;line-height:1.1}.hero__name{display:block;font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:var(--text)}.hero__portfolio{display:block;font-family:var(--font-display);font-size:clamp(3rem,12vw,7rem);font-weight:700;color:transparent;-webkit-text-stroke:2px var(--accent);letter-spacing:-.02em;margin-top:.25rem}.hero__cn{font-size:1.15rem;color:var(--text);margin:1rem 0 .5rem}.hero__sub{color:var(--text-muted);max-width:36rem;font-size:.95rem}.works{padding:2rem 0 3rem}.works__header{padding:0 1.5rem 1rem;max-width:1200px;margin:0 auto}.works__header h2{font-family:var(--font-display);color:var(--accent);margin:0 0 .35rem;font-size:1.25rem}.works__header p{color:var(--text-muted);font-size:.85rem;margin:0}.works__track{display:flex;gap:1.25rem;padding:1rem 1.5rem 1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg-card);cursor:grab}.works__track:active{cursor:grabbing}.work-card{flex:0 0 min(320px,85vw);scroll-snap-align:start;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;transition:transform .25s,box-shadow .25s,border-color .25s}.work-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #39ff141f;border-color:var(--accent);text-decoration:none}.work-card__media{height:180px;background-size:cover;background-position:center;background-color:#1a2420}.work-card__body{padding:1rem 1.15rem 1.25rem}.work-card__body h3{margin:0 0 .5rem;font-size:1.05rem;color:var(--accent)}.work-card__body p{margin:0;font-size:.88rem;color:var(--text-muted);line-height:1.5}.work-card__tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.75rem}.work-tag{font-size:.7rem;padding:.2rem .5rem;border-radius:4px;background:var(--accent-dim);color:var(--accent);border:1px solid var(--border)}.about{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 4rem;border-top:1px solid var(--border)}.about h2{color:var(--accent);font-family:var(--font-display);margin:0 0 1rem}.about p{color:var(--text-muted);max-width:40rem}.about__facts{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-wrap:wrap;gap:1rem}.about__facts li{color:var(--text);font-size:.9rem}.contact-dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text);padding:1.5rem;max-width:400px}.contact-dialog::backdrop{background:#000000b3}.contact-dialog h3{color:var(--accent);margin:0 0 1rem}.contact-dialog p{margin:.5rem 0}body.resume-page{background:var(--bg)}.resume-header{text-align:center;padding:2rem 1.5rem 1rem;border-bottom:1px solid var(--border)}.resume-header h1{margin:1rem 0 .25rem;font-size:1.75rem}.resume-header h1 span{display:block;font-family:var(--font-display);font-size:1rem;color:var(--text-muted);font-weight:400}.resume-header__role{color:var(--accent);margin:.25rem 0}.resume-header__status{color:var(--text-muted);font-size:.9rem}.resume-intro{text-align:center;color:var(--text-muted);font-size:.9rem;padding:1rem}.flip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;padding:1rem 1.5rem 3rem;max-width:1100px;margin:0 auto}.flip-card{min-height:220px}.flip-card__btn{width:100%;height:100%;min-height:220px;padding:0;border:none;background:none;cursor:pointer;font-family:inherit;color:inherit;text-align:left}.flip-card__inner{position:relative;width:100%;min-height:220px;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.flip-card.is-flipped .flip-card__inner{transform:rotateY(180deg)}.flip-card__face{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);backface-visibility:hidden;overflow:auto}.flip-card__front h2{margin:0 0 .75rem;font-size:1.1rem;color:var(--accent);font-family:var(--font-display)}.flip-card__front p{margin:.35rem 0;color:var(--text-muted);font-size:.9rem}.flip-hint{display:block;margin-top:1rem;font-size:.75rem;color:var(--accent);opacity:.7}.flip-card__back{transform:rotateY(180deg);font-size:.85rem;color:var(--text-muted)}.flip-card__back p{margin:.4rem 0}.flip-card__back ul{margin:.5rem 0 0;padding-left:1.2rem}.flip-card__back li{margin-bottom:.35rem}.flip-card__btn:hover .flip-card__face{border-color:var(--accent);box-shadow:0 8px 24px #39ff141a}@media(max-width:640px){.top-nav__links{display:none}.hero{padding-top:2rem}.flip-grid{grid-template-columns:1fr}}