.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal{animation:popIn .25s ease-out;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;padding:2rem;position:relative;width:320px}.modal-close{background:none;border:none;color:#555;cursor:pointer;font-size:1.5rem;font-weight:700;position:absolute;right:14px;top:14px;transition:.2s}.modal-close:hover{color:#000;transform:scale(1.1)}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}*{box-sizing:border-box;margin:0;padding:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{animation:spin 1s linear infinite}body{background-color:#f4f6f8;color:#333;font-family:Helvetica Neue,sans-serif;font-size:16px;line-height:1.6}@media (max-width:1024px){body{font-size:15px}}@media (max-width:768px){body{font-size:14px}}@media (max-width:480px){body{font-size:13px}}h1,h2,h3{font-weight:600;margin-bottom:1rem}@media (max-width:768px){h1{font-size:1.8rem}h2{font-size:1.5rem}h3{font-size:1.3rem}}@media (max-width:480px){h1{font-size:1.6rem}h2{font-size:1.3rem}h3{font-size:1.1rem}}a{color:#1db954;text-decoration:none}button{cursor:pointer;transition:background .3s ease,transform .2s ease}button:hover{transform:scale(1.02)}.container{margin:2rem auto;max-width:800px;padding:1rem}.center{text-align:center}.primary-btn{background:#1db954;border:none;border-radius:8px;color:#fff;font-size:1rem;padding:.75rem 1.5rem}.secondary-btn{background:#eee;border:1px solid #ccc;border-radius:6px;color:#333;padding:.5rem 1rem}@media (max-width:768px){.primary-btn{font-size:.9rem;padding:.7rem 1.3rem}.secondary-btn{font-size:.9rem;padding:.45rem .9rem}}@media (max-width:480px){.primary-btn{font-size:.85rem;padding:.65rem 1.1rem}.secondary-btn{font-size:.85rem;padding:.4rem .8rem}}.card{background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1rem}.track-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
/*# sourceMappingURL=main.d8fec894.css.map*/