:root{--bg:#0b0f14;--panel:#0f172a;--muted:#94a3b8;--line:#334155;--text:#ffffff}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.header{border-bottom:1px solid color-mix(in srgb,var(--line) 66%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:color-mix(in srgb,#000 40%,transparent)}.header-inner{display:flex;justify-content:space-between;align-items:center;padding:16px 24px}.nav{display:flex;gap:10px}.btn{padding:8px 14px;border-radius:12px;text-decoration:none;color:var(--text);border:1px solid var(--line);background:color-mix(in srgb,#fff 3%,transparent)}.btn:hover{background:color-mix(in srgb,#fff 6%,transparent)}.card{border:1px solid var(--line);border-radius:16px;padding:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 80%,transparent),#020617)}.grid{display:grid;gap:16px}.grid-tiles{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.page{padding:24px 0}.subtle{color:var(--muted)}