*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f3f6fb;color:#18243b}header{background:#142f58;color:white;padding:24px 5%}header strong{font-size:22px}main{max-width:960px;margin:42px auto;padding:0 18px}.card{background:white;border-radius:16px;padding:28px;box-shadow:0 8px 30px #172e5015;margin-bottom:20px}h1{font-size:clamp(25px,4vw,38px);margin-top:0}p{line-height:1.6;color:#526078}label{display:block;margin:14px 0 6px;font-weight:bold}input{width:100%;padding:12px;border:1px solid #b9c5d5;border-radius:8px;font-size:16px}button,.btn{display:inline-block;background:#1667c1;color:white;padding:13px 20px;border:0;border-radius:9px;text-decoration:none;font-weight:bold;cursor:pointer;margin-top:16px}.note{background:#e9f3ff;border-radius:10px;padding:14px;color:#234d79}.error{background:#ffe9e9;padding:12px;border-radius:8px;color:#8c1b1b}.ok{background:#e6f7ef;padding:12px;border-radius:8px;color:#14613d}@media(max-width:600px){main{margin:22px auto}.card{padding:20px}}
nav{margin-bottom:20px}nav a{color:#1667c1}.item{border-top:1px solid #e3eaf3;padding:16px 0}.item p{margin:8px 0}.secondary{background:#54677f}h2{margin-top:0}button:hover,.btn:hover{filter:brightness(.93)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #78b4ff;outline-offset:2px}