@tailwind base;@tailwind components;@tailwind utilities;:root{--gold: #D4AF37;--gold-dark: #B8941F;--gold-light: #F5E6C3;--gold-muted: rgba(212, 175, 55, .15);--gold-border: rgba(212, 175, 55, .25);--teal: #00B8A9;--success: #28a745;--danger: #dc3545;--warning: #ffc107}:root.dark{--bg-app: #0f0f0f;--bg-card: #1a1a1a;--bg-input: #2a2a2a;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-muted: rgba(255, 255, 255, .6);--border-color: rgba(255, 255, 255, .1)}:root.light{--bg-app: #f5f5f5;--bg-card: #ffffff;--bg-input: #f0f0f0;--text-primary: #111111;--text-secondary: #4b5563;--text-muted: #6b7280;--border-color: #e5e7eb}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-app);color:var(--text-primary)}.light body{background-color:var(--bg-app)}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#000;font-weight:600;padding:.75rem 1.5rem;border-radius:.75rem;transition:all .2s ease;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 20px #d4af374d}.btn-gold:disabled{opacity:.5;cursor:not-allowed;transform:none}.input{width:100%;padding:.75rem 1rem;border-radius:.75rem;background:var(--bg-input);border:1px solid var(--gold-border);color:var(--text-primary);outline:none;transition:all .2s ease}.input:focus{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-muted)}.card{background:var(--bg-card);border-radius:1rem;border:1px solid var(--border-color);padding:1.5rem;transition:all .2s ease}.light .card{box-shadow:0 1px 3px #0000000d}.glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}.text-gold{color:var(--gold)}.bg-gold{background:var(--gold)}.border-gold{border-color:var(--gold)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .4s ease-out}@media (max-width: 768px){.btn-gold{padding:.6rem 1rem;font-size:.9rem}.card{padding:1rem}.input{padding:.6rem .75rem}}