@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";
:root{--font-heading:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--bg-main:#0b0c10;--bg-deep:#050507;--bg-card:#1a1a24a6;--bg-card-hover:#232330cc;--bg-modal:#121219f2;--primary:#00f5d4;--primary-glow:#00f5d44d;--secondary:#7b2cbf;--secondary-glow:#7b2cbf59;--accent:#ff007f;--accent-glow:#ff007f4d;--text-primary:#fff;--text-secondary:#9499b0;--text-muted:#62677f;--warning:#f5a623;--danger:#ff4d4d;--success:#00e676;--border-color:#ffffff14;--border-color-active:#00f5d466;--border-glass:1px solid var(--border-color);--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--blur-amount:20px;--shadow-glow:0 0 20px #00f5d426;--transition:all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-body);background-image:radial-gradient(circle at 10% 20%,#7b2cbf26 0%,#0000 40%),radial-gradient(circle at 85% 70%,#00f5d41a 0%,#0000 45%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700}button,input,select,textarea{font-family:inherit}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(var(--blur-amount));border:var(--border-glass);border-radius:var(--radius-md);transition:var(--transition)}.glass-panel:hover{background:var(--bg-card-hover);border-color:#ffffff26}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#252630;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3a3b4c}.app-container{flex-direction:column;min-height:100vh;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #00d2b4 100%);color:var(--bg-deep);box-shadow:0 4px 15px #00f5d440}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00f5d466}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);border:var(--border-glass);background:#ffffff14}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff40;transform:translateY(-2px)}.btn-accent{background:linear-gradient(135deg, var(--accent) 0%, #e00070 100%);color:#fff;box-shadow:0 4px 15px #ff007f40}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff007f66}.badge{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{color:var(--primary);background:#00f5d426;border:1px solid #00f5d44d}.badge-secondary{color:#b388ff;background:#7b2cbf26;border:1px solid #7b2cbf4d}.badge-rating{color:var(--warning);background:#f5a6231f;border:1px solid #f5a62340}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade{animation:.25s ease-out forwards fadeIn}.animate-scale{animation:.3s cubic-bezier(.16,1,.3,1) forwards scaleUp}select option{color:#fff!important;background:#111115!important}select option:hover,select option:focus,select option:checked{background:var(--primary)!important;color:var(--bg-deep)!important}.auth-form-section-container{background:#ffffff05;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:12px;margin:6px 0;padding:18px 16px 14px;display:flex}.auth-form-section-title{font-family:var(--font-heading);color:var(--primary);text-transform:uppercase;letter-spacing:1px;opacity:.9;margin-bottom:2px;font-size:.8rem;font-weight:700}