.animated-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.animated-background:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:300%;background:linear-gradient(135deg,#313131,#1b1b1b);transform:rotate(var(--rotation, 0deg));transition:transform 1.2s cubic-bezier(.4,0,.2,1)}@media(max-width:768px){.animated-background:before{top:-200%;left:-200%;width:500%;height:500%}}@media(min-width:769px)and (max-width:1024px){.animated-background:before{top:-100%;left:-100%;width:300%;height:300%}}.navbar{display:flex;justify-content:space-between;align-items:center;position:sticky;z-index:100;top:0;padding:1em 2em;background:#000000e6;color:#fff;border-bottom:2px solid rgba(165,166,167,.4)}.nav-left{display:flex;align-items:center;gap:1em}.nav-right{display:flex;gap:1.5em;font-size:1.3em}.logo img{width:3em;height:3em;object-fit:cover}.name{font-size:2em;font-weight:700}.nav-right a:hover{background:gray}.nav-right a:active{background:#d3d3d3;color:#fff}@media(max-width:768px){.navbar{flex-direction:column;gap:1em}.nav-right{width:100%;justify-content:center}.name{font-size:1.7em}}.music-player{position:fixed;bottom:3em;left:97em;width:20em;border-radius:1em;padding:1em;z-index:1000;background:#444;color:#fff;animation:slideIn 1s cubic-bezier(.68,-.55,.265,1.55)}@keyframes slideIn{0%{transform:translate(29em);opacity:0}to{transform:translate(0);opacity:1}}.player-header{display:flex;align-items:center;gap:1em;margin-bottom:.2em;padding-bottom:.3em}.song-icon{width:3em;height:3em;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:1.5em;font-weight:700;flex-shrink:0}.player-info{flex:1;min-width:0}.player-title{font-size:.85em;font-weight:700;color:#fff;margin-bottom:.2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-time{font-size:.85em;color:#d0d0d0;font-weight:500}.close-button{width:2em;height:2em;display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;border-radius:50%;color:#fff;font-size:1.2em;cursor:pointer;flex-shrink:0}.close-button:hover{text-shadow:0 0 8px rgba(255,255,255,.7)}.progress-bar{width:100%;height:.3em;border-radius:.12em;position:relative;background:#e0e0e0;overflow:hidden;cursor:pointer;margin-bottom:1em;transition:transform .4s}.progress-bar:hover{transform:scaleY(1.5);transform-origin:center}.progress-fill{height:100%;background:linear-gradient(90deg,#393f61,#4e77ad);transition:width .1s linear}.player-controls{display:flex;justify-content:center;align-items:center;gap:.8em}.control-btn{width:2.3em;height:2.3em;font-size:1.2em;background:#505050;border:1px solid #383838;color:#fff;border-radius:50%}.control-btn:hover{background:#838181;border-color:#747781;transform:scale(1.05)}.control-btn:active{background:#858686;transform:scale(.95)}.loop-btn.active{background:#858686}@media(max-width:768px){.music-player{width:20em;bottom:2em;left:1.5em;right:1.5em}.player-title{font-size:1em}.control-btn{width:2.5em;height:2.5em}}@media(min-width:769px)and (max-width:1024px){.music-player{width:20em;bottom:2em;left:20em;right:20em}}.home{display:flex;justify-content:center;flex-direction:column;align-items:center;min-height:calc(100vh - 5.4em);padding:2em}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3em;margin-bottom:3em}.hero-image{display:flex;justify-content:center;align-items:center;position:relative;width:18em;height:18em}.hero-image:before{content:"";position:absolute;inset:-.01em;border-radius:50%;background:conic-gradient(from 0deg,#8d8c8c,#b9b9b9,#fff,#fff);filter:blur(1em);animation:rotateGlow 10s linear infinite;z-index:-1}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-icon{width:18em;height:18em;border:2px solid rgba(133,133,133,.3);border-radius:50%;box-shadow:0 10px 40px #0000004d;object-fit:cover;z-index:1}.hero-content{color:#fff;max-width:38em}.hero-content h1{font-size:3.5em;font-weight:700;margin-bottom:.5em;text-shadow:2px 2px 8px rgba(0,0,0,.3)}.hero-about{font-size:1.3em;line-height:1.6em}@media(max-width:768px){.hero{flex-direction:column;text-align:center;gap:1.5em}.hero-image{width:14em;height:14em}.hero-image:before{inset:-.008em;filter:blur(.8em)}.hero-icon{width:14em;height:14em}.hero-content h1{font-size:2em}.hero-content p{font-size:1em}}.music-page{display:flex;min-height:calc(100vh - 5.4em);color:#fff}.music-content{flex:1;padding:2em}.search-bar{margin-bottom:1.5em;text-align:center}.search-bar input{width:100%;max-width:37.5em;padding:1em;border:2px solid #ccc;border-radius:.5em;font-size:1em;transition:border-color .2s}.search-bar input:focus{border-color:#4b5377;outline:none}.song-list{display:flex;flex-direction:column;gap:1em;padding:1em;max-width:75em;margin:0 auto}.song-card{display:flex;align-items:center;max-width:75em;padding:1.5em;background:#3d424b;border:1px solid #0a0a0a;border-radius:.5em;transition:all .2s}.song-details{flex:1}.song-title{font-size:1.25em;font-weight:700;margin-bottom:.5em}.song-tags{display:flex;flex-wrap:wrap;gap:.5em}.song-actions{display:flex;align-items:center;gap:1em}.song-duration{min-width:3.125em;font-size:1em;font-weight:500;text-align:right}.play-btn-card{width:3.75em;height:3.75em;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s;font-size:1em;border:none;border-radius:15%}.play-btn-card:hover{background-color:#bebebe;color:#392da5;cursor:pointer;transform:scale(1.1)}@media(max-width:768px){.music-page{flex-direction:column}.sidebar{width:100%;text-align:center;border-right:none;border-bottom:2px solid #1a1a1a;padding:1em}.music-content{padding:1em}.song-card{flex-direction:column;text-align:center}.song-icon{width:5em;height:5em}}.contact-page{min-height:calc(100vh - 5.4em);padding:3rem 2rem;display:flex;justify-content:center;align-items:center;color:#fff}.contact-form-container{max-width:50em;width:100%;border:2px solid rgba(255,255,255,.1);border-radius:1em;padding:3em}.contact-form-header{margin-bottom:2em;text-align:center}.contact-form-header h1{font-size:2.5em;margin:0 0 .5em}.contact-form-header p{font-size:1.2em;margin:0}.contact-form,.form-section{display:flex;flex-direction:column;gap:1.5em}.form-section h3{font-weight:700;font-size:1.3em;margin:0;padding-bottom:.5em;border-bottom:2px solid rgba(255,255,255,.1)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1}.form-group{display:flex;flex-direction:column;gap:.5em}.form-group label{font-weight:500;font-size:.95em}.form-group input,.form-group select,.form-group textarea{padding:.75em;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:.37em;color:#fff;font-size:1em;font-family:inherit;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#fff;background:#ffffff1f;box-shadow:0 0 5px #ffffff80}.form-group input::placeholder,.form-group select::placeholder{color:#fff6}.form-group select:hover,.form-group input:hover,.form-group textarea:hover{background:#ffffff1f}.form-group select:hover{cursor:pointer}.form-group select option{background:#303030;color:#fff}.submit-btn{border:none;border-radius:.5em;padding:1em 2em;font-size:1.1em;font-weight:700;cursor:pointer;transition:all .3s;margin-top:1em;background:#ffffff1f;color:#fff}.submit-btn:hover:not(:disabled){background:#fff3;box-shadow:0 0 5px #ffffff80}.submit-btn:disabled{background:#ffffff0d;color:#fff6;cursor:not-allowed;box-shadow:none}@media(max-width:768px){.contact-page{padding:2em 1em}.contact-form-container{padding:1em}.form-row{grid-template-columns:1fr}.contact-form-header h1{font-size:2em}}.app,.App{min-height:100vh;overflow-x:hidden}.page{padding:2rem;min-height:calc(100vh - 5.4em);display:flex;align-items:center;justify-content:center}.page h1{font-size:3rem;color:#fff}body,html{overflow-x:hidden}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}button{font-family:inherit;cursor:pointer}a{text-decoration:none;color:inherit}