:root{--canvas: #f2f4f6;--surface: #ffffff;--text-primary: #191f28;--text-secondary: #4e5968;--text-caption: #8b95a1;--muted: var(--text-secondary);--muted-2: var(--text-caption);--border: #e5e8eb;--error: #e03131;--blue-400: #4593fc;--blue-500: #3182f6;--blue-line-1: #bfdbfe;--blue-line-2: #93c5fd;--blue-line-3: #60a5fa;--shadow-1: 0 4px 24px rgba(25, 31, 40, .045);--shadow-2: 0 2px 10px rgba(25, 31, 40, .03);--scanner-canvas: #05070a;--scanner-dim: rgba(0, 0, 0, .45);--t2: clamp(1.5rem, 1.1rem + 1.2vw, 1.75rem);--t4: 1.25rem;--t5: 1.125rem;--t6: 1rem;--t7: .8125rem;--max: 1120px;--inset: 26px;--flow-max: 420px}*{box-sizing:border-box}html,body{min-height:100%;min-height:100dvh}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text-primary);background:var(--canvas);-webkit-font-smoothing:antialiased}a{color:inherit}.container{width:100%;max-width:var(--max);padding:0 var(--inset);margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-1),var(--shadow-2)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:12px;text-decoration:none;font-size:var(--t6);font-weight:600;letter-spacing:-.02em;border:1px solid var(--border);transition:background .15s ease,border-color .15s ease,color .15s ease}.button.primary{color:#fff;background:var(--blue-400);border-color:var(--blue-400)}.button.primary:hover{background:#3b87f0;border-color:#3b87f0}.button.ghost{color:var(--text-primary);background:var(--surface);border-color:var(--border)}.button.ghost:hover{background:var(--canvas)}.button:focus-visible{outline:2px solid var(--blue-400);outline-offset:2px}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;font-size:var(--t7);font-weight:500;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border)}.grid{display:grid;gap:16px}@media(min-width:900px){.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.grid{gap:24px}}