:root{font-family:Arial,Helvetica,sans-serif;color:#142b40;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}header{background:#123858;color:white;padding:22px 5%;display:flex;justify-content:space-between;align-items:center;gap:16px}header strong{font-size:20px}header small{display:block;color:#c8deec;margin-top:7px}nav a{color:white;margin-inline:10px;text-decoration:none}main{max-width:980px;margin:55px auto;padding:0 20px}.panel{background:white;border:1px solid #dce5ee;border-radius:14px;padding:32px;box-shadow:0 6px 20px #142b4010}.panel.narrow{max-width:450px;margin:auto}h1{margin-top:0;font-size:27px}p{line-height:1.7;color:#4c6478}label{display:block;margin:18px 0 7px;font-weight:bold}input{width:100%;padding:13px;border:1px solid #b6c8d8;border-radius:8px;font-size:16px}button,.button{background:#17639b;color:white;border:0;border-radius:8px;padding:12px 20px;font-size:15px;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:wait}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.note{background:#eef5fb;padding:14px;border-radius:8px;color:#37546b}.error{color:#a12828}.ok{color:#176b43}.hidden{display:none}footer{max-width:980px;margin:30px auto;padding:0 20px;color:#687d8c;font-size:13px}a{color:#17639b}@media(max-width:600px){header{display:block}nav{margin-top:16px}main{margin-top:25px}.panel{padding:22px}}