@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{--brand-primary:#ff4df0;--brand-secondary:#5be4ff;--brand-purple:#7d4dff;--bg-main:#0a0a0a;--bg-card:#0b1020;--bg-nav:#1c263ccc;--text-main:#fff;--text-muted:#9ca3af;--border-light:#ffffff1a;--border-glow:#ff4df080;--radius-md:12px;--radius-lg:16px}body{background-color:var(--bg-main);color:var(--text-main);background-image:radial-gradient(circle at 50% 0,#ff4df00d,#0000 50%);min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.btn-primary{background:linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));color:#fff;border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:none;padding:12px 24px;font-size:.85rem;font-weight:900;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #ff4df04d}.btn-primary:hover{transform:scale(1.05);box-shadow:0 6px 20px #ff4df080}.btn-primary:active{transform:scale(.95)}.btn-secondary{color:var(--text-main);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff0d;padding:10px 20px;font-weight:700;transition:background-color .2s}.btn-secondary:hover{background-color:#ffffff1a}.tag-badge{color:#000;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border-light);background:#ffffffe6;border-radius:6px;padding:4px 10px;font-size:.7rem;font-weight:800;display:inline-block}.form-input{border:1px solid var(--border-light);width:100%;color:var(--text-main);border-radius:var(--radius-md);box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff0d;margin-bottom:15px;padding:14px;font-size:1rem;transition:all .3s}.form-input:focus{border-color:var(--brand-primary);background-color:#ffffff1a;outline:none;box-shadow:0 0 15px #ff4df033}.form-input option{background-color:var(--bg-card);color:var(--text-main)}.auth-container{background:radial-gradient(circle at 15%,#00ffc833,#0000 25%),#050505 radial-gradient(circle at 85% 30%,#ff00ff4d,#0000 25%);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Poppins,sans-serif;display:flex}.wrapper{-webkit-backdrop-filter:blur(15px);color:#fff;background:#ffffff0d;border:1px solid #fff3;border-radius:20px;width:420px;padding:40px;box-shadow:0 0 20px #00000080}.wrapper h2{text-align:center;margin-bottom:20px;font-size:36px}.toggle-group{justify-content:center;gap:10px;margin-bottom:25px;display:flex}.toggle-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:20px;padding:8px 16px;font-size:14px;transition:all .3s}.toggle-btn.active{color:#000;background:#fff;font-weight:600}.input-box{border-bottom:2px solid #fff;width:100%;height:50px;margin:30px 0;position:relative}.input-box label{color:#fff;pointer-events:none;font-size:16px;transition:all .5s;position:absolute;top:50%;left:5px;transform:translateY(-50%)}.input-box input:focus~label,.input-box input:valid~label{color:#fffc;font-size:13px;top:-5px}.input-box input{color:#fff;background:0 0;border:none;outline:none;width:100%;height:100%;padding:0 35px 0 5px;font-size:16px}.input-box .icon{color:#fff;font-size:19px;line-height:50px;position:absolute;top:15px;right:8px}.remember-forgot{justify-content:space-between;margin:-15px 0 15px;font-size:14.5px;display:flex}.remember-forgot label input{accent-color:#fff;margin-right:3px}.remember-forgot a{color:#a482ff;text-decoration:none}.remember-forgot a:hover{text-decoration:underline}.btn{cursor:pointer;color:#333;background:#fff;border:none;border-radius:40px;outline:none;width:100%;height:45px;margin-top:10px;font-size:16px;font-weight:600;transition:transform .2s;box-shadow:0 0 10px #0000001a}.btn:active{transform:scale(.95)}.login-register{text-align:center;margin-top:25px;font-size:14.5px}.login-register p a{color:#a482ff;margin-left:5px;font-weight:600;text-decoration:none}.login-register p a:hover{text-decoration:underline}