:root{--clr-primary: #b00020;--clr-secondary: #000000;--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 rgba(0,0,0,.06);--shadow-s: 0 1px 4px rgba(0,0,0,.08);--shadow-m: 0 8px 28px rgba(0,0,0,.15);--shadow-l: 0 8px 32px rgba(0,0,0,.18);--shadow-xl: 0 12px 22px rgba(0,0,0,.2);--shadow-overlay: rgba(0,0,0,.45);--shadow-overlay-s: rgba(0,0,0,.35);--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:transparent}*::-webkit-scrollbar-thumb{background:var(--clr-primary-border-m);border-radius:8px}*::-webkit-scrollbar-thumb:hover{background:var(--clr-primary)}html,body{min-height:100%;margin:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 10% 10%,#fff,#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}main.page-center{min-height:100vh;display:grid;place-items:center;padding:24px;box-sizing:border-box}.surface-card{padding:30px;border-radius:24px;background:var(--clr-white);border:1px solid #e5e5e5;box-shadow:0 18px 40px #0000000f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.brand-pill{margin:0 0 8px;display:inline-flex;align-items:center;gap:10px;font-size:18px;color:var(--clr-white);background:var(--clr-canvas);padding:10px 16px;border-radius:12px}.brand-pill span{font-weight:600}.brand-pill strong{font-weight:800}.primary-btn{padding:13px 16px;font-size:15px;font-weight:700;letter-spacing:.01em;border:0;border-radius:12px;background:var(--clr-primary);color:var(--clr-white);box-shadow:0 10px 24px color-mix(in srgb,var(--clr-primary) 30%,transparent);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px color-mix(in srgb,var(--clr-primary) 38%,transparent)}.primary-btn:active{transform:translateY(0)}@media(max-width:540px){.surface-card{padding:24px 18px;border-radius:20px}}