body{margin:0;background:#f2f5fa;color:#22344a;font-family:system-ui,sans-serif}main{max-width:960px;margin:40px auto;padding:0 20px}header span{font-size:14px;color:#356adb}h1{font-size:28px;overflow-wrap:anywhere}p,footer{color:#65758b;line-height:1.7}section{padding:20px;background:#fff;border-radius:16px;box-shadow:0 8px 30px #1832500a}video{width:100%;max-height:65vh;background:#111;border-radius:8px}.bar{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;margin-top:16px;font-size:14px}button{border:0;background:#356adb;color:#fff;padding:12px 24px;border-radius:8px;cursor:pointer}select{padding:6px}footer{margin-top:24px;font-size:13px}@media(max-width:600px){main{margin-top:24px;padding:0 12px}h1{font-size:23px}section{padding:12px}}