@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0a;--bg-card: #141414;--bg-card-hover: #1a1a1a;--bg-elevated: #1e1e1e;--border: #2a2a2a;--border-hover: #3a3a3a;--text: #f5f5f5;--text-secondary: #888;--text-muted: #555;--accent: #22c55e;--accent-dim: #166534;--accent-glow: rgba(34, 197, 94, .15);--purple: #a78bfa;--purple-glow: rgba(167, 139, 250, .15);--red: #ef4444;--red-dim: rgba(239, 68, 68, .1);--yellow: #facc15;--yellow-dim: rgba(250, 204, 21, .1);--radius: 20px;--radius-sm: 12px;--radius-xs: 8px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}#app-root{display:flex;flex-direction:column;min-height:100vh}.nav{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.nav-inner{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:.6rem;font-size:1.15rem;font-weight:700;color:var(--text);text-decoration:none;letter-spacing:-.02em}.nav-logo-icon{color:var(--accent);font-size:1.3rem}.nav-badges{display:flex;gap:.4rem}.badge{padding:.25rem .6rem;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;font-size:.7rem;color:var(--text-secondary);font-weight:500;letter-spacing:.02em}.app-main{flex:1;max-width:960px;width:100%;margin:0 auto;padding:2rem 1.5rem}.app-footer{text-align:center;padding:1.5rem;color:var(--text-muted);font-size:.8rem;border-top:1px solid var(--border)}.footer-dot{margin:0 .4rem}.bento{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;transition:border-color .3s ease,background .3s ease}.bento:hover{border-color:var(--border-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.4rem;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;font-family:inherit;letter-spacing:-.01em}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover:not(:disabled){background:#16a34a;box-shadow:0 0 24px var(--accent-glow)}.btn-secondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--border-hover);background:var(--bg-card-hover)}.btn-pay{background:var(--purple);color:#000}.btn-pay:hover:not(:disabled){background:#8b5cf6;box-shadow:0 0 24px var(--purple-glow)}.btn-large{padding:.85rem 2rem;font-size:1rem;border-radius:var(--radius-sm)}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 600px){.nav{padding:.85rem 1rem}.nav-badges{display:none}.app-main{padding:1.25rem 1rem}.bento{padding:1.25rem;border-radius:14px}.btn{padding:.75rem 1.2rem;font-size:.9rem;min-height:44px}.btn-large{padding:.85rem 1.5rem;font-size:.95rem}.app-footer{padding:1rem;font-size:.75rem}}