*{box-sizing:border-box}body{color:#fff;background:#030305;margin:0;font-family:Inter,Arial}.app{background:radial-gradient(circle,#5b1ca5,#050505 55%);min-height:100vh;padding:30px}header{justify-content:space-between;display:flex}.logo{letter-spacing:5px;font-size:36px;font-weight:900}.logo span{color:#b15cff}.online{color:#0f9}.hero{text-align:center;padding:45px}h1{font-size:48px}button,select{color:#fff;background:#151225;border:1px solid #9b5cff;border-radius:12px;margin:5px;padding:12px}.grid{grid-template-columns:1fr .8fr 1fr;gap:20px;display:grid}.panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#11101bdb;border:1px solid #4a3370;border-radius:24px;margin-top:20px;padding:25px}.wave{color:#b15cff;background:#080810;justify-content:center;align-items:center;height:150px;display:flex}.track{cursor:pointer;background:#211936;border-radius:12px;justify-content:space-between;margin:8px 0;padding:15px;display:flex}@media (width<=900px){.grid{grid-template-columns:1fr}h1{font-size:34px}}