*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#0a0e27;background-image:radial-gradient(at 0 0,rgba(138,43,226,.15) 0,transparent 50%),radial-gradient(at 100% 0,rgba(30,144,255,.15) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(255,20,147,.15) 0,transparent 50%);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{min-height:100vh;padding-bottom:3rem}.search-header{background:rgba(15,23,42,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(138,43,226,.2);padding:2.5rem 0;box-shadow:0 8px 32px rgba(0,0,0,.4);margin-bottom:3rem}.search-form{max-width:900px;margin:0 auto}.search-title{text-align:center;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#a78bfa,#ec4899 50%,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2rem;text-shadow:0 0 40px rgba(167,139,250,.5)}.error-message{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:1rem;border-radius:12px;border:1px solid rgba(239,68,68,.3);text-align:center;margin-bottom:1.5rem;font-weight:500;-webkit-animation:shake .5s;animation:shake .5s;box-shadow:0 4px 20px rgba(239,68,68,.3)}@-webkit-keyframes shake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}75%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}75%{-webkit-transform:translateX(10px);transform:translateX(10px)}}.search-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.input-group label{display:block;font-weight:600;color:#e2e8f0;margin-bottom:.5rem;font-size:1rem}.search-input{width:100%;padding:1rem 1.25rem;border:2px solid rgba(139,92,246,.3);border-radius:12px;font-size:1rem;-webkit-transition:all .3s ease;transition:all .3s ease;background:rgba(30,41,59,.5);color:#e2e8f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-input::-webkit-input-placeholder{color:#94a3b8}.search-input::-moz-placeholder{color:#94a3b8}.search-input:-ms-input-placeholder{color:#94a3b8}.search-input::-ms-input-placeholder{color:#94a3b8}.search-input::placeholder{color:#94a3b8}.search-input:focus{outline:none;border-color:#a78bfa;background:rgba(30,41,59,.8);box-shadow:0 0 0 4px rgba(167,139,250,.2),0 0 20px rgba(167,139,250,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.search-button{width:100%;padding:1.25rem;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;box-shadow:0 4px 20px rgba(139,92,246,.4);position:relative;overflow:hidden}.search-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(hsla(0,0%,100%,.2)),to(transparent));background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);-webkit-transition:left .5s;transition:left .5s}.search-button:hover:before{left:100%}.search-button:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 8px 30px rgba(139,92,246,.6)}.search-button:active{-webkit-transform:translateY(0);transform:translateY(0)}.content-wrapper{max-width:1400px;margin:0 auto;padding:0 1rem}.artist-card{background:rgba(30,41,59,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(139,92,246,.2);border-radius:20px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.5);-webkit-transition:all .3s ease;transition:all .3s ease;height:100%}.artist-card:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);border-color:rgba(167,139,250,.4);box-shadow:0 15px 50px rgba(139,92,246,.3)}.artist-image-wrapper{position:relative;overflow:hidden}.artist-image{width:100%;height:300px;object-fit:cover;display:block}.artist-genre{position:absolute;bottom:1rem;right:1rem;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;padding:.5rem 1.25rem;border-radius:25px;font-weight:600;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(139,92,246,.4)}.artist-content{padding:2rem}.artist-name{font-size:2rem;font-weight:700;color:#e2e8f0;margin-bottom:1.5rem;text-align:center;background:linear-gradient(135deg,#a78bfa,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.artist-details{display:grid;grid-gap:.75rem;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background:rgba(15,23,42,.5);border-radius:12px;border:1px solid rgba(139,92,246,.2)}.detail-item{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;color:#cbd5e1;font-size:.95rem}.detail-icon{font-size:1.2rem;-webkit-filter:drop-shadow(0 0 5px rgba(167,139,250,.5));filter:drop-shadow(0 0 5px rgba(167,139,250,.5))}.bio-title{font-size:1.2rem;font-weight:600;color:#a78bfa;margin-bottom:.75rem}.artist-bio{color:#cbd5e1;line-height:1.7;margin-bottom:1.5rem;max-height:200px;overflow-y:auto}.artist-bio::-webkit-scrollbar{width:6px}.artist-bio::-webkit-scrollbar-track{background:rgba(30,41,59,.5);border-radius:10px}.artist-bio::-webkit-scrollbar-thumb{background:-webkit-gradient(linear,left top,left bottom,from(#8b5cf6),to(#ec4899));background:linear-gradient(180deg,#8b5cf6,#ec4899);border-radius:10px}.artist-bio::-webkit-scrollbar-thumb:hover{background:-webkit-gradient(linear,left top,left bottom,from(#a78bfa),to(#f472b6));background:linear-gradient(180deg,#a78bfa,#f472b6)}.social-links{display:flex;grid-gap:1rem;gap:1rem;padding-top:1rem}.social-link{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;-webkit-transition:all .3s ease;transition:all .3s ease;text-decoration:none;border:2px solid transparent}.social-link i{font-size:1.5rem}.social-link.facebook{background:rgba(59,89,152,.2);color:#8b9dc3;border-color:rgba(59,89,152,.3)}.social-link.twitter{background:rgba(29,161,242,.2);color:#8ecdf8;border-color:rgba(29,161,242,.3)}.social-link:hover{-webkit-transform:scale(1.1) rotate(5deg);transform:scale(1.1) rotate(5deg);box-shadow:0 5px 20px rgba(139,92,246,.4)}.social-link.facebook:hover{background:#3b5998;color:#fff;border-color:#3b5998}.social-link.twitter:hover{background:#1da1f2;color:#fff;border-color:#1da1f2}.social-link.website{background:rgba(139,92,246,.2);color:#a78bfa;border-color:rgba(139,92,246,.3)}.social-link.website:hover{background:#8b5cf6;color:#fff;border-color:#8b5cf6}.lyrics-card{background:rgba(30,41,59,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(139,92,246,.2);border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.5);overflow:hidden;height:100%;display:flex;flex-direction:column;-webkit-transition:all .3s ease;transition:all .3s ease}.lyrics-card:hover{border-color:rgba(167,139,250,.4);box-shadow:0 15px 50px rgba(139,92,246,.3)}.lyrics-header{background:linear-gradient(135deg,#8b5cf6,#ec4899);padding:1.5rem 2rem;box-shadow:0 4px 20px rgba(139,92,246,.3)}.lyrics-header h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0;border:none;padding:0;text-shadow:0 2px 10px rgba(0,0,0,.2)}.lyrics-content{padding:2rem;overflow-y:auto;flex:1 1;max-height:800px}.lyrics-content::-webkit-scrollbar{width:8px}.lyrics-content::-webkit-scrollbar-track{background:rgba(30,41,59,.5);border-radius:10px}.lyrics-content::-webkit-scrollbar-thumb{background:-webkit-gradient(linear,left top,left bottom,from(#8b5cf6),to(#ec4899));background:linear-gradient(180deg,#8b5cf6,#ec4899);border-radius:10px}.lyrics-content::-webkit-scrollbar-thumb:hover{background:-webkit-gradient(linear,left top,left bottom,from(#a78bfa),to(#f472b6));background:linear-gradient(180deg,#a78bfa,#f472b6)}.letra{white-space:pre-line;line-height:1.6;color:#e2e8f0;font-size:1.05rem;margin:0}.letra:before{content:"";display:block;margin-bottom:-.5rem}@media (max-width:768px){.search-title{font-size:1.8rem}.search-inputs{grid-template-columns:1fr}.artist-image{height:250px}.lyrics-content{max-height:400px}}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.artist-card,.lyrics-card{-webkit-animation:fadeIn .6s ease-out;animation:fadeIn .6s ease-out}.error-card{display:flex;align-items:center;justify-content:center;min-height:400px}.error-content{text-align:center;padding:2rem}.error-icon{font-size:4rem;margin-bottom:1.5rem;-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}@-webkit-keyframes pulse{0%,to{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.8}}.error-title{font-size:1.8rem;font-weight:700;color:#f472b6;margin-bottom:1rem}.error-text{color:#e2e8f0;font-size:1.1rem;margin-bottom:1rem;line-height:1.6}.error-text strong{color:#a78bfa;font-weight:600}.error-hint{color:#94a3b8;font-size:.95rem;font-style:italic;line-height:1.5}.loader-container{display:flex;align-items:center;justify-content:center;min-height:500px}.loader{text-align:center}.music-note{font-size:5rem;-webkit-animation:bounce 1s infinite;animation:bounce 1s infinite;display:inline-block;-webkit-filter:drop-shadow(0 0 20px rgba(167,139,250,.6));filter:drop-shadow(0 0 20px rgba(167,139,250,.6))}@-webkit-keyframes bounce{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}25%{-webkit-transform:translateY(-20px) rotate(-10deg);transform:translateY(-20px) rotate(-10deg)}50%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}75%{-webkit-transform:translateY(-10px) rotate(10deg);transform:translateY(-10px) rotate(10deg)}}@keyframes bounce{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}25%{-webkit-transform:translateY(-20px) rotate(-10deg);transform:translateY(-20px) rotate(-10deg)}50%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}75%{-webkit-transform:translateY(-10px) rotate(10deg);transform:translateY(-10px) rotate(10deg)}}.loader-text{margin-top:2rem;font-size:1.5rem;font-weight:600;background:linear-gradient(135deg,#a78bfa,#ec4899 50%,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:pulse 1.5s infinite;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}
/*# sourceMappingURL=main.f3c9f861.chunk.css.map */