:root{--bg-primary: #0a0a1a;--bg-secondary: #12122a;--bg-card: #1a1a3a;--bg-card-hover: #222252;--text-primary: #e8e8f0;--text-secondary: #9090b0;--text-muted: #606080;--accent-cyan: #22d3ee;--accent-purple: #a855f7;--accent-green: #22c55e;--accent-red: #ef4444;--accent-gold: #eab308;--border-subtle: rgba(255, 255, 255, .08);--border-accent: rgba(34, 211, 238, .3);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "Cascadia Code", "Fira Code", "JetBrains Mono", monospace;--max-width: 1100px;--glow-cyan: 0 0 20px rgba(34, 211, 238, .15);--glow-purple: 0 0 20px rgba(168, 85, 247, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100dvh;-webkit-font-smoothing:antialiased;overflow-x:hidden;overscroll-behavior:none}#root{min-height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}a{color:var(--accent-cyan);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-purple)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img,svg{display:block;max-width:100%}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.4rem;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;transition:all .2s;white-space:nowrap}.btn-primary{background:var(--accent-cyan);color:var(--bg-primary)}.btn-primary:hover{background:#06b6d4;box-shadow:var(--glow-cyan)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-accent)}.btn-accent{background:var(--accent-purple);color:#fff}.btn-accent:hover{background:#9333ea;box-shadow:var(--glow-purple)}.btn-sm{padding:.4rem .9rem;font-size:.85rem}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.25rem;transition:all .25s}.card:hover{border-color:var(--border-accent);box-shadow:var(--glow-cyan);transform:translateY(-2px)}.input{width:100%;padding:.6rem .9rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.95rem;font-family:inherit;outline:none;transition:border-color .2s}.input:focus{border-color:var(--accent-cyan)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:100px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-patron{background:#eab30826;color:var(--accent-gold)}.badge-free{background:#22c55e26;color:var(--accent-green)}.page{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){:root{--max-width: 100%}.container{padding:0 .75rem}}