:root{--primary:#f59e0b;--primary-dark:#d97706;--secondary:#10b981;--background:#fdfbf7;--surface:#fff;--text-main:#1f2937;--text-muted:#6b7280;--border:#e5e7eb;--panel-header:#f8fafc;--auth-bg-gradient:radial-gradient(circle at center, #fffbeb, #fcd34d);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--radius:16px}body.dark-mode{--primary:#fbbf24;--primary-dark:#f59e0b;--secondary:#34d399;--background:#111827;--surface:#1f2937;--text-main:#f3f4f6;--text-muted:#9ca3af;--border:#374151;--panel-header:#111827;--auth-bg-gradient:radial-gradient(circle at center, #1e293b, #0f172a);--shadow-md:0 4px 6px -1px #00000080;--shadow-lg:0 10px 15px -3px #000000b3}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,color .3s,border-color .3s}body{background-color:var(--background);color:var(--text-main);font-family:Outfit,sans-serif;line-height:1.5;overflow-x:hidden}.btn{cursor:pointer;border:none;border-radius:30px;justify-content:center;align-items:center;padding:12px 24px;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.primary-btn{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;box-shadow:0 4px 14px #f59e0b66}.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b99}.primary-btn.disabled,.primary-btn:disabled{background:var(--border);color:var(--text-muted);box-shadow:none;cursor:not-allowed;opacity:.7}.secondary-btn{border:2px solid var(--border);color:var(--text-main);background:0 0}.secondary-btn:hover{background:var(--surface);border-color:var(--text-muted)}.secondary-btn.small{padding:6px 16px;font-size:.875rem}.full-width{width:100%}.form-group{text-align:left;margin-bottom:1.2rem}.form-group label{color:var(--text-main);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.form-group input,.form-group select{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-main);border-radius:8px;padding:12px 14px;font-family:inherit;font-size:1rem}#toast-container{z-index:3000;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--text-main);color:var(--background);box-shadow:var(--shadow-lg);border-radius:8px;padding:12px 20px;animation:.3s ease-out forwards slideIn}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.danger{color:#fff!important;background:#ef4444!important}.badge{text-transform:uppercase;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:700}.badge.basic{color:#4b5563;background:#f3f4f6}.badge.silver{color:#334155;background:#e2e8f0}.badge.gold{color:#b45309;background:#fef3c7}body.dark-mode .badge.basic{color:#d1d5db;background:#374151}body.dark-mode .badge.silver{color:#cbd5e1;background:#475569}body.dark-mode .badge.gold{color:#fde68a;background:#78350f}#animation-layer{pointer-events:none;z-index:9999;position:fixed;inset:0;overflow:hidden}.coin{background:#fbbf24;border:2px solid #d97706;border-radius:50%;width:20px;height:20px;animation:1.5s linear forwards fall;position:absolute}@keyframes fall{0%{opacity:1;transform:translateY(-20px)rotate(0)}80%{opacity:1}to{opacity:0;transform:translateY(100vh)rotate(360deg)}}.hatch-anim{font-size:5rem;animation:1.5s ease-out forwards hatchPop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes hatchPop{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}40%{opacity:1;transform:translate(-50%,-50%)scale(.9)}60%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}80%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}