:root{font-family:Arial,sans-serif;color:#172033;background:#f5f7fa;line-height:1.5}body{margin:0}header,footer{background:#102a43;color:#fff;padding:1rem max(5vw,1rem)}header h1{margin:.1rem 0;font-size:1.6rem}.brand{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;margin:0}.card{background:#fff;max-width:760px;margin:1.5rem auto;padding:clamp(1rem,4vw,2rem);border-radius:10px;box-shadow:0 2px 10px #102a4320}label{display:block;font-weight:700;margin:1rem 0}input{display:block;width:100%;box-sizing:border-box;padding:.7rem;margin-top:.3rem;border:1px solid #66788a;border-radius:4px;font:inherit}.check{font-weight:400}button{background:#0b6e69;color:#fff;border:0;border-radius:4px;padding:.72rem 1rem;margin:.35rem .3rem .35rem 0;font:inherit;font-weight:700;cursor:pointer}button:disabled{background:#66788a;cursor:not-allowed}button:focus,input:focus{outline:3px solid #f4b942;outline-offset:2px}.notice{border-left:4px solid #0b6e69;padding-left:1rem}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.5rem;color:#000}video{width:100%;background:#172033;max-height:420px}.controls{margin-top:1rem}#privacy-shield{background:#172033;color:#fff;padding:2rem}footer{text-align:center;margin-top:3rem;font-size:.9rem}@media(max-width:600px){.card{margin:1rem;border-radius:0}button{width:100%;margin:.35rem 0}}
