body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.landing-page{color:#f0f0f0;margin:0 auto;max-width:100%;padding:0}.landing-header{display:none}.landing-header h1{color:#1db954;font-size:3.5em;font-weight:700;line-height:1.2;margin-bottom:10px;text-shadow:0 0 5px #1db9544d}.subtitle{color:#b0b0b0;font-size:1.3em;font-weight:300;letter-spacing:.5px}.landing-page section{background-color:#3b3f46;border-radius:8px;box-shadow:0 4px 8px #0003;margin-bottom:40px;padding:20px}.landing-page h2{border-bottom:2px solid #1db954;color:#1db954;font-size:1.8em;margin-bottom:20px;padding-bottom:10px}.architecture-container,.flowchart-container{margin-bottom:20px;text-align:center}.responsive-image{border:1px solid #555;border-radius:6px;height:auto;margin-bottom:10px;max-width:100%}.caption{color:#aaa;font-size:.9em;font-style:italic}.steps-list,.system-architecture ul{list-style-position:inside;padding-left:0}.steps-list li,.system-architecture li{line-height:1.6;margin-bottom:10px}.steps-list strong{color:#1db954}.get-started-section{background-color:initial!important;box-shadow:none!important;margin-left:auto;margin-right:auto;margin-top:30px;max-width:900px;padding:20px;text-align:center}.get-started-button{background-color:#1db954;border-radius:30px;box-shadow:0 4px 6px #0000001a;color:#fff;display:inline-block;font-size:1.2em;font-weight:700;padding:15px 35px;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.get-started-button:hover{background-color:#1ed760;transform:translateY(-2px)}.visualizer-container{align-items:flex-end;display:flex;gap:4px;height:50px;justify-content:center;margin-bottom:20px}.visualizer-bar{animation-iteration-count:infinite;animation-name:jump;animation-timing-function:ease-in-out;background-color:#1db954;border-radius:2px;width:6px}@keyframes jump{0%{height:5px;opacity:.7}25%{height:30px;opacity:1}50%{height:15px;opacity:.8}75%{height:40px;opacity:1}to{height:5px;opacity:.7}}.visualizer-bar:first-child{animation-delay:.1s;animation-duration:.8s}.visualizer-bar:nth-child(2){animation-delay:.3s;animation-duration:.7s}.visualizer-bar:nth-child(3){animation-delay:0s;animation-duration:.9s}.visualizer-bar:nth-child(4){animation-delay:.2s;animation-duration:.6s}.visualizer-bar:nth-child(5){animation-delay:.4s;animation-duration:.85s}.visualizer-bar:nth-child(6){animation-delay:.15s;animation-duration:.75s}.visualizer-bar:nth-child(7){animation-delay:.25s;animation-duration:.95s}.info-carousel{display:flex;gap:0;height:350px;margin:50px auto;overflow:hidden;padding:20px 0;perspective:1000px;position:relative;width:100%}.info-card-carousel-item{align-items:center;background-color:#141414d9;border:1px solid #1db954;border-radius:8px;box-shadow:0 0 10px #1db95466;color:#e0e0e0;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;left:50%;min-height:200px;opacity:1;padding:20px 15px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:transform .5s ease-out,opacity .5s ease-out,z-index 0s .25s;width:280px}.info-card-carousel-item .info-card-icon{color:#1db954;font-size:2.8em;margin-bottom:12px}.info-card-carousel-item h2{border-bottom:none;color:#1db954;font-size:1.2em;font-weight:600;line-height:1.3;margin-bottom:10px;padding-bottom:0}.info-card-carousel-item.card-center{opacity:1;transform:translate(-50%,-50%) scale(1.1);z-index:3}.info-card-carousel-item.card-left1{opacity:.7;transform:translate(-100%,-50%) translateX(-40px) rotateY(30deg) scale(.9);z-index:2}.info-card-carousel-item.card-right1{opacity:.7;transform:translateY(-50%) translateX(40px) rotateY(-30deg) scale(.9);z-index:2}.info-card-carousel-item.card-left2{opacity:.4;transform:translate(-150%,-50%) translateX(-80px) rotateY(45deg) scale(.8);z-index:1}.info-card-carousel-item.card-right2{opacity:.4;transform:translate(50%,-50%) translateX(80px) rotateY(-45deg) scale(.8);z-index:1}.info-card-carousel-item.card-hidden{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.5);z-index:0}.flip-modal-overlay{align-items:center;animation:fadeInOverlay .3s ease-out forwards;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.flip-modal-backdrop{background-color:#000000d9;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.flip-modal-card-wrapper{cursor:pointer;height:80vh;max-height:550px;max-width:700px;perspective:1500px;position:relative;width:70vw;z-index:1001}.flip-modal-card{border-radius:12px;box-shadow:0 10px 30px #00000080;height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.25,.8,.25,1);width:100%}.flip-modal-card.is-flipped{transform:rotateY(180deg)}.flip-modal-card-back,.flip-modal-card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:25px;position:absolute;width:100%}.flip-modal-card-front{align-items:center;background-color:#282c34;color:#f0f0f0;justify-content:center;text-align:center}.flip-modal-card-front .info-card-icon.modal-icon{color:#1db954;font-size:4em;margin-bottom:20px}.flip-modal-card-front h2{color:#1db954;font-size:2em;font-weight:600;margin-bottom:10px}.flip-modal-card-front .click-to-reveal{color:#a0a0a0;font-size:.9em}.flip-modal-card-back{align-items:flex-start;background-color:#30353d;color:#e0e0e0;justify-content:flex-start;overflow-y:auto;transform:rotateY(180deg)}.flip-modal-card-back h3{border-bottom:1px solid #444;color:#1db954;font-size:1.8em;font-weight:600;margin-bottom:15px;padding-bottom:10px;text-align:center;width:100%}.flip-modal-card-back .card-content-wrapper{display:block;font-size:1em;line-height:1.6;width:100%}.flip-modal-close-button{background:#e63946;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;font-size:1.3em;font-weight:700;height:35px;line-height:31px;position:absolute;right:-15px;text-align:center;top:-15px;transition:transform .2s ease,background-color .2s ease;width:35px;z-index:1002}.flip-modal-close-button:hover{background-color:#d02a37;transform:scale(1.1)}.hero-section{background-color:initial;box-sizing:border-box;color:#fff;height:80vh;justify-content:center;min-height:400px;overflow:visible;padding:20px;position:relative;text-align:center}.hero-section,.synthwave-lines-container{align-items:center;display:flex;z-index:1}.synthwave-lines-container{filter:blur(1px);height:100%;justify-content:space-around;left:0;overflow:hidden;position:absolute;top:0;width:100%}.synthwave-line{animation-duration:3s;animation-iteration-count:infinite;animation-name:waveAnimation;animation-timing-function:ease-in-out;background-color:#1db954;box-shadow:0 0 5px #1db954,0 0 10px #1db954;height:80%;width:2px}@keyframes waveAnimation{0%,to{opacity:.7;transform:scaleY(.1) translateY(0)}50%{opacity:1;transform:scaleY(1) translateY(-20px)}}.hero-content{animation:pulseNeonBox 2s ease-in-out infinite;background-color:#0a0a0a;border:1px solid #1db9544d;border-radius:15px;box-shadow:0 0 5px #1db954,0 0 10px #1db954,0 0 15px #1db954,0 0 20px #1aa34a,0 0 30px #1aa34a;padding:30px 40px;position:relative;z-index:2}@keyframes pulseNeonBox{0%,to{border-color:#1db9544d;box-shadow:0 0 5px #1db954,0 0 10px #1db954,0 0 15px #1db954,0 0 20px #1aa34a,0 0 30px #1aa34a,0 0 35px #1aa34a;transform:scale(1)}50%{border-color:#1db95499;box-shadow:0 0 10px #1db954,0 0 20px #1db954,0 0 30px #1db954,0 0 40px #1aa34a,0 0 50px #1aa34a,0 0 60px #1aa34a;transform:scale(1.02)}}.neon-text-main{animation:flickerNeon 1.5s infinite alternate;color:#fff;font-family:Poppins,sans-serif;font-size:4rem;font-weight:700;margin-bottom:15px;text-shadow:0 0 5px #1db954,0 0 10px #1db954,0 0 20px #1db954,0 0 40px #1aa34a,0 0 80px #1aa34a,0 0 90px #1aa34a,0 0 100px #1aa34a,0 0 150px #1aa34a;text-transform:uppercase}@keyframes flickerNeon{0%,18%,22%,25%,53%,57%,to{text-shadow:0 0 4px #1db954,0 0 11px #1db954,0 0 19px #1db954,0 0 40px #1aa34a,0 0 80px #1aa34a,0 0 90px #1aa34a,0 0 100px #1aa34a,0 0 140px #1aa34a}20%,24%,55%{text-shadow:none}}.typed-text{color:#e0e0e0;font-size:1.5rem;margin-bottom:25px;min-height:2.2rem}.hero-subtitle{color:#b0b0b0;font-size:1.2rem;font-weight:300}@media (max-width:768px){.info-card-placeholder{height:110px;width:130px}.info-card-placeholder .info-card-icon{font-size:2.2em;margin-bottom:8px}.info-card-placeholder h2{font-size:.9em}.flip-modal-card-wrapper{height:75vh;max-height:500px;width:90vw}.flip-modal-card-front h2{font-size:1.6em}.flip-modal-card-front .info-card-icon.modal-icon{font-size:3em}.flip-modal-card-back h3{font-size:1.4em}.flip-modal-card-back .card-content-wrapper{font-size:.9em}.flip-modal-close-button{font-size:1.1em;height:30px;line-height:26px;right:-10px;top:-10px;width:30px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#f0f0f0;font-family:Poppins,sans-serif;margin:0;padding:0}.App{background-color:initial;padding-bottom:60px;position:relative;text-align:center;z-index:0}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#1db954;color:#fff;margin-bottom:30px;padding:10px}.App-header h1{font-size:1.6em;margin:0;min-height:2em}main{margin:0 auto;max-width:900px;padding:0 20px}.search-form{display:flex;gap:10px;margin-bottom:20px}.search-form input[type=text]{background-color:#3b3f46;border:1px solid #555;border-radius:25px;color:#fff;flex-grow:1;font-size:1em;padding:10px 15px}.search-form button{background-color:#1db954;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1em;padding:10px 20px;transition:background-color .2s ease}.search-form button:hover{background-color:#1ed760}.search-form button:disabled{background-color:#555;cursor:not-allowed}.suggestions-list{background-color:#3b3f46;border:1px solid #555;border-radius:5px;box-shadow:0 2px 4px #0003;list-style:none;margin:-10px auto 20px;max-height:200px;max-width:calc(100% - 130px);overflow-y:auto;padding:0}.suggestions-list li{border-bottom:1px solid #555;cursor:pointer;padding:10px 15px;text-align:left}.suggestions-list li:last-child{border-bottom:none}.suggestions-list li:hover{background-color:#1db954}.suggestions-list li em{color:#ccc;font-size:.9em}.error-message{background-color:#4f2c2c;border-radius:5px;color:#ff6b6b;margin-bottom:20px;padding:10px}.recommendations{box-sizing:border-box;left:50%;margin-top:30px;padding-left:20px;padding-right:20px;position:relative;transform:translateX(-50%);width:100vw}.recommendations h2{color:#1db954}.recommendations-grid{align-items:center;display:flex;gap:0;height:450px;margin-top:20px;overflow:hidden;padding-bottom:20px;perspective:1000px;position:relative}.recommendation-card{background-color:#2e3338;border-radius:6px;box-shadow:0 1px 3px #0000004d;display:flex;flex:1 1 220px;flex-direction:column;flex-shrink:1;max-width:260px;min-height:auto;min-width:200px;padding:12px;text-align:left}.recommendations-grid .recommendation-card{cursor:pointer;flex-basis:auto;flex-grow:0;flex-shrink:0;left:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .5s ease-out,opacity .5s ease-out,z-index 0s .25s;width:280px}.recommendation-card.card-center{opacity:1;transform:translate(-50%,-50%) scale(1.1);z-index:3}.recommendation-card.card-left1{opacity:.7;transform:translate(-100%,-50%) translateX(-40px) rotateY(30deg) scale(.9);z-index:2}.recommendation-card.card-right1{opacity:.7;transform:translateY(-50%) translateX(40px) rotateY(-30deg) scale(.9);z-index:2}.recommendation-card.card-left2{opacity:.4;transform:translate(-150%,-50%) translateX(-80px) rotateY(45deg) scale(.8);z-index:1}.recommendation-card.card-right2{opacity:.4;transform:translate(50%,-50%) translateX(80px) rotateY(-45deg) scale(.8);z-index:1}.recommendation-card.card-hidden{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.5);z-index:0}.recommendation-card img{border-radius:4px;margin-bottom:8px;max-height:150px;object-fit:cover;width:100%}.recommendation-card h3{color:#1db954;font-size:1em;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommendation-card p{color:#b0b8c0;flex-grow:0;font-size:.8em;line-height:1.3;margin:0 0 8px}.recommendation-card iframe{border:none;height:80px;margin-bottom:8px;max-width:100%;width:100%}.spotify-link{background-color:#1db954;border-radius:20px;color:#fff;display:inline-block;font-size:.9em;margin-top:auto;padding:6px 10px;text-align:center;text-decoration:none;transition:background-color .2s ease}.spotify-link:hover{background-color:#1ed760}.app-footer{background-color:#1e1e1e;border-top:1px solid #333;bottom:0;color:#aaa;font-size:.8em;left:0;padding:10px 20px;position:fixed;text-align:center;width:100%;z-index:100}.app-footer p{margin:3px 0}.app-footer a{color:#1db954;text-decoration:none}.app-footer a:hover{text-decoration:underline}.app-nav{align-items:center;background-color:#141414d9;border-bottom:1px solid #1db954;display:flex;justify-content:space-between;padding:10px 25px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.app-nav a,.app-nav button{background-color:initial;border:1px solid #0000;border-radius:20px;color:#f0f0f0;cursor:pointer;font-size:.95em;font-weight:500;margin-left:10px;padding:8px 15px;text-decoration:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.app-nav a:first-child,.app-nav button:first-child{margin-left:0}.app-nav a:focus,.app-nav a:hover,.app-nav button:focus,.app-nav button:hover{background-color:#1db954;border-color:#1ed760;box-shadow:0 0 8px #1db95480;color:#fff;outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#282c34}::-webkit-scrollbar-thumb{background:#555;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#1db954}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.input-song-section{background-color:#3b3f46b3;border-radius:8px;box-shadow:0 4px 8px #00000026;margin-bottom:40px;padding:20px;position:relative;z-index:1}.input-song-section h2{color:#1db954;font-size:1.5em;margin-bottom:20px;margin-top:0;text-align:center}.input-song-card{margin:0 auto;max-width:260px}.recommendations-title{color:#1db954;font-size:1.5em;margin-bottom:20px;margin-top:30px}.no-recommendations-message{color:#aaa;font-style:italic;margin-top:20px}.input-song-card iframe{border:none;height:80px;margin-bottom:8px;max-width:100%;width:100%}.recommendation-card.is-vinyl-style{align-items:center;display:flex;flex-direction:column;gap:15px;max-width:320px;min-width:270px;padding:15px;text-align:center;width:300px}.vinyl-container{height:180px;margin-bottom:10px;position:relative;width:180px}.vinyl-disc{background-color:#111;background-position:50%;background-repeat:no-repeat;background-size:cover;border:3px solid #080808;border-radius:50%;box-shadow:0 0 15px #00000080,inset 0 0 10px #0000004d;height:100%;position:relative;transition:transform .5s ease-out;width:100%}.recommendation-card.is-vinyl-style:hover .vinyl-disc{animation:rotateVinyl 8s linear infinite}.vinyl-hole{background-color:#f0f0f0;border:2px solid #ccc;border-radius:50%;box-shadow:inset 0 0 5px #0003;height:25%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:25%}.vinyl-disc:before{border-radius:50%;bottom:5%;box-shadow:inset 0 0 0 1px #ffffff05,inset 0 0 0 2px #0000001a,inset 0 0 0 4px #0000000d,inset 0 0 0 6px #0000000d,inset 0 0 0 8px #0000000d,inset 0 0 0 10px #0000000d;content:"";left:5%;pointer-events:none;position:absolute;right:5%;top:5%}@keyframes rotateVinyl{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.recommendation-card.is-vinyl-style .song-details{align-items:center;display:flex;flex-direction:column;padding:0 10px;width:100%}.recommendation-card.is-vinyl-style .song-details h3{color:#f0f0f0;font-size:1.1em;margin:5px 0;overflow:visible;text-overflow:clip;white-space:normal}.recommendation-card.is-vinyl-style .song-details p{color:#b0b0b0;font-size:.9em;margin:0 0 10px}.recommendation-card.is-vinyl-style .song-details iframe{border:none;border-radius:6px;height:88px;margin-bottom:10px;max-width:100%;width:100%}.recommendation-card.is-vinyl-style .spotify-link{font-size:.85em}.input-song-card.is-vinyl-style{align-items:center;text-align:center}.recommendations-grid{align-items:flex-start}.global-animated-background{background:linear-gradient(135deg,#0a0a0a,#121212 70%,#1f1f1f);height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.global-animated-background .musical-note,.global-animated-background .shape{animation-direction:alternate;animation-iteration-count:infinite;animation-name:floatGlobal;animation-timing-function:ease-in-out;color:#1db954;opacity:.08;position:absolute;will-change:transform,opacity}.global-animated-background .musical-note{font-size:clamp(1.5rem,3vw,2.5rem)}.global-animated-background .shape.shape-0{background-color:currentColor;border-radius:50%;height:clamp(15px,3vw,25px);width:clamp(15px,3vw,25px)}.global-animated-background .shape.shape-1{background-color:currentColor;height:clamp(12px,2.5vw,20px);transform:rotate(45deg);width:clamp(12px,2.5vw,20px)}.global-animated-background .shape.shape-2{border-bottom:clamp(15px,3vw,22px) solid;border-left:clamp(8px,1.5vw,12px) solid #0000;border-right:clamp(8px,1.5vw,12px) solid #0000;height:0;width:0}.global-animated-background .shape.shape-3{background-color:currentColor;height:clamp(1px,.3vw,2px);width:clamp(25px,5vw,40px)}.global-animated-background .shape.shape-4{background-color:currentColor;border-radius:50%;height:clamp(6px,1.2vw,10px);width:clamp(6px,1.2vw,10px)}@keyframes floatGlobal{0%{opacity:.03;transform:translateY(0) rotate(0deg) scale(1)}50%{opacity:.15}to{opacity:.03;transform:translateY(-5vh) rotate(180deg) scale(1.1);transform:translateY(calc(var(--vh, 1vh)*-5)) rotate(180deg) scale(1.1)}}.global-animated-background>div{animation-delay:calc(var(--r)*-10s);animation-duration:calc(10s + var(--r)*10s);left:calc(var(--j)*2.5%);opacity:calc(.05 + var(--r)*.1);top:calc(var(--i)*2.5%);transform:scale(calc(.7 + var(--r)*.6))}.global-animated-background>.note-instance-0,.global-animated-background>.shape-instance-0{--i:5;--j:10;--r:0.1}.global-animated-background>.note-instance-1,.global-animated-background>.shape-instance-1{--i:15;--j:80;--r:0.2}.global-animated-background>.note-instance-2,.global-animated-background>.shape-instance-2{--i:25;--j:30;--r:0.3}.global-animated-background>.note-instance-3,.global-animated-background>.shape-instance-3{--i:35;--j:90;--r:0.4}.global-animated-background>.note-instance-4,.global-animated-background>.shape-instance-4{--i:45;--j:20;--r:0.5}.global-animated-background>.note-instance-5,.global-animated-background>.shape-instance-5{--i:55;--j:70;--r:0.6}.global-animated-background>.note-instance-6,.global-animated-background>.shape-instance-6{--i:65;--j:15;--r:0.7}.global-animated-background>.note-instance-7,.global-animated-background>.shape-instance-7{--i:75;--j:60;--r:0.8}.global-animated-background>.note-instance-8,.global-animated-background>.shape-instance-8{--i:85;--j:35;--r:0.9}.global-animated-background>.note-instance-9,.global-animated-background>.shape-instance-9{--i:95;--j:50;--r:0.15}.global-animated-background>.note-instance-10,.global-animated-background>.shape-instance-10{--i:8;--j:40;--r:0.25}.global-animated-background>.note-instance-11,.global-animated-background>.shape-instance-11{--i:18;--j:5;--r:0.35}.global-animated-background>.note-instance-12,.global-animated-background>.shape-instance-12{--i:28;--j:75;--r:0.45}.global-animated-background>.note-instance-13,.global-animated-background>.shape-instance-13{--i:38;--j:25;--r:0.55}.global-animated-background>.note-instance-14,.global-animated-background>.shape-instance-14{--i:48;--j:85;--r:0.65}.global-animated-background>.shape-instance-15{--i:58;--j:10;--r:0.75}.global-animated-background>.shape-instance-16{--i:68;--j:55;--r:0.85}.global-animated-background>.shape-instance-17{--i:78;--j:30;--r:0.95}.global-animated-background>.shape-instance-18{--i:88;--j:95;--r:0.12}.global-animated-background>.shape-instance-19{--i:98;--j:20;--r:0.22}.global-animated-background>.shape-instance-20{--i:12;--j:65;--r:0.32}.global-animated-background>.shape-instance-21{--i:22;--j:45;--r:0.42}.global-animated-background>.shape-instance-22{--i:32;--j:80;--r:0.52}.global-animated-background>.shape-instance-23{--i:42;--j:15;--r:0.62}.global-animated-background>.shape-instance-24{--i:52;--j:70;--r:0.72}.global-animated-background>.shape-instance-25{--i:62;--j:5;--r:0.82}.global-animated-background>.shape-instance-26{--i:72;--j:85;--r:0.92}.global-animated-background>.shape-instance-27{--i:82;--j:25;--r:0.18}.global-animated-background>.shape-instance-28{--i:92;--j:75;--r:0.28}.global-animated-background>.shape-instance-29{--i:2;--j:55;--r:0.38}.global-animated-background>.shape-instance-30{--i:12;--j:15;--r:0.48}.global-animated-background>.shape-instance-31{--i:22;--j:95;--r:0.58}.global-animated-background>.shape-instance-32{--i:32;--j:35;--r:0.68}.global-animated-background>.shape-instance-33{--i:42;--j:65;--r:0.78}.global-animated-background>.shape-instance-34{--i:52;--j:5;--r:0.88}.global-animated-background>.shape-instance-35{--i:62;--j:80;--r:0.98}.global-animated-background>.shape-instance-36{--i:72;--j:20;--r:0.14}.global-animated-background>.shape-instance-37{--i:82;--j:70;--r:0.24}.global-animated-background>.shape-instance-38{--i:92;--j:40;--r:0.34}.global-animated-background>.shape-instance-39{--i:7;--j:60;--r:0.44}body{background-color:#000}.recommendation-page-content{background-color:#12121299;position:relative;z-index:1}.auth-page{background-color:initial;flex-direction:column;padding:20px 0}.auth-container{background-color:#1d1d1dbf;border-radius:10px;box-shadow:0 5px 15px #0000004d;max-width:450px;position:relative;z-index:1}.cursor{animation:blinkCursor .7s infinite;color:#1db954;display:inline-block;font-weight:700}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}body,html{height:100%}.auth-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 120px);padding:20px}.auth-container{border-radius:8px;box-shadow:0 4px 15px #0003;max-width:400px;padding:30px 40px;text-align:center;width:100%}.auth-container h2{color:#1db954;font-size:2em;margin-bottom:25px}.auth-form .form-group{margin-bottom:20px;text-align:left}.auth-form label{color:#e0e0e0;display:block;font-weight:700;margin-bottom:8px}.auth-form input[type=email],.auth-form input[type=password]{background-color:#2c2f36;border:1px solid #555;border-radius:5px;box-sizing:border-box;color:#fff;font-size:1em;padding:12px 15px;width:100%}.auth-form input[type=email]:focus,.auth-form input[type=password]:focus{border-color:#1db954;box-shadow:0 0 0 2px #1db9544d;outline:none}.auth-button{background-color:#1db954;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1.1em;font-weight:700;margin-top:10px;padding:12px 20px;transition:background-color .2s ease;width:100%}.auth-button:hover{background-color:#1ed760}.auth-page .error-message{background-color:initial;color:#ff6b6b;margin-bottom:15px;padding:0;text-align:center}.switch-auth-link{color:#b3b3b3;margin-top:20px}.switch-auth-link a{color:#1db954;font-weight:700;text-decoration:none}.switch-auth-link a:hover{text-decoration:underline}
/*# sourceMappingURL=main.d19901d2.css.map*/