:root{--bg1: #071a2a;--bg2: #020617;--card: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .12);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .7);--brand: #22c55e;--brand2: #60a5fa;--danger: #ef4444;--radius: 16px;--radius2: 12px;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--max: 1100px;--pad: 18px}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:radial-gradient(circle at top left,var(--bg1),var(--bg2) 65%);line-height:1.5}a{color:var(--brand2);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.container{width:min(var(--max),92vw);margin:0 auto;padding:var(--pad)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar{position:sticky;top:0;z-index:10;background:#020617a6;border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-inner{width:min(var(--max),92vw);margin:0 auto;padding:12px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:14px}.nav-brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.5px;color:var(--text)}.nav-logo{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.14)}.nav-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text);font-weight:600}.pill:hover{background:#ffffff1a;text-decoration:none}.btn{display:inline-block;padding:12px 14px;border-radius:var(--radius2);font-weight:700;border:1px solid rgba(255,255,255,.15)}.btn-primary{background:var(--brand);color:#06110a;border:0}.btn-primary:hover{filter:brightness(1.03);text-decoration:none}.btn-ghost{background:#ffffff14;color:var(--text)}.btn-ghost:hover{background:#ffffff1f;text-decoration:none}.landing,.enter{min-height:100vh;display:grid;place-items:center;padding:24px}.landing-card,.enter-card{width:min(560px,92vw);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:flex;gap:14px;align-items:center}.brand-logo{width:62px;height:62px;border-radius:16px;display:grid;place-items:center;font-weight:900;font-size:28px;background:#ffffff1f;border:1px solid rgba(255,255,255,.16)}.brand-title{margin:0;font-size:38px;letter-spacing:1px}.brand-subtitle{margin:4px 0 0;color:var(--muted)}.brand-desc{margin-top:14px;color:var(--muted)}.landing-actions{margin-top:18px;display:flex;gap:12px;flex-wrap:wrap}.brand-mini{margin-top:18px;color:#ffffff9e;font-size:13px}.enter-card h2{margin:0 0 4px}.muted{color:var(--muted);margin:0}.role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.role-btn{text-align:center;padding:14px 12px;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:var(--text);font-weight:800}.role-btn:hover{background:#ffffff1f;text-decoration:none}.footer{margin-top:30px;padding:16px;border-top:1px solid rgba(255,255,255,.1);background:#0206178c}.footer-inner{width:min(var(--max),92vw);margin:0 auto;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:#ffffffb3;font-size:13px}@media(max-width:520px){.brand-title{font-size:32px}.role-grid{grid-template-columns:1fr}}