:root{--bg:#0b0f14;--card:#111824;--text:#e8eef7;--muted:#9fb0c7;--accent:#4aa3ff;--border:#ffffff14}:root[data-theme=light]{--bg:#fafafa;--card:#fff;--text:#111827;--muted:#6b7280;--accent:#0070f3;--border:#00000014}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}a{color:inherit}.page{max-width:980px;margin:0 auto;padding:28px 18px 60px}.hero{border:1px solid var(--border);background:linear-gradient(#4aa3ff1f,#0000);border-radius:18px;padding:44px 16px 40px}.heroTop{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{color:var(--muted);align-items:center;gap:10px;font-weight:600;display:flex}.dot{background:var(--accent);border-radius:999px;width:10px;height:10px;box-shadow:0 0 18px #4aa3ff8c}.hero h1{letter-spacing:-.02em;margin:20px 0 6px;font-size:44px}.lead{color:var(--muted);margin:0;font-size:16px}.heroCtas{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.section{border:1px solid var(--border);background:#ffffff05;border-radius:18px;margin-top:22px;padding:22px 18px}.sectionHead h2{margin:0 0 6px;font-size:20px}.muted{color:var(--muted)}.btn{border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;padding:10px 14px;font-weight:600;text-decoration:none;display:inline-flex}.btn.primary{background:var(--accent);color:#fff;border-color:#0000}.btn.ghost{background:0 0}.controls{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-top:10px;display:flex}.input{border:1px solid var(--border);background:var(--card);width:min(520px,100%);color:var(--text);border-radius:12px;outline:none;padding:10px 12px}.input::placeholder{color:var(--muted)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);background:var(--card);color:var(--muted);cursor:pointer;border-radius:999px;padding:8px 10px}.chip.active{color:var(--text);border-color:#4aa3ff80;box-shadow:0 0 0 3px #4aa3ff1f}.grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;display:grid}@media (max-width:900px){.grid{grid-template-columns:1fr}.hero h1{font-size:34px}}.card{border:1px solid var(--border);background:var(--card);border-radius:16px;padding:14px;text-decoration:none;transition:transform .12s,border-color .12s;display:block}.card:hover{border-color:#4aa3ff73;transform:translateY(-2px)}.cardHead{justify-content:space-between;align-items:center;gap:10px;display:flex}.card h3{margin:0;font-size:16px}.arrow{color:var(--muted)}.tagRow{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.tag{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:4px 8px;font-size:12px}.footer{text-align:center;margin-top:22px}.reveal{opacity:0;filter:blur(2px);transition:opacity .52s,transform .52s,filter .52s;transform:translateY(14px)}.reveal.isIn{opacity:1;filter:blur();transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal,.reveal.isIn{filter:none;transition:none;transform:none}}.btn,.card,.chip{transition:transform .12s,box-shadow .12s,border-color .12s}.btn:active,.chip:active{transform:translateY(1px)scale(.99)}.card:hover{transform:translateY(-3px)}.card:active{transform:translateY(-1px)scale(.995)}.aboutGrid{grid-template-columns:260px 1fr;align-items:center;gap:22px;display:grid}@media (max-width:820px){.aboutGrid{text-align:center;grid-template-columns:1fr;justify-items:center}}.portraitWrap{width:260px}.portraitFrame{border:1px solid var(--border);aspect-ratio:3/4;background:#000;border-radius:22px;position:relative;overflow:hidden}.portraitImg{object-fit:cover;filter:grayscale()contrast(1.15)brightness(.95);width:100%;height:100%;display:block;transform:scale(1.03)}.portraitGlow{mix-blend-mode:screen;opacity:.55;filter:blur(18px);pointer-events:none;background:radial-gradient(circle at 30% 20%,#4aa3ff59,#0000 55%),radial-gradient(circle at 70% 80%,#ff46b42e,#0000 55%);animation:6s ease-in-out infinite glowFloat;position:absolute;inset:-30%}@keyframes glowFloat{0%,to{transform:translate(0)}50%{transform:translate(12px,-10px)}}.portraitScan{opacity:.18;mix-blend-mode:overlay;pointer-events:none;background:linear-gradient(#ffffff0f,#fff0 40%,#ffffff0a);position:absolute;inset:0}.portraitNoise{opacity:.1;pointer-events:none;background-image:repeating-linear-gradient(#ffffff08,#ffffff08 1px,#0000 2px 4px);position:absolute;inset:0}.portraitMeta{border:1px solid var(--border);background:var(--card);border-radius:16px;margin-top:10px;padding:10px 12px}.metaTitle{font-weight:700}.metaSub{color:var(--muted);margin-top:2px;font-size:13px}@media (prefers-reduced-motion:reduce){.portraitGlow{animation:none}}