.panel{max-width:620px;margin:40px auto;padding:32px;border:1px solid var(--line);border-radius:16px;background:var(--white)}
.panel h1{font-size:34px}
.field{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.field input{flex:1;min-width:220px;font:inherit;font-size:20px;letter-spacing:.06em;padding:12px 14px;border:2px solid var(--line);border-radius:10px;text-transform:uppercase}
.field input:focus{outline:3px solid #9DB8CF;border-color:var(--blue)}
.msg{min-height:1.5em;font-size:16px}
.msg.err{color:#8a2a14}.msg.ok{color:#1d5b33}
.or{display:flex;align-items:center;gap:12px;color:var(--muted);margin:26px 0}
.or:before,.or:after{content:"";flex:1;border-top:1px solid var(--line)}
.codebox{font-size:30px;font-weight:700;letter-spacing:.08em;background:var(--soft);border-radius:12px;padding:16px;text-align:center;margin:16px 0}
@media (max-width:600px){.panel{margin:16px;padding:20px}.panel h1{font-size:28px}}