:root{font-family:Arial,sans-serif;color:#f1f4fa;background:#101d35;color-scheme:dark;line-height:1.65}*{box-sizing:border-box}body{margin:0}header{max-width:1050px;margin:auto;padding:22px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #304260}.brand{font-weight:bold;letter-spacing:2px;color:#e7ca7f;text-decoration:none}main{max-width:980px;margin:auto;padding:30px 22px 60px}h1{font-size:clamp(30px,5vw,48px);line-height:1.12;margin:12px 0 20px}h2{font-size:24px;line-height:1.25;margin:8px 0 18px}h3{font-size:26px;line-height:1.25}.intro{padding:18px 0 35px}.intro p{max-width:730px;color:#c7d1e2}.eyebrow{color:#d9bd76;font-size:11px;font-weight:bold;letter-spacing:2px}.guide,.card{padding:28px;background:#192a46;border:1px solid #304260;border-radius:15px;margin-bottom:24px}.guide-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}button,.button{border:1px solid #63728b;border-radius:8px;padding:11px 16px;background:#223957;color:white;text-decoration:none;font:inherit;font-size:14px;cursor:pointer;display:inline-block;min-height:44px}button:hover,.button:hover{background:#2c476c}.primary{background:#c9a447;color:#12213d;border-color:#c9a447;font-weight:bold}.primary:hover{background:#e2bf65}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #edca6e;outline-offset:3px}.links{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.navigation{display:flex;justify-content:space-between;gap:12px;margin-top:24px}label{display:block;margin:15px 0 8px}select{width:100%;padding:13px;margin-bottom:20px;background:#12213d;color:white;border:1px solid #60718e;border-radius:8px;font:inherit}progress{width:100%;height:9px;accent-color:#c9a447;margin-bottom:15px}.action{font-weight:bold;color:#efd88e}.check{padding:18px;background:#12213d;border-left:3px solid #c9a447;border-radius:6px;margin-top:22px}.check p{margin:5px 0 0}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}.metrics article{background:#12213d;padding:17px;border-radius:9px}.metrics span{display:block;font-size:13px}.metrics strong{display:block;font-size:26px;color:#e8c97b}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;padding:12px;border-bottom:1px solid #425473}th{color:#ddc384}svg{max-height:240px;width:100%}.small,footer{font-size:12px;color:#b2bfd4}fieldset{border:1px solid #425473;border-radius:8px;margin:20px 0;padding:20px}legend{padding:0 8px;font-weight:bold}fieldset label{display:flex;gap:10px;align-items:flex-start;font-size:14px}input[type=radio]{margin-top:6px;accent-color:#c9a447;min-width:18px;min-height:18px}.feedback{color:#ecd591}.incorrect{color:#ffc5b9}video{width:100%;max-height:550px;border-radius:9px;background:#12213d}#chapters button{font-size:12px}footer{padding-top:20px}[hidden]{display:none!important}@media(max-width:600px){main{padding:18px 14px}.guide,.card{padding:20px 16px}h2{font-size:21px}h3{font-size:23px}.metrics{grid-template-columns:1fr}.brand{font-size:12px}.guide-top{align-items:center}#counter{white-space:nowrap;font-size:12px}.links .button{flex:1;text-align:center}header{padding:15px}}
