.op-intro{max-width:700px;margin:15px 0 28px}.op-kicker{font-size:10px!important;letter-spacing:.16em;font-weight:700;color:#a13c0b!important;margin:0 0 12px!important}.op-intro h2{font-size:36px;letter-spacing:-1px;margin:0 0 15px}.op-intro>p{font-size:14px;line-height:1.8;color:#777}.op-form,.op-login{background:#fff;border:1px solid #e3dfd7;border-radius:18px;padding:30px;max-width:850px;margin:25px 0 45px}.op-form{display:grid;gap:20px}.op-form label{font-size:12px;font-weight:600;display:flex;flex-direction:column;gap:8px;min-width:0}.op-form input,.op-form textarea{font:inherit;font-size:14px;border:1px solid #d8d3ca;border-radius:9px;padding:12px;background:#faf9f6;box-shadow:none;color:#222;width:100%;min-height:45px;max-width:100%}.op-form input[readonly]{background:#eeeae3;color:#5d4b40}.op-form textarea{resize:vertical}.op-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.op-form .op-hint{font-size:10px;line-height:1.7;color:#777;margin:0}.op-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px}.op-form-bottom p{font-size:11px;color:#777;line-height:1.7;max-width:400px;margin:0}.op-form button{font-size:12px;min-height:46px;flex-shrink:0}.op-form button:disabled{opacity:.5;cursor:wait}.op-result{max-width:850px;padding:25px;border-radius:14px;margin:25px 0}.op-result h3{font-size:24px;margin:0 0 13px}.op-result p{font-size:13px;margin-bottom:20px}.op-result.is-success{background:#fff0e6;border:1px solid #ffd4b9}.op-result.is-error{background:#ffeae5;color:#8a2a10}.op-login h3{font-size:25px;margin-top:0}.op-login p{font-size:14px;color:#777}.op-form[hidden],.op-result[hidden]{display:none!important}@media(max-width:700px){.op-intro h2{font-size:29px}.op-form,.op-login{padding:23px 18px}.op-grid{grid-template-columns:1fr}.op-form-bottom{align-items:stretch;flex-direction:column;gap:17px}.op-form input,.op-form textarea{font-size:16px}}
