*{box-sizing:border-box}body{color:#1c2c41;background:#f3f5f8;margin:0;font-family:Arial,sans-serif}main{background:#fff;border:1px solid #dde4ed;border-radius:16px;max-width:780px;margin:7vh auto;padding:36px}header{justify-content:space-between;align-items:center;gap:20px;display:flex}.brand{letter-spacing:2px;color:#145c80;font-weight:700}.tag{background:#edf3f8;border-radius:20px;padding:8px 12px;font-size:13px}h1{margin-top:38px;font-size:30px}p,footer{color:#566478;line-height:1.6}button{color:#fff;cursor:pointer;background:#12668b;border:0;border-radius:8px;padding:14px 22px;font-size:16px}button:disabled{opacity:.65;cursor:wait}button:focus-visible{outline-offset:3px;outline:3px solid #f5aa37}section{background:#f7f9fc;border-radius:10px;min-height:100px;margin-top:28px;padding:18px}dl{grid-template-columns:1fr 1fr;gap:18px;display:grid}dd{margin:0;font-weight:600}.ok{color:#197047}.error{color:brown}footer{margin-top:30px;font-size:13px}@media (width<=600px){main{margin:16px;padding:22px}header{flex-direction:column;align-items:start;gap:12px}h1{font-size:25px}dl{grid-template-columns:1fr;gap:10px}dd{margin-bottom:10px}}