body{margin:0;font-family:Arial,sans-serif;background:#0f1720;color:#e6edf3}header{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:#14202c}.logo{font-size:24px;font-weight:700}.logo span{color:#2fb5a8}nav a{color:#9fb3c8;margin-left:20px;text-decoration:none}main{max-width:1000px;margin:auto;padding:32px}.player{background:#000;aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px}.play{font-size:64px;color:#2fb5a8}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}article{background:#14202c;padding:16px;border-radius:8px}footer{text-align:center;color:#6b7c8f;padding:24px}