.music-login-page{min-height:100vh;background:#030712;position:relative;overflow:hidden;color:white;font-family:Inter,sans-serif;display:flex;align-items:center}.equalizer-bg{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;gap:6px;opacity:.08;padding-bottom:20px;z-index:1;pointer-events:none}.eq-bar{width:6px;border-radius:30px;background:linear-gradient(0deg,#22d3ee,#8b5cf6)}.bg-glow{position:absolute;border-radius:50%;filter:blur(150px);z-index:0;pointer-events:none}.glow-1{background:rgba(139,92,246,.15);top:-200px;left:-150px}.glow-1,.glow-2{width:600px;height:600px}.glow-2{background:rgba(34,211,238,.1);bottom:-200px;right:-150px}.music-login-card{position:relative;z-index:5;-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);background:rgba(17,24,39,.45);border:1px solid rgba(255,255,255,.08);border-radius:28px;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);transition:border-color .3s ease,box-shadow .3s ease}.music-login-card:hover{border-color:rgba(34,211,238,.2);box-shadow:0 0 50px rgba(34,211,238,.1)}.music-side-content{padding:60px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0));border-right:1px solid rgba(255,255,255,.06)}.brand-header{gap:16px}.brand-header,.music-icon{display:flex;align-items:center}.music-icon{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#22d3ee,#8b5cf6);justify-content:center;box-shadow:0 8px 24px rgba(34,211,238,.3)}.music-icon span{font-size:28px}.brand-logo-text{font-size:22px;font-weight:800;letter-spacing:4px;background:linear-gradient(90deg,#ffffff,rgba(255,255,255,.7));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-body{margin-top:40px;margin-bottom:40px}.brand-title{font-size:48px;font-weight:800;line-height:1.1;margin-bottom:20px;background:linear-gradient(135deg,#ffffff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-desc{color:#9ca3af;font-size:16px;line-height:1.6;font-weight:400}.music-lines{display:flex;gap:8px}.music-lines span{height:4px;border-radius:20px;background:linear-gradient(90deg,#22d3ee,#8b5cf6);opacity:.6}.music-lines span:first-child{width:30px}.music-lines span:nth-child(2){width:60px}.music-lines span:nth-child(3){width:90px}.music-lines span:nth-child(4){width:120px}.login-form-wrapper{padding:60px 48px;display:flex;flex-direction:column;justify-content:center;height:100%}.login-logo{width:80px;height:auto;filter:drop-shadow(0 4px 12px rgba(34,211,238,.2))}.login-title{font-size:32px;font-weight:800;letter-spacing:-.5px;margin-bottom:8px;background:linear-gradient(90deg,#ffffff,#e5e7eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-subtitle{color:#9ca3af;font-size:15px;font-weight:400}.form-group-custom{position:relative;display:flex;flex-direction:column}.input-icon{position:absolute;left:18px;top:18px;color:#6b7280;font-size:22px;pointer-events:none;transition:color .3s ease}.music-login-page .custom-input{height:58px!important;border-radius:16px!important;background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.08)!important;padding:15px 20px 15px 52px!important;font-size:15px!important;transition:all .3s ease}.music-login-page .custom-input::placeholder{color:#6b7280}.music-login-page .custom-input:focus{box-shadow:0 0 20px rgba(34,211,238,.15)!important;border-color:rgba(34,211,238,.8)!important;background:rgba(255,255,255,.05)!important}.music-login-page .custom-input:focus~.input-icon{color:#22d3ee}.music-login-page .custom-input.is-invalid{border-color:#ef4444!important;box-shadow:0 0 15px rgba(239,68,68,.15)!important}.music-login-page .password-toggle-btn{position:absolute;right:18px!important;top:18px!important;background:none!important;border:none!important;cursor:pointer!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:color .3s ease;z-index:10!important}.music-login-page .password-toggle-btn:hover{color:#22d3ee!important}.music-login-page .password-toggle-btn span{font-size:22px!important}.error-message{color:#ef4444;font-size:13px;margin-top:6px;margin-left:4px;font-weight:500}.secure-badge{display:inline-flex;align-items:center;color:#10b981;font-size:13px;font-weight:600;background:rgba(16,185,129,.08);padding:4px 10px;border-radius:8px;border:1px solid rgba(16,185,129,.15)}.secure-badge span{font-size:16px}.forgot-password-link{color:#a5b4fc;font-size:13px;font-weight:500;text-decoration:none;transition:color .3s ease}.forgot-password-link:hover{color:#8b5cf6;text-decoration:underline}.login-btn{height:56px;border:none;border-radius:16px;background:linear-gradient(135deg,#22d3ee,#4f46e5,#8b5cf6);background-size:200% auto;color:white!important;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;transition:all .4s ease;box-shadow:0 4px 20px rgba(79,70,229,.3)}.login-btn:hover{background-position:100%;transform:translateY(-2px);box-shadow:0 8px 30px rgba(34,211,238,.45);color:white}.login-btn:active{transform:translateY(0)}.login-btn:disabled{background:rgba(255,255,255,.1);color:rgba(255,255,255,.3);box-shadow:none;transform:none;cursor:not-allowed}@media (max-width:991px){.login-form-wrapper{padding:48px 32px}.music-login-card{border-radius:20px;background:rgba(17,24,39,.6)}}@media (max-width:575px){.login-form-wrapper{padding:40px 20px}.login-title{font-size:28px}}.header{flex-direction:row;justify-content:var(--header-justify,space-between);padding:20px 18px}.header,.logo{display:flex;align-items:center}.logo{gap:10px;text-decoration:none;overflow:hidden}.logoMark{width:34px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.logoName{font-size:22px;font-weight:800;letter-spacing:4px;background:linear-gradient(90deg,#ffffff,rgba(255,255,255,.7));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.form-control{color:var(--bs-body-color)!important}