*{box-sizing:border-box}body{margin:0;background:#edf3fa;font:16px system-ui,Arial;color:#182b45}main{max-width:520px;margin:auto;padding:22px 16px 60px}header{display:flex;gap:12px;align-items:center;margin-bottom:25px}.logo{background:#276fb7;color:white;border-radius:14px;font-weight:800;padding:13px 17px;font-size:25px}h1{margin:0;font-size:24px}header p{margin:2px 0;color:#667991}section{background:white;border-radius:18px;padding:20px;margin:16px 0;box-shadow:0 6px 25px #16345a12}h2{font-size:19px;margin:3px 0 19px}label{display:block;font-size:14px;font-weight:650;margin:12px 0}input,select,textarea{display:block;width:100%;font:inherit;border:1px solid #bbcadb;border-radius:10px;padding:12px;margin-top:7px;background:#fff;color:#182b45}input:focus,select:focus,textarea:focus{outline:2px solid #438dd5}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}button{border:0;border-radius:10px;background:#276fb7;color:white;font:inherit;font-weight:700;padding:13px 18px;width:100%;cursor:pointer}.ghost{width:auto;background:#e9f1fa;color:#275681}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.hint{font-size:13px;color:#5b6e84;line-height:1.5}.item{padding:12px 0;border-bottom:1px solid #e5edf5}.item small{display:block;color:#667991;margin-top:5px}#message{color:#b12b2b;font-weight:600}#message.ok{color:#137345}