* { box-sizing: border-box; }
html { font-size: 16px; -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #eff3f7; color: #172331; font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; line-height: 1.65; }
main { max-width: 880px; margin: 0 auto; padding: 24px 20px 44px; }
h1 { margin: 0 0 8px; font-size: 1.75rem; line-height: 1.4; }
h2 { margin: 24px 0 8px; font-size: 1.125rem; }
p { margin: 8px 0 16px; }
a { color: #075ca8; text-decoration: underline; }
.intro { color: #415369; }
.quality { margin: 20px 0 14px; }
.quality a { display: inline-block; padding: 10px 24px; margin: 0 8px 8px 0; border: 2px solid #1768a6; border-radius: 6px; font-weight: 600; text-decoration: none; }
.quality a.active { background: #125e98; color: #fff; }
.screen { overflow: hidden; background: #071627; border-radius: 8px; }
video { display: block; width: 100%; height: auto; min-height: 120px; background: #071627; }
.status { min-height: 1.65em; color: #314863; margin-top: 12px; }
.direct { display: inline-block; padding: 8px 0; }
.checks { padding: 18px 20px; margin: 20px 0; background: #fff; border: 1px solid #c9d5e1; border-radius: 8px; }
.checks h2 { margin-top: 0; }
.checks label { display: block; padding: 8px 0; cursor: pointer; }
input[type=checkbox] { width: 21px; height: 21px; margin: 0 10px 0 0; vertical-align: middle; }
button { font: inherit; border: 1px solid #125e98; border-radius: 6px; background: #125e98; color: #fff; padding: 10px 16px; min-height: 44px; cursor: pointer; }
textarea { width: 100%; min-height: 190px; margin-top: 12px; padding: 12px; font: inherit; font-size: 1rem; border: 1px solid #8c9bb0; border-radius: 4px; background: #fff; color: #172331; }
.hint { color: #465a6e; font-size: 1rem; }
.foot { border-top: 1px solid #c9d5e1; padding-top: 16px; margin-top: 28px; }
a:focus, button:focus, input:focus, textarea:focus { outline: 3px solid #de8a00; outline-offset: 3px; }
@media (max-width: 480px) { main { padding: 20px 14px 32px; } h1 { font-size: 1.5rem; } .quality a { padding: 9px 20px; } .checks { padding: 15px; } }