:root{--gold-100: #fff8e1;--gold-200: #ffe4a3;--gold-300: #ffd166;--gold-400: #f4c542;--gold-500: #d4af37;--ink-900: #0b0c10;--ink-700: #333;--ink-500: #666;--bg: #ffffff;--surface: #ffffff;--surface-muted: #f8fafc;--border: rgba(0,0,0,.08)}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 600px at -10% -10%,rgba(212,175,55,.1),transparent 60%),radial-gradient(1000px 500px at 110% 0%,rgba(244,197,66,.1),transparent 60%),linear-gradient(180deg,#fff 0% 100%);color:var(--ink-900);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";position:relative;overflow-x:hidden;padding-bottom:calc(72px + env(safe-area-inset-bottom))}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(2px 2px at 20% 30%,#d4af3740 0 40%,#0000 41%),radial-gradient(1.5px 1.5px at 60% 70%,#d4af3740 0,#0000 45%),radial-gradient(1.2px 1.2px at 80% 20%,#d4af372e 0,#0000 50%),radial-gradient(1.8px 1.8px at 35% 80%,#d4af3733 0,#0000 46%);opacity:.5}.container{max-width:960px;margin:0 auto;padding:16px}.brand-gradient{background:linear-gradient(90deg,var(--gold-400),var(--gold-500));-webkit-background-clip:text;background-clip:text;color:transparent}.card{background:var(--surface);border:1px solid var(--border);box-shadow:0 6px 20px #0000000f;border-radius:16px;padding:24px}.button-primary{appearance:none;border:none;padding:12px 16px;border-radius:10px;background:linear-gradient(90deg,var(--gold-400),var(--gold-500));color:#111;font-weight:700;cursor:pointer}.button-secondary{appearance:none;border:1px solid rgba(212,175,55,.35);padding:12px 16px;border-radius:10px;background:#fff;color:#333;font-weight:600;cursor:pointer}.input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:#fff}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tab{appearance:none;background:#fff;color:var(--ink-900);border:1px solid var(--border);padding:10px 14px;border-radius:10px;font-weight:600;cursor:pointer}.tab-active{background:linear-gradient(90deg,var(--gold-400),var(--gold-500));color:#111;border:1px solid transparent;box-shadow:0 6px 16px #d4af3740}.muted{color:#6b7280}.chip{display:inline-block;padding:4px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface-muted);font-size:12px}