*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#193749;font:17px Arial,sans-serif}header{background:#123347;color:white;padding:24px max(20px,calc((100vw - 1100px)/2))}header p{font-weight:bold;color:#ebbf6c}header a{color:white}main{max-width:1100px;margin:auto;padding:24px 20px}h1{font-size:32px}h2{font-size:24px}h3{font-size:21px}p{line-height:1.5}a{color:#164d79}input{display:block;font:inherit;width:100%;padding:14px;border:1px solid #b5c5d0;border-radius:8px;margin-top:10px}article{background:white;border:1px solid #d4dfe7;padding:20px;border-radius:12px;margin:12px 0}button{font:inherit;background:#153e57;color:white;border:0;border-radius:8px;padding:12px 18px;cursor:pointer}#player{background:white;border:1px solid #bcccd8;border-radius:12px;padding:20px;margin-top:20px}iframe{width:100%;aspect-ratio:16/9;border:0;background:#112f40}#resources{display:flex;gap:16px;flex-wrap:wrap;margin:18px 0}[hidden]{display:none!important}@media(max-width:600px){main{padding:20px 12px}header{padding:20px}h1{font-size:28px}article,#player{padding:16px}}