:root{--dark-bg: #1a1a1a;--soft-blue: #5b8fb9;--text-light: #e0e0e0;--neon-glow: #7fb5ff}@keyframes float{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-100vh) rotate(360deg)}}body{font-family:Poppins,sans-serif;background:url() no-repeat center center fixed;background-size:cover;display:flex;justify-content:center;align-items:center;height:100vh;margin:0}.registration-progress{display:flex;justify-content:space-between;align-items:center;margin:20px auto 30px;width:80%;position:relative}.progress-track{position:absolute;top:50%;left:0;width:100%;height:2px;background:#333;z-index:0;transform:translateY(-50%)}.step-circle{width:30px;height:30px;background:#252525;border:2px solid #333;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#666;z-index:1;transition:all .3s ease}.step-circle.active{border-color:var(--soft-blue);color:#fff;background:var(--dark-bg);box-shadow:0 0 10px var(--soft-blue)}.form-step{display:none;animation:slideIn .4s ease forwards}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.login-container{display:flex;background:#1a1a1af2;border-radius:20px;width:850px;height:580px;box-shadow:0 15px 35px #00000080;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.login-box{min-height:450px;transition:all .5s ease;padding:50px;width:50%;display:flex;flex-direction:column;justify-content:center}.right-side{background:linear-gradient(135deg,#1a1a1a 0%,var(--soft-blue) 100%);color:#fff;text-align:center;border-left:1px solid rgba(255,255,255,.1)}h2{display:flex;justify-content:center;color:#fff;margin-bottom:0;margin-top:10px;font-weight:600}.subtitle{display:flex;justify-content:center;color:#888;margin-top:3px;margin-bottom:20px;font-size:.9rem}.input-floating{position:relative;margin-bottom:18px}.input-floating input{width:100%;padding:14px;background:transparent;border:2px solid #333;border-radius:8px;color:#fff;font-size:.9rem;outline:none;transition:.3s}.input-floating label{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#777;font-size:.85rem;pointer-events:none;transition:.3s;background:var(--dark-bg);padding:0 5px}.input-floating input:focus+label,.input-floating input:not(:placeholder-shown)+label{top:0;font-size:.7rem;color:var(--soft-blue)}.input-floating input:focus{border-color:var(--soft-blue);box-shadow:0 0 12px #7fb5ff66}.password-group{position:relative}.toggle-password{position:absolute;right:14px;top:50%;transform:translateY(-50%);cursor:pointer;color:#666;transition:.3s}.email-wrapper{opacity:0;transform:translateY(20px);transition:all .5s ease;pointer-events:none}.email-wrapper.show{opacity:1;transform:translateY(0);pointer-events:auto}#email-form input{opacity:0;transform:translateY(15px);animation:inputAppear .5s forwards}#email-form input:nth-child(1){animation-delay:.1s}#email-form input:nth-child(2){animation-delay:.2s}@keyframes inputAppear{to{opacity:1;transform:translateY(0)}}.hidden{display:none}.logo-wrapper{display:flex;justify-content:center;align-items:center;margin-bottom:5px;width:100%}.main-logo{width:80px;height:80px;object-fit:contain;background-color:#fff;border-radius:50%;padding:12px;border:2px solid var(--soft-blue);box-shadow:0 0 20px #5b8fb980;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.animate-in{animation:fadeIn .5s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.animate-in{animation:slideIn .4s ease forwards}.animate-out{animation:slideOut .3s ease forwards}.divider{position:relative;text-align:center;margin:30px 0;height:1px;background-color:#333}.divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#1a1a1a;padding:0 15px;color:#666;font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.back-link{color:var(--soft-blue);cursor:pointer;margin-top:15px;font-size:.8rem}:root{--dark-bg: #1a1a1a;--soft-blue: #5b8fb9;--text-light: #e0e0e0;--neon-glow: #7fb5ff;--success: #4caf50}body{font-family:Poppins,sans-serif;background:#121212;display:flex;justify-content:center;align-items:center;height:100vh;margin:0;color:var(--text-light)}h2{display:flex;justify-content:center;margin-bottom:5px}.login-container{display:flex;background:#1a1a1af2;border-radius:20px;width:850px;height:600px;box-shadow:0 15px 35px #00000080;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.login-box{padding:40px;width:50%;display:flex;flex-direction:column;justify-content:center}.right-side{background:linear-gradient(135deg,#1a1a1a 0%,var(--soft-blue) 100%);color:#fff;text-align:center}.registration-progress{display:flex;justify-content:space-between;margin-bottom:30px;position:relative;width:60%;align-self:center}.progress-track{position:absolute;top:50%;width:100%;height:2px;background:#333;transform:translateY(-50%);z-index:0}.progress-fill{height:100%;width:0%;background:var(--soft-blue);box-shadow:0 0 10px var(--soft-blue);transition:width .4s ease}.step-circle{width:30px;height:30px;background:#252525;border:2px solid #333;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1;transition:.3s;font-size:.8rem}.step-circle.active{border-color:var(--soft-blue);color:#fff;animation:popStep .3s ease;background:var(--dark-bg);box-shadow:0 0 8px var(--soft-blue),0 0 15px #7fb5ff4d}@keyframes popStep{0%{transform:scale(.8)}60%{transform:scale(1.1)}to{transform:scale(1)}}.form-step{display:none;animation:fadeIn .4s ease}.form-step.active{display:flex;flex-direction:column}.section-divider{display:flex;align-items:center;margin-bottom:20px;font-size:.75rem;color:#777}.section-divider:before,.section-divider:after{content:"";flex:1;height:1px;background:#333;margin:0 10px}.input-floating{position:relative}.input-floating input{position:relative;z-index:0;width:100%;padding:16px 14px;background:#252525;border:2px solid #333;border-radius:8px;color:#fff;outline:none;font-family:Poppins,sans-serif;box-sizing:border-box}.input-floating label{position:absolute;z-index:1;left:14px;top:40%;transform:translateY(-50%);color:#777;font-size:.85rem;pointer-events:none;transition:all .3s ease;padding:0 4px;background:#252525;display:inline-block}.input-floating label{transition:all .3s ease}.input-floating input:focus{border-color:var(--neon-glow);background:#2b2b2b;box-shadow:0 0 6px #7fb5ff80,0 0 18px #7fb5ff26}.input-floating input:focus+label,.input-floating input:not(:placeholder-shown)+label{top:0;left:10px;font-size:.7rem;color:var(--soft-blue)}.input-group{position:relative;margin-bottom:15px}input-group.at-group{position:relative}.input-group.at-group .at-icon{position:absolute;left:12px;top:35%;transform:translateY(-50%);pointer-events:none;z-index:2}.input-group.at-group .at-input{padding-left:34px}.input-style{transition:border-color .3s ease,box-shadow .3s ease,background .3s ease;width:100%;padding:14px;background:#252525;border:2px solid #333;border-radius:8px;font-family:Poppins,sans-serif;color:#fff;outline:none;box-sizing:border-box}.input-style:focus{border-color:var(--neon-glow);background:#2b2b2b;box-shadow:0 0 6px #7fb5ff80,0 0 18px #7fb5ff26}input[type=date]{appearance:none;-webkit-appearance:none;color:#e0e0e0}input[type=date]::-webkit-calendar-picker-indicator{opacity:0}.date-group{position:relative}.date-icon{position:absolute;right:14px;top:40%;transform:translateY(-50%);color:var(--soft-blue);pointer-events:none}.at-group{position:relative}.at-icon{position:absolute;left:15px;top:40%;transform:translateY(-55%);color:var(--soft-blue);font-weight:700}.at-input{padding-left:40px}@keyframes nameReveal{0%{opacity:0;transform:translateY(8px);color:#aaa}to{opacity:1;transform:translateY(0);color:var(--soft-blue)}}.animated-name{display:inline-block;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;opacity:0}.name-animate{animation:nameReveal .5s ease forwards;animation-delay:.1s}.pass-wrapper{position:relative}.pass-wrapper input{padding-right:40px}.toggle-password{position:absolute;right:15px;top:40%;transform:translateY(-50%);cursor:pointer;color:#666}.toggle-password:hover{color:var(--soft-blue)}@keyframes ruleSuccess{0%{transform:scale(1)}50%{transform:scale(1.05);text-shadow:0 0 8px var(--soft-blue)}to{transform:scale(1);text-shadow:0 0 0px transparent}}.password-rules{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:0;overflow:hidden;opacity:0;transition:.3s ease;font-size:12px;color:#888;margin-top:3px;margin-bottom:15px}.password-rules p{display:inline-block;font-size:1em;margin:0;transition:color .4s ease;align-items:center}.rule-active{color:var(--soft-blue)!important;animation:ruleSuccess .4s ease-out}#pass[data-length=true]~.password-rules #rule-length{color:var(--soft-blue);text-shadow:0 0 6px var(--soft-blue)}#pass[data-number=true]~.password-rules #rule-number{color:var(--soft-blue);text-shadow:0 0 6px var(--soft-blue)}#pass[data-letter=true]~.password-rules #rule-letter{color:var(--soft-blue);text-shadow:0 0 6px var(--soft-blue)}.password-group:focus-within .password-rules{max-height:50px;opacity:1}.suggestions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.sug-card{background:#252525;border:1px solid #333;padding:10px;border-radius:8px;cursor:pointer;text-align:center;font-size:.8rem;transition:.3s}.sug-card:hover{border-color:var(--soft-blue);color:var(--soft-blue)}.summary-box{background:#252525;padding:15px;border-radius:10px;border-left:4px solid var(--soft-blue);margin-bottom:5px}.summary-item{font-size:.9rem;margin:5px 0}.summary-item strong{color:var(--soft-blue)}.username-highlight{color:var(--soft-blue);white-space:nowrap;max-width:180px;display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;animation:fadeIn .4s ease}h2.welcome-title{display:block;text-align:center;line-height:1.4;word-wrap:break-word}.btn{width:100%;padding:12px;margin-bottom:15px;border-radius:8px;border:2px solid transparent;background:#2a2a2a;color:var(--text-light);font-size:.8em;font-weight:400;font-family:Montserrat,sans-serif;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.btn:hover{background:#333;border-color:var(--neon-glow);box-shadow:0 0 15px #7fb5ff66;transform:translateY(-2px);color:#fff}.btn-outline{background:transparent;border:2px solid white;color:#fff}.btn-primary{background:var(--soft-blue);color:#fff}.btn-group{display:flex;gap:10px}.prev-btn{background:#333;width:40%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{--primary: #6397c2;--primary-soft: rgba(99, 151, 194, .15);--bg-dark: #000000;--card-bg: rgba(255, 255, 255, .05);--border: rgba(255, 255, 255, .1);--text-main: #ffffff;--text-secondary: rgba(255, 255, 255, .6);--spotify: #1db954;--apple: #ffffff}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,system-ui,sans-serif}body{background-color:var(--bg-dark);color:#fff;overflow-x:hidden}._appWrapper_makdr_26{display:flex;min-height:100vh}._sidebar_makdr_31{width:230px;height:100vh;background:#000;border-right:1px solid rgba(255,255,255,.08);padding:24px 16px;position:fixed;left:0;top:0;display:flex;flex-direction:column}._sidebarLogo_makdr_44{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;margin-bottom:30px}._sidebarLogo_makdr_44 img{width:32px}._sidebarMenu_makdr_57{display:flex;flex-direction:column;gap:6px}._sidebarItem_makdr_63{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:#fff;text-decoration:none;font-size:14px;transition:.2s}._sidebarItem_makdr_63:hover{background:#ffffff0f}._sidebarItem_makdr_63 svg{width:20px;height:20px}._active_makdr_84{background:#6397c226;color:#6397c2;font-weight:600}._logoContainer_makdr_90{display:flex;align-items:center;gap:10px;margin-bottom:30px}._logoImg_makdr_97{width:32px;height:32px;object-fit:contain}._logoText_makdr_103{font-size:20px;font-weight:700;color:#fff}._navLink_makdr_109{display:flex;align-items:center;gap:15px;color:#b3b3b3;text-decoration:none;padding:12px 0;font-weight:600;transition:.3s}._navLink_makdr_109:hover,._navLink_makdr_109._active_makdr_84{color:#fff}._mainContainer_makdr_125{margin-left:240px;flex:1;position:relative}._heroBg_makdr_131{position:absolute;top:0;left:0;width:100%;height:60vh;z-index:0}._heroImg_makdr_140{width:100%;height:100%;object-fit:cover;filter:blur(40px) opacity(.3)}._heroGradient_makdr_147{position:absolute;bottom:0;left:0;width:100%;height:100%}._contentGrid_makdr_155{display:grid;grid-template-columns:350px 1fr;gap:40px;padding:60px 40px;position:relative;z-index:10}._albumStickyCol_makdr_164{position:sticky;top:40px;height:fit-content}._albumCover_makdr_170{width:100%;aspect-ratio:1;border-radius:12px;box-shadow:0 20px 50px #000c;margin-bottom:24px}._albumHeader_makdr_178 h1{font-size:32px;font-weight:800;margin-bottom:8px}._artist_makdr_184{font-size:18px;color:var(--primary);font-weight:600;margin-bottom:4px}._meta_makdr_191{opacity:.5;font-size:14px;margin-bottom:20px}._statsRow_makdr_197{display:flex;gap:12px;margin-bottom:24px}._statPill_makdr_203{background:var(--card-bg);padding:8px 16px;border-radius:20px;font-size:13px;display:flex;align-items:center;gap:8px;border:1px solid var(--border)}._actionBar_makdr_214{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:30px}._actionBtn_makdr_221{background:var(--card-bg);border:1px solid var(--border);color:#fff;padding:12px;border-radius:10px;cursor:pointer;transition:.2s;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;text-transform:uppercase}._actionBtn_makdr_221:hover{background:#ffffff26;transform:translateY(-2px)}._tracklist_makdr_242{background:var(--card-bg);border-radius:16px;padding:10px;border:1px solid var(--border);max-height:278px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}._tracklist_makdr_242::-webkit-scrollbar{width:6px}._tracklist_makdr_242::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}._trackItem_makdr_262{display:grid;grid-template-columns:40px 1fr 60px;align-items:center;padding:12px 15px;border-radius:8px;transition:.2s}._trackItem_makdr_262:hover{background:#ffffff0d}._trackNumber_makdr_275{opacity:.3;font-size:14px}._trackInfo_makdr_280 h4{font-size:15px}._trackInfo_makdr_280 p{font-size:12px;opacity:.5}._trackDuration_makdr_289{opacity:.5;font-size:13px;text-align:right}._reviewSection_makdr_295{margin-top:40px}._reviewCard_makdr_299{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;margin-bottom:16px}._reviewHeader_makdr_307{display:flex;align-items:center;gap:12px;margin-bottom:10px}._reviewAvatar_makdr_314{width:40px;height:40px;border-radius:50%}._reviewUser_makdr_320{display:flex;flex-direction:column}._reviewName_makdr_325{font-weight:700;font-size:14px}._reviewDate_makdr_330{font-size:12px;color:#ffffff80}._reviewRating_makdr_335{margin-left:auto;color:#6397c2;font-size:14px}._reviewText_makdr_341{font-size:14px;color:#ffffffd9;line-height:1.5}._avatar_makdr_347{width:40px;height:40px;border-radius:50%}._streamingLinks_makdr_353{display:flex;gap:12px;margin-top:20px}._streamBtn_makdr_359{flex:1;padding:14px 18px;border-radius:12px;text-decoration:none;display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:13px;transition:.25s}._streamLeft_makdr_372{display:flex;align-items:center;gap:8px}._spotify_makdr_378{background:var(--spotify);color:#000}._apple_makdr_383{background:#fff;color:#000}._streamBtn_makdr_359:hover{transform:scale(1.03)}._bottomNav_makdr_392{display:none}._modal_makdr_396{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;z-index:2000}._modal_makdr_396._active_makdr_84,._active_makdr_84._modal_makdr_396{display:flex}._modalContent_makdr_412{background:#131619;border-radius:16px;padding:30px;width:400px}._stars_makdr_419{display:flex;gap:10px;margin:20px 0}._stars_makdr_419 svg{cursor:pointer}._textarea_makdr_429{width:100%;height:120px;background:#ffffff0d;border:none;border-radius:8px;padding:10px;color:#fff;resize:none}._detailsCol_makdr_440{min-width:0}._sectionTitle_makdr_444{margin-bottom:20px;opacity:.7}._reviewsSection_makdr_449{margin-top:20px}._reviewsHeader_makdr_453{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;margin-top:20px}._reviewsTitle_makdr_461{opacity:.7}._viewAll_makdr_465{color:var(--primary);font-size:14px;cursor:pointer}._shareGrid_makdr_471{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}._shareOption_makdr_478{background:#ffffff0d;color:#fff;border:1px solid var(--border);border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:10px;cursor:pointer}._submitRating_makdr_490,._submitReview_makdr_491{background:var(--primary);color:#fff;border:none;border-radius:10px;padding:12px 16px;font-weight:600;cursor:pointer;width:100%;margin-top:16px}@media(max-width:900px){._sidebar_makdr_31{display:none}._mainContainer_makdr_125{margin-left:0;width:1400px}._contentGrid_makdr_155{grid-template-columns:1fr;padding:20px;margin-top:40px}._albumStickyCol_makdr_164{position:relative;top:0}._bottomNav_makdr_392{display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:90%;background:#141414cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;padding:15px;justify-content:space-around;z-index:1000;border:1px solid var(--border)}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}