*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #8B5CF6;--primary-dark: #7C3AED;--primary-light: #A78BFA;--secondary: #F59E0B;--background: #0F0F1A;--surface: #1A1A2E;--surface-light: #252542;--text: #FFFFFF;--text-secondary: #A0A0B0;--success: #10B981;--error: #EF4444;--border: #2D2D44}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--background);color:var(--text);min-height:100vh;line-height:1.6}#root{min-height:100vh;display:flex;flex-direction:column}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 15px #8b5cf64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--surface-light);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-premium{background:linear-gradient(135deg,var(--secondary) 0%,#D97706 100%);color:#fff;box-shadow:0 4px 15px #f59e0b4d}.btn-premium:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.input{width:100%;padding:.875rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:1rem;transition:border-color .2s ease}.input:focus{outline:none;border-color:var(--primary)}.input::placeholder{color:var(--text-secondary)}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem}.container{width:100%;max-width:480px;margin:0 auto;padding:1rem}.text-center{text-align:center}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-premium{color:var(--secondary)}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-2{margin-top:1rem}.mt-4{margin-top:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}