*{box-sizing:border-box}body{margin:0;font-family:Arial;background:var(--bg,#f3f4f6);color:#172033}header{text-align:center;background:#fff;padding:24px;border-bottom:1px solid #ddd}.logo{max-width:180px;max-height:70px;vertical-align:middle;margin-right:10px}.hero,.panel{max-width:900px;margin:35px auto;background:#fff;padding:35px;border-radius:18px;box-shadow:0 8px 30px #0001}.player{background:#172033;color:#fff;padding:20px;border-radius:15px;display:flex;gap:15px;align-items:center;justify-content:center;flex-wrap:wrap}.player button,button{border:0;border-radius:9px;background:var(--primary,#6d28d9);color:#fff;padding:12px 20px;cursor:pointer}.player button{border-radius:50%;width:55px;height:55px}.player input{accent-color:var(--primary)}label{display:block;margin-top:15px;font-weight:bold}input{width:100%;padding:12px;margin-top:7px;border:1px solid #ccd2dc;border-radius:8px}a{color:var(--primary,#6d28d9)}.ok{background:#e8f7ee;padding:10px}