:root{--clr-primary:#b00020;--clr-secondary:#000;--clr-primary-dark:color-mix(in srgb, var(--clr-primary) 78%, #000);--clr-primary-darker:color-mix(in srgb, var(--clr-primary) 60%, #000);--clr-primary-muted:color-mix(in srgb, var(--clr-primary) 8%, #fff);--clr-primary-muted-m:color-mix(in srgb, var(--clr-primary) 15%, #fff);--clr-primary-muted-l:color-mix(in srgb, var(--clr-primary) 5%, #fff);--clr-primary-border:color-mix(in srgb, var(--clr-primary) 22%, #fff);--clr-primary-border-m:color-mix(in srgb, var(--clr-primary) 35%, #fff);--clr-primary-text:color-mix(in srgb, var(--clr-primary) 88%, #000);--clr-primary-glow:color-mix(in srgb, var(--clr-primary) 28%, transparent);--clr-primary-glow-s:color-mix(in srgb, var(--clr-primary) 10%, transparent);--clr-secondary-dark:color-mix(in srgb, var(--clr-secondary) 75%, #000);--clr-secondary-muted:color-mix(in srgb, var(--clr-secondary) 10%, #fff);--clr-canvas:color-mix(in srgb, var(--clr-secondary) 22%, #000);--clr-canvas-m:color-mix(in srgb, var(--clr-secondary) 14%, #000);--clr-dark:#1f2937;--clr-dark-s:#111827;--clr-text:#374151;--clr-text-m:#1c2430;--clr-text-s:#1f2937;--clr-text-deep:#111;--clr-muted:#6b7280;--clr-hint:#9ca3af;--clr-placeholder:#a3a3a3;--clr-disabled:#c0c7d0;--clr-border:#e5e7eb;--clr-border-m:#d1d5db;--clr-border-s:#e0e3e8;--clr-border-deep:#c3cad6;--clr-border-card:#d8dde5;--clr-bg:#f9fafb;--clr-bg-m:color-mix(in srgb, var(--clr-secondary) 1%, #f3f4f6);--clr-bg-s:#f8f9fa;--clr-bg-deep:color-mix(in srgb, var(--clr-secondary) 4%, #f4f6f9);--clr-white:#fff;--shadow-xs:0 1px 4px #0000000f;--shadow-s:0 1px 4px #00000014;--shadow-m:0 8px 28px #00000026;--shadow-l:0 8px 32px #0000002e;--shadow-xl:0 12px 22px #0003;--shadow-overlay:#00000073;--shadow-overlay-s:#00000059;--clr-success:#059669;--clr-success-dark:#047857;--clr-success-muted:#f0fdf4;--clr-success-border:#86efac;--clr-success-text:#15803d;--clr-success-badge:#d1fae5;--clr-success-badge-text:#065f46;--clr-error:#dc2626;--clr-error-dark:#b91c1c;--clr-error-deeper:#7f1d1d;--clr-error-muted:#fef2f2;--clr-error-border:#fca5a5;--clr-error-text:#b91c1c;--clr-warning:#d97706;--clr-warning-muted:#fef3c7;--clr-warning-border:#fde68a;--clr-warning-badge:#fef3c7;--clr-warning-badge-text:#92400e;--clr-info:#2563eb;--clr-info-muted:#eff6ff;--clr-info-border:#bfdbfe;--clr-badge-neutral:#f3f4f6;--clr-badge-neutral-text:#1f2937;--clr-seat:#5a6270;--clr-positive:#22c55e;--clr-green:#059669}*{scrollbar-width:thin;scrollbar-color:var(--clr-primary-border-m) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--clr-primary-border-m);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--clr-primary)}select{scrollbar-width:thin;scrollbar-color:var(--clr-primary-border-m) transparent}select::-webkit-scrollbar{width:8px;height:8px}select::-webkit-scrollbar-track{background:0 0}select::-webkit-scrollbar-thumb{background:var(--clr-primary-border-m);border-radius:8px}select::-webkit-scrollbar-thumb:hover{background:var(--clr-primary)}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at 10% 10%, #fff 0%, #fff0 40%), radial-gradient(circle at 100% 90%, var(--clr-secondary-muted) 0%, transparent 42%), linear-gradient(180deg, var(--clr-bg) 0%, color-mix(in srgb, var(--clr-secondary) 6%, #eaeaea) 100%);color:#171717;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}main.page-center{box-sizing:border-box;place-items:center;min-height:100vh;padding:24px;display:grid}.surface-card{background:var(--clr-white);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #e5e5e5;border-radius:24px;padding:30px;box-shadow:0 18px 40px #0000000f}.brand-pill{color:var(--clr-white);background:var(--clr-canvas);border-radius:12px;align-items:center;gap:10px;margin:0 0 8px;padding:10px 16px;font-size:18px;display:inline-flex}.brand-pill span{font-weight:600}.brand-pill strong{font-weight:800}.primary-btn{letter-spacing:.01em;background:var(--clr-primary);color:var(--clr-white);box-shadow:0 10px 24px color-mix(in srgb, var(--clr-primary) 30%, transparent);cursor:pointer;border:0;border-radius:12px;padding:13px 16px;font-size:15px;font-weight:700;transition:transform .16s,box-shadow .16s}.primary-btn:hover{box-shadow:0 14px 28px color-mix(in srgb, var(--clr-primary) 38%, transparent);transform:translateY(-1px)}.primary-btn:active{transform:translateY(0)}@media (width<=540px){.surface-card{border-radius:20px;padding:24px 18px}}
