*{box-sizing:border-box}body{margin:0;background:#0b1320;color:#e7eef7;font:15px/1.6 Inter,Arial,sans-serif}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;border-bottom:2px solid #ffc400}header strong{letter-spacing:2px}header span{letter-spacing:0;font-weight:400;margin-left:14px}nav{display:flex;gap:16px}a{color:#ffc400}main{max-width:1440px;margin:auto;padding:24px}h1{font-size:24px;margin:0}p{color:#a8bbce}video{display:block;width:100%;max-height:72vh;background:#050a12;border:1px solid #34465b;border-radius:6px}.chapters{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px;margin:20px 0}button{font:inherit;padding:10px 12px;text-align:left;border:1px solid #34465b;border-radius:6px;background:#172334;color:#e7eef7;cursor:pointer}button:hover,button:focus-visible{outline:2px solid #ffc400;outline-offset:2px}button span{color:#ffc400;margin-right:10px}@media(max-width:650px){header{align-items:flex-start;flex-direction:column}main{padding:16px}}