html,body,#root{min-height:100%;margin:0;overflow-x:hidden}#root{display:block}.home:before{content:"";pointer-events:none;opacity:.4;z-index:-1;background-image:radial-gradient(#ffffff0a 1px,#0000 1px);background-size:50px 50px;position:fixed;inset:0}.home{color:#fff;z-index:1;background:radial-gradient(circle at top,#1a1a1a 0%,#0f0f0f 60%);flex-direction:column;justify-content:flex-start;align-items:center;height:auto;min-height:100dvh;padding:4rem 1rem 6rem;font-family:Poppins,sans-serif;display:flex;position:relative}.title{-webkit-text-fill-color:transparent;color:#0000;background:linear-gradient(90deg,#fff,#b0c7ff);-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:3rem}.projects{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;width:100%;max-width:800px;animation:.8s forwards fadeUp;display:grid}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card:before{content:"";opacity:0;background:linear-gradient(120deg,#0000,#7896ff26,#0000);border-radius:12px;transition:opacity .3s;position:absolute;inset:0}.card:hover:before{opacity:1}.card{color:#fff;-webkit-backdrop-filter:blur(10px)saturate(120%);cursor:pointer;text-align:center;background:#1a1a1ab3;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem;font-size:1.2rem;text-decoration:none;transition:all .2s;display:flex;position:relative}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.card:hover{background:linear-gradient(145deg,#1f1f1f,#151515);animation:6s ease-in-out infinite float;transform:translateY(-5px)scale(1.02);box-shadow:0 10px 20px #0009,0 0 12px #ffffff0d}.card:active{transform:scale(.98)}.footer{color:#fff6;letter-spacing:.5px;text-align:center;margin-top:2rem;font-size:.9rem}.counter{background:radial-gradient(circle at top,#1b1b1b 0%,#0b0b0b 60%);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.counter-card{-webkit-backdrop-filter:blur(12px);text-align:center;background:#ffffff08;border-radius:20px;padding:3rem 4rem;animation:.6s popIn;box-shadow:0 20px 40px #0009}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.number{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff,#7aa2ff);-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:5rem}.buttons-container{gap:1.5rem;display:flex}.increment-but,.decrement-but,.reset-but{color:#fff;cursor:pointer;background:#141419cc;border:1px solid #ffffff14;border-radius:999px;padding:.8rem 1.8rem;font-size:1.3rem;transition:all .2s;position:relative;overflow:hidden}.increment-but:hover,.decrement-but:hover,.reset-but:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0009,0 0 12px #7896ff33}.increment-but:active,.decrement-but:active,.reset-but:active{box-shadow:none;transform:scale(.95)}.reset-but{background:linear-gradient(135deg,#ff4d4d,#b30000)}.reset-but:hover{box-shadow:0 0 15px #ff505066}.home-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;z-index:1000;background:#141419cc;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;text-decoration:none;transition:all .2s;display:flex;position:fixed;top:20px;left:20px;transform:translateZ(0);box-shadow:0 8px 20px #00000080}.home-btn:hover{background:#7896ff33;transform:scale(1.1)}.todo{background:radial-gradient(circle at top,#1a1a1a 0%,#0b0b0b 60%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.todo-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;scrollbar-width:none;-ms-overflow-style:none;background:#ffffff08;border-radius:20px;max-height:90vh;padding:3rem 4rem;animation:.8s popIn;overflow-y:auto;box-shadow:0 20px 40px #0009}.todo-card::-webkit-scrollbar{display:none}.input-bar{color:#fff;background:#14141914;border:1px solid #ffffff14;border-radius:12px;outline:none;width:100%;margin-bottom:1rem;padding:.8rem 1rem;font-size:1rem}.input-bar::placeholder{color:#fff6}.input-bar:focus{border-color:#7896ff80;box-shadow:0 0 10px #7896ff4d}.submit-button{color:#000;cursor:pointer;background:linear-gradient(195deg,#4facfe,#00f2fe);border:none;border-radius:999px;margin-bottom:1.5rem;padding:.7rem 1.5rem;font-weight:600;transition:all .2s}.submit-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4facfe66}ul{margin:0;padding:0;list-style:none}li{color:#a8a8a8;text-align:left;will-change:transform,opacity;background:#ffffff0d;border-radius:10px;justify-content:space-between;align-items:center;margin:.5rem 0;padding:.7rem 1rem;transition:all .25s;animation:.3s slideIn;display:flex}li.removing{opacity:0;transform:translate(20px)}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}li span{cursor:pointer;transition:color .2s}li.done span{color:#fff6;opacity:.5;text-decoration:line-through}.delete-button{color:#ff6b6b;cursor:pointer;background:0 0;border:none;font-size:1.1rem;transition:transform .2s}.delete-button:hover{transform:scale(1.2)}.empty{color:#fff6;margin-top:1rem;font-size:.9rem}.clear-completed{color:#000;cursor:pointer;background:linear-gradient(195deg,#fe4f4f,#fe0000);border:none;border-radius:999px;margin-bottom:1.5rem;padding:.7rem 1.5rem;font-weight:600;transition:all .2s}li:hover{background:#ffffff14;transform:scale(1.02)}.meals{color:#fff;scrollbar-width:none;background:radial-gradient(circle at top,#1a1a1a 0%,#0b0b0b 60%);flex-direction:column;align-items:center;height:100vh;padding:3rem 2rem;display:flex;overflow-y:auto}.loading{color:#fff9;margin-top:5rem;font-size:1.2rem;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;width:100%;max-width:1100px;margin-top:3rem;display:grid}.grid::-webkit-scrollbar{display:none}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffff0a;border-radius:16px;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 10px 30px #0009}.card:after{content:"";opacity:0;transition:opacity .3 ease;background:linear-gradient(#0000,#0006);position:absolute;inset:0}.card:hover{transform:translateY(-6px)scale(1.02);box-shadow:0 20px 40px #000c}.card:hover:after{opacity:1}.card img{object-fit:cover;width:100%;height:180px;display:block}.content{flex-direction:column;gap:.3rem;padding:1rem;display:flex}.content p:first-child{font-size:1rem;font-weight:600}.content p:last-child{color:#fff6;font-size:.75rem}.search-bar{color:#fff;background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;outline:none;width:100%;max-width:400px;margin-top:2rem;padding:.6rem 1rem}.chips{flex-wrap:wrap;justify-content:center;gap:.8rem;margin:1.5rem 0;display:flex}.chip{color:#fff;cursor:pointer;transition:all .2 ease;background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;padding:.4rem 1rem;font-size:.9rem}.chip.hover{background:#ffffff26}.chip.active{color:#000;background:linear-gradient(135deg,#4facfe,#00f2fe);font-weight:600}.surprise{cursor:pointer;background:linear-gradient(135deg,#ffb347,#fc3);border:none;border-radius:999px;margin:1rem 0 2rem;padding:.6rem 1.4rem;font-weight:600;transition:all .2s}.surprise:hover{transform:translateY(-2px);box-shadow:0 6px 15px #ffb44666}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{scrollbar-width:none;background:#1e1e1ef2;border-radius:16px;width:90%;max-width:600px;max-height:90vh;padding:2rem;animation:.3s modalIn;overflow-y:auto;box-shadow:0 20px 50px #000c}.modal::-webkit-scrollbar{display:none}.modal img{border-radius:12px;width:100%;margin-bottom:1rem}@keyframes modalIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal h2{margin-bottom:.5rem}.modal p{color:#fffc;font-size:.95rem;line-height:1.4}.close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;width:32px;height:32px;font-size:1.2rem;position:absolute;top:12px;right:12px}.calculator{background:radial-gradient(circle at top,#1a1a1a 0%,#0b0b0b 60%);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.calculator-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border-radius:20px;width:320px;padding:2rem;animation:.6s floatIn;box-shadow:0 30px 60px #000000b3,inset 0 0 0 1px #ffffff0d}@keyframes floatIn{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}.screen{color:#4facfe;text-align:right;scrollbar-width:none;background:linear-gradient(145deg,#000,#0b0b0b);border-radius:16px;margin-bottom:1rem;padding:1.1rem 1.2rem;font-size:2rem;overflow-x:auto;box-shadow:inset 0 0 10px #000000b3}.keypad{grid-template-columns:repeat(4,1fr);gap:.7rem;display:grid}.btn{color:#fff;cursor:pointer;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border:none;border-radius:14px;padding:1rem;font-size:1.2rem;transition:all .15s;box-shadow:0 6px 12px #00000080,inset 0 0 0 1px #ffffff0a}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #4facfe40,inset 0 0 0 1px #ffffff14}.btn:active{transform:scale(.95);box-shadow:inset 0 0 12px #000c}.equals{color:#000;background:linear-gradient(135deg,#4facfe,#00f2fe);font-weight:700;box-shadow:0 10px 25px #00f2fe66}.clear-button{color:#000;background:linear-gradient(135deg,#ff4d4d,#b30000);border-radius:12px;grid-column:span 2;font-weight:600;box-shadow:0 10px 25px #ff4d4d59}.clear-button:hover{transform:translateY(-2px);box-shadow:0 15px 35px #ff4d4d99}.clear-button:active{transform:scale(.95);box-shadow:inset 0 0 12px #000000b3}.backspace-button{color:#fff;background:linear-gradient(135deg,#2b2b2b,#1a1a1a);border-radius:12px;grid-column:span 2;font-size:1.3rem;box-shadow:0 8px 8px #00000080}.backspace-button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #4facfe40}.backspace-button:active{transform:scale(.95)}.toggle-bg{justify-content:center;align-items:center;min-height:100vh;transition:background .8s;display:flex;position:relative;overflow:hidden}.toggle-bg.light{color:#000;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.toggle-bg.dark:before{content:"";background:radial-gradient(1px 1px #ffffff0a,transparent);opacity:.2;background-size:50px 50px;position:absolute;inset:0}.toggle-bg.dark{color:#fff;background:radial-gradient(circle at top,#1a1a1a,#000)}.toggle-bg.dark:after{content:"";opacity:.7;pointer-events:none;background-image:radial-gradient(1px 1px at 10px 10px,#ffffffe6,#0000),radial-gradient(1px 1px at 40px 60px,#ffffffb3,#0000),radial-gradient(2px 2px at 80px 30px,#fff,#0000),radial-gradient(1px 1px at 120px 90px,#fffc,#0000),radial-gradient(2px 2px at 160px 50px,#ffffffe6,#0000);background-size:120px 120px;animation:6s infinite alternate twinkle;position:absolute;inset:0}@keyframes twinkle{0%{opacity:.3}to{opacity:.8}}.toggle-card h1{transition:color .5s,transform .5s}.toggle-bg.dark .toggle-card{box-shadow:0 0 40px #7896ff26,0 20px 40px #0009}.toggle-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#ffffff1a;border-radius:20px;flex-direction:column;align-items:center;gap:1rem;padding:3rem;animation:.5s pop;display:flex;box-shadow:0 20px 40px #00000080}@keyframes pop{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}.keyhint{opacity:.6;margin-top:1rem;font-size:.9rem}.switch{cursor:pointer;background:#ffffff05;border-radius:999px;width:80px;height:36px;margin-top:.5rem;transition:background .4s;position:relative}.switch.on{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 0 12px #4facfe99}.thumb{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:transform .4s;display:flex;position:absolute;top:3px;left:4px;box-shadow:0 4px 10px #0006}.switch.on .thumb{transform:translate(42px)}.hidden-search{background:radial-gradient(circle at top,#1a1a1a,#000);justify-content:center;align-items:center;min-height:100vh;display:flex}.search-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border-radius:999px;justify-content:center;align-items:center;width:56px;height:56px;padding:1.5rem;transition:width .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0009}.search-container.open{width:280px;padding:.25rem}.search-container input{color:#fff;opacity:0;background:0 0;border:none;outline:none;flex:1;width:0;padding:0 .5rem 0 1rem;font-size:1rem;transition:opacity .3s,width .3s}.search-container.open input{opacity:1}.search-button{cursor:pointer;color:#000;background:linear-gradient(135deg,#4dacfe,#00f2fe);border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.1rem;transition:transform .2s,box-shadow .2s;display:flex}.search-container:not(.open) .search-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.search-container.open .search-button{width:45px;height:45px;margin-left:auto;margin-right:0;position:relative;transform:none}.search-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4facfe80}.testimonials-page{color:#fff;perspective:1200px;background:radial-gradient(circle at top,#1a1a1a,#000);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.testimonials-page .slider{width:320px;height:420px;position:relative}.testimonials-page .card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#ffffff14;border-radius:20px;padding:2rem;transition:transform .7s,opacity .7s;position:absolute;inset:0;box-shadow:0 20px 40px #0009}.testimonials-page .card img{border-radius:50px;width:80px;height:80px;margin-bottom:1rem}.testimonials-page .card h3{margin:.3rem 0}.testimonials-page .card p{margin:1rem 0;font-size:.85rem}.testimonials-page .stars{color:gold;letter-spacing:2px}.testimonials-page .card.active{opacity:1;z-index:3;transform:translateZ(0)scale(1);box-shadow:0 0 30px #4facfe66,0 20px 40px #0009}.testimonials-page .card.next{opacity:.6;z-index:2;transform:translate(140px)rotateY(-25deg)scale(.85)}.testimonials-page .card.prev{opacity:.6;z-index:2;transform:translate(-140px)rotateY(25deg)scale(.85)}.testimonials-page .card.hidden{opacity:0;z-index:1;transform:scale(.6)}.testimonials-page .controls{gap:1rem;margin-top:2rem;display:flex}.testimonials-page .controls button{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:999px;padding:.6rem 1rem;transition:all .2s}.testimonials-page .controls button:hover{color:#000;background:linear-gradient(135deg,#4facfe,#00f2fe)}.type{background:#ffffff26;border-radius:999px;padding:.2rem .6rem;font-size:.7rem}.accordion-page{color:#fff;background:radial-gradient(circle at top,#1a1a1a,#000);justify-content:center;align-items:center;min-height:100vh;padding-top:4rem;display:flex}.accordion-title{margin-bottom:2rem;font-size:2rem}.accordion{width:90%;max-width:600px}.accordion-item{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border-radius:14px;margin-bottom:1rem;overflow:hidden}.accordion-header{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.2rem;font-size:1rem;display:flex}.accordion-header:hover{background:#ffffff0d}.icon{font-size:1.5rem;transition:transform .3s}.accordion-item.open .icon{transform:rotate(180deg)}.accordion-content{opacity:.85;padding:0 1.2rem 1rem;font-size:.9rem}.form-page{background:radial-gradient(circle at top,#1a1a1a,#000);justify-content:center;align-items:center;min-height:100vh;display:flex}.form-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#ffffff14;border-radius:18px;width:100%;max-width:380px;padding:2rem 2.5rem;transition:transform .3s,box-shadow .3s;box-shadow:0 20px 40px #0009}.form-card:hover{transform:translateY(-4px);box-shadow:0 30px 60px #000c}.field{margin-bottom:1.2rem}.field input{color:#fff;background:0 0;border:1px solid #fff3;border-radius:10px;outline:none;width:100%;padding:.7rem 1rem}.field input:focus{border-color:#4facfe;box-shadow:0 0 0 2px #4facfe4d}.field input.error{border-color:#ff4d4d}.error-text{color:#ff6b6b;margin-top:.3rem;font-size:.75rem;animation:.3s shake;display:block}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-4px)}to{transform:translate(0)}}.form-card button{cursor:pointer;background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:999px;width:100%;margin-top:1rem;padding:.7rem;font-weight:600}.form-card button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4facfe80}.form-card button:active{transform:scale(.96)}.form-card h2{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff,#7aa2ff);-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;margin-bottom:2rem;font-size:2rem;display:flex}.ecommerce-page{color:#fff;box-sizing:border-box;background:radial-gradient(circle at top,#1a1a1a,#000);flex-direction:column;min-height:100dvh;padding:2rem 1.5rem;display:flex;overflow-x:hidden}.ecom-title{text-align:center;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff,#7aa2ff);-webkit-background-clip:text;background-clip:text;margin-bottom:2.5rem;font-size:2.2rem}.products-grid{scrollbar-width:none;scroll-behavior:smooth;box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-content:start;gap:1.5rem;max-width:1200px;margin-inline:auto;padding:0 .5rem 2rem;display:grid;overflow-y:auto}@media (max-width:1200px){.products-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:900px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.product-card{width:100%;max-width:100%}.product-card img{height:130px}}.products-grid::-webkit-scrollbar{width:6px}.products-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.product-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;box-sizing:border-box;cursor:pointer;background:#ffffff14;border-radius:18px;flex-direction:column;justify-content:space-between;padding:1rem;transition:transform .25s,box-shadow .25s;display:flex;position:relative;box-shadow:0 10px 30px #0009}.product-card:after{content:"";opacity:0;background:linear-gradient(135deg,#4facfe26,#00f2fe1a);border-radius:18px;transition:all .3s;position:absolute;inset:0}.product-card:hover{transform:translateY(-6px)scale(1.02);box-shadow:0 20px 40px #000c,0 0 20px #7896ff40}.product-card:hover:after{opacity:1}.product-card img{object-fit:cover;border-radius:12px;width:100%;height:160px;margin-bottom:.8rem}.product-card h3{margin:.3rem 0;font-size:1.1rem}.product-card p{opacity:.7;font-size:.85rem}.product-card span{color:#4facfe;margin-top:.4rem;font-weight:600;display:block}.rating{color:gold;margin-top:.4rem;font-size:.9rem}.filters{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.filters input,.filters select{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:999px;outline:none;min-width:180px;padding:.6rem 1.2rem}.filters input::placeholder{color:#fff9}.filters option{color:#fff;background:#111}.weather-page{color:#fff;background:radial-gradient(circle at top,#1a1a1a,#000);flex-direction:column;align-items:center;min-height:100vh;padding:3rem 1.5rem;display:flex}.weather-title{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff,#7aa2ff);-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:2.2rem}.weather-search{gap:.8rem;margin-bottom:2rem;display:flex}.weather-search input{color:#fff;background:#ffffff1a;border:none;border-radius:999px;outline:none;width:200px;padding:.7rem 1rem}.weather-search button{cursor:pointer;background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:999px;padding:.7rem 1.4rem;font-weight:600}.weather-search button:hover{opacity:.9}.status{color:#7aa2ff;margin-top:1rem}.error{color:#ff6b6b;margin-top:1rem}.weather-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#ffffff14;border-radius:18px;margin-top:2rem;padding:2rem 2.5rem;animation:.5s fadeIn;box-shadow:0 20px 40px #0009}.weather-card h2{margin-bottom:.5rem;font-size:1.5rem}.temp{color:#4facfe;font-size:3rem;font-weight:700}.desc{text-transform:capitalize;opacity:.8;margin-top:.3rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.music-page{color:#fff;background:radial-gradient(circle at top,#1a1a1a,#000);justify-content:center;align-items:center;min-height:100vh;display:flex}.player-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#ffffff14;border-radius:20px;width:320px;max-width:90vw;padding:2rem;transition:transform .3s,box-shadow .3s;box-shadow:0 20px 40px #0009}.player-card:hover{transform:scale(1.02)translateY(-2px);box-shadow:0 0 15px #4facfe80,0 0 40px #00f2fe33}.cover{object-fit:cover;border-radius:12px;width:180px;height:180px;margin:1rem}.controls{justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.controls button{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;width:50px;height:50px;font-size:1.2rem;transition:transform .3s}.controls button:hover{transform:scale(1.1)}.progress{accent-color:#4facfe;width:95%;margin:1rem 0}.volume{align-items:center;gap:.5rem;margin-top:1rem;display:flex}.volume input{accent-color:#00f2fe;width:90%}.progress:hover,.volume input:hover{filter:drop-shadow(0 0 6px #4facfe)}.play-button{color:#000;background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 0 15px #4facfe80,0 0 40px #00f2fe33}.play-button:hover{box-shadow:0 0 25px #4facfe,0 0 60px #00f2fe}*{box-sizing:border-box;border:none;margin:0;padding:0;font-family:Poppins,sans-serif}html,body,#root{background:#000;width:100%;min-height:100%;overflow:hidden auto}