:root{--bg:#f8fafc;--card:#fff;--text-primary:#0f172a;--text-secondary:#475569;--border:#e5e7eb;--accent:#2563eb;--accent-soft:#dbeafe;--shadow-sm:0 4px 12px #0000000f;--shadow-md:0 10px 25px #00000014;--primary:#2563eb;--primary-hover:#1d4ed8;--danger:#ef4444;--bg-soft:#f8fafc;--border-soft:#00000014}*{box-sizing:border-box}body{background:var(--bg);color:var(--text-primary);margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}html,body{overflow-x:hidden}.button{appearance:none;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:.9rem;font-weight:500;transition:all .25s;display:inline-flex}.buttonPrimary{background:var(--primary);color:#fff;box-shadow:0 6px 18px #2563eb40}.buttonPrimary:hover{background:var(--primary-hover);transform:translateY(-1px)}.buttonSecondary{background:var(--bg-soft);color:#111827;border:1px solid var(--border-soft)}.buttonSecondary:hover{background:#eef2ff}
.accent{color:var(--accent)}.card{background:var(--card);box-shadow:var(--shadow-sm);border:1px solid var(--border);border-radius:16px}.text-muted{color:var(--text-secondary);font-size:.85rem}