:root{--bg:#0a0a0c;--panel:#121216;--panel-2:#16161c;--border:#26262e;--text:#d8d8de;--muted:#6f6f7a;--green:#6ee7a0;--pink:#a78bfa;--pink-dim:#7c69c4;--cyan:#c4b5fd;--yellow:#f5d06f;--mono:"SF Mono", "JetBrains Mono", "Fira Code", "Cascadia Code", ui-monospace, "Menlo", "Consolas", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:var(--mono);-webkit-font-smoothing:antialiased;letter-spacing:.01em;background-image:radial-gradient(#ffffff09 1px,#0000 1px);background-size:14px 14px;font-size:14px;line-height:1.65}a{color:inherit;text-decoration:none}::selection{background:var(--pink);color:#0a0a0c}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#2a2a32;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#3a3a44}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important}}.topnav{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#0a0a0cd1;align-items:center;gap:18px;padding:14px clamp(18px,5vw,64px);display:flex;position:fixed;top:0;left:0;right:0}.topnav .brand{color:var(--pink);letter-spacing:.5px;font-weight:700}.topnav .brand .blink{color:var(--green);animation:1.1s step-end infinite blink}.topnav .spacer{flex:1}.topnav a{color:var(--muted);font-size:13px;transition:color .15s}.topnav a:hover{color:var(--pink)}.topnav .nav-links{gap:18px;display:flex}@media (width<=640px){.topnav .nav-links{display:none}}.shell{max-width:1100px;margin:0 auto;padding:0 clamp(18px,5vw,64px)}section{padding:88px 0 24px;scroll-margin-top:70px}.sec-label{color:var(--muted);margin-bottom:22px;font-size:13px}.sec-label .p{color:var(--pink)}.sec-label .c{color:var(--cyan)}.hero{flex-direction:column;justify-content:center;min-height:92vh;padding-top:70px;display:flex}.hero-grid{grid-template-columns:1.4fr .9fr;align-items:center;gap:clamp(24px,5vw,64px);display:grid}@media (width<=760px){.hero-grid{grid-template-columns:1fr}.hero-photo{order:-1;justify-self:start}}.hero-photo{justify-content:center;display:flex}.photo-frame{aspect-ratio:1;border:1px solid var(--border);background:var(--panel);border-radius:14px;width:clamp(190px,34vw,300px);position:relative;overflow:hidden;box-shadow:0 0 0 1px #a78bfa1f,0 18px 50px #00000080}.photo-frame img{object-fit:cover;filter:grayscale(.65)contrast(1.08)brightness(.95);width:100%;height:100%;transition:filter .4s,transform .4s;display:block}.photo-frame:after{content:"";mix-blend-mode:screen;pointer-events:none;background:linear-gradient(150deg,#a78bfa47,#6ee7a00f 70%);transition:opacity .4s;position:absolute;inset:0}.photo-frame:hover img{filter:grayscale(0)contrast(1.02)brightness();transform:scale(1.03)}.photo-frame:hover:after{opacity:.35}.photo-frame .scanlines{pointer-events:none;opacity:.5;background:repeating-linear-gradient(#0000 0 2px,#0000002e 3px);position:absolute;inset:0}.photo-frame .photo-tag{color:var(--pink);border:1px solid var(--border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0cb3;border-radius:6px;padding:2px 7px;font-size:11px;position:absolute;bottom:8px;left:8px}.hero .line{color:var(--muted);font-size:14px}.hero .line .p{color:var(--pink);font-weight:600}.hero h1{color:var(--text);letter-spacing:-1px;margin:14px 0 6px;font-size:clamp(38px,8vw,84px);font-weight:700;line-height:1.02}.hero h1 .accent{color:var(--pink)}.hero .role{color:var(--cyan);margin-bottom:22px;font-size:clamp(16px,3vw,24px)}.hero .intro{color:#b4b4be;max-width:64ch;min-height:4.5em;font-size:15px}.cursor{background:var(--pink);vertical-align:text-bottom;width:9px;height:1.05em;margin-left:2px;animation:1.1s step-end infinite blink;display:inline-block}.cta{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.btn{font-family:var(--mono);border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:8px;padding:11px 20px;font-size:13.5px;transition:all .16s}.btn:hover{border-color:var(--pink);color:var(--pink);transform:translateY(-1px)}.btn.primary{border-color:var(--pink);color:var(--pink)}.btn.primary:hover{background:var(--pink);color:#0a0a0c}.sysready{color:var(--green);margin-top:18px;font-size:13px}.flags{flex-wrap:wrap;gap:9px;display:flex}.flag{color:var(--pink);border:1px solid var(--border);background:var(--panel);border-radius:7px;padding:6px 12px;font-size:13px;transition:all .15s}.flag:hover{border-color:var(--pink-dim);color:var(--green)}.grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px;display:grid}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px;transition:border-color .18s,transform .18s}.card:hover{border-color:var(--pink-dim);transform:translateY(-3px)}.card .fname{color:var(--pink-dim);font-size:12.5px}.card.hl .fname:after{content:" ★";color:var(--yellow)}.card h3{color:var(--pink);margin:8px 0 4px;font-size:18px;font-weight:700}.card .co{color:var(--cyan);margin-bottom:10px;font-size:12.5px}.card p{color:#b0b0ba;font-size:13.5px}.card .stack{color:var(--muted);margin-top:14px;font-size:12px}.card .stack b{color:var(--green);font-weight:500}.card.clickable{cursor:pointer;display:block}.card .ext{color:var(--green)}.card .link-line{margin-top:10px;font-size:12px}.card .live{color:var(--cyan)}.card.clickable:hover .live{text-decoration:underline}.card .soon{color:var(--muted);font-style:italic}.timeline{flex-direction:column;gap:4px;display:flex}.entry{border-left:2px solid var(--border);padding:18px 0 18px 22px;position:relative}.entry:before{content:"";background:var(--pink);border:3px solid var(--bg);border-radius:50%;width:11px;height:11px;position:absolute;top:24px;left:-7px}.entry .head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:14px;display:flex}.entry .role{color:var(--pink);font-size:16px;font-weight:700}.entry .at{color:var(--cyan)}.entry .deg{color:#b0b0ba;margin-top:2px;font-size:13.5px}.entry .per{color:var(--muted);white-space:nowrap;font-size:12.5px}.entry ul{flex-direction:column;gap:4px;margin-top:10px;list-style:none;display:flex}.entry li{color:#aaaab4;padding-left:18px;font-size:13px;position:relative}.entry li:before{content:"›";color:var(--pink-dim);position:absolute;left:0}.contact-box{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:28px}.contact-box .ready{color:var(--green);margin-bottom:18px}.links{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;display:grid}.links a{color:var(--cyan);border:1px solid var(--border);word-break:break-all;border-radius:8px;padding:12px 14px;transition:border-color .15s,color .15s}.links a:hover{border-color:var(--cyan)}.links .k{color:var(--muted);margin-right:8px}.footer{text-align:center;color:var(--muted);padding:60px 0 50px;font-size:12px}.footer .green{color:var(--green)}