*{box-sizing:border-box}
:root{--blue:#0570b9;--text:#666;--border:#d8d8d8}
html,body{margin:0;background:#fff;font-family:"Open Sans",Arial,sans-serif;color:var(--text)}
body{font-size:13px}.page{padding:8px 12px 18px}.card{max-width:980px;margin:0 auto}
.top{margin-bottom:42px}.title-wrap{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.title-wrap h1{font-size:29px;line-height:1;margin:0;color:#056aa7;font-weight:400}
.title-wrap span{font-size:18px;color:#8e8e8e;font-weight:400}
.line{height:1px;background:#cfcfcf;margin:7px 0 8px}
.breadcrumb{font-size:9px;color:#969696}.breadcrumb b{padding:0 11px;color:#b2b2b2}.breadcrumb .active{color:#006aa9}
.alert{padding:10px 12px;margin:0 0 20px;border-radius:3px}.alert.error{background:#f8dddd;border:1px solid #e4a7a7;color:#9f3131}
fieldset{border:0;border-top:1px solid #d6d6d6;margin:0 0 31px;padding:24px 0 0;position:relative}
legend{position:absolute;top:-11px;left:0;width:100%;text-align:center;padding:0}
legend span{background:#fff;padding:0 14px;color:#006aa9;font-size:14px}
.legend-note{text-align:center;margin:-9px 0 19px;color:#006aa9;font-style:italic;font-size:11px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:13px 24px}.grid-1{display:grid;grid-template-columns:1fr;gap:12px}
.grid-address{display:grid;grid-template-columns:1fr 1.28fr .72fr;gap:24px}
.field{display:block}.input-icon,.phone-box{position:relative;display:flex;align-items:center}
.input-icon .icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:12px;opacity:.5;z-index:2}
input,select{width:100%;height:30px;border:1px solid var(--border);border-radius:2px;background:#fff;color:#555;font:inherit;padding:5px 10px;outline:none}
.input-icon input,.input-icon select{padding-left:30px}.input-icon select{appearance:auto}
input:focus,select:focus{border-color:#69aee0;box-shadow:0 0 0 1px rgba(53,139,196,.12)}
.phone-box{border:1px solid var(--border);height:30px;border-radius:2px;overflow:hidden;background:#fff}
.phone-box .prefix{height:100%;display:flex;align-items:center;padding:0 10px;border-right:1px solid #e4e4e4;background:#fafafa;color:#555;white-space:nowrap}
.phone-box input{border:0;height:28px;border-radius:0}.phone-box input:focus{box-shadow:none}
.stack{display:flex;flex-direction:column;gap:5px;font-size:9px;color:#5f6870;text-transform:uppercase}
.stack input{font-size:12px;text-transform:none}.stack small{font-size:9px;text-transform:none;color:#999}
.eye{position:absolute;right:5px;border:0;background:transparent;cursor:pointer;font-size:13px;opacity:.65}
.btn-mini{margin-top:10px;border:1px solid #bcbcbc;background:#fff;border-radius:2px;font-size:10px;padding:5px 9px;cursor:pointer;color:#444}
.strength{height:16px;background:#f2f2f2;border:1px solid #ededed;border-radius:2px;margin-top:10px;overflow:hidden}
.strength div{height:100%;width:0;background:#bbb;transition:.25s}
.strength-text{text-align:center;font-size:9px;color:#777;margin:4px 0 0}
.security-note{text-align:center;font-size:10px;color:#777;margin-top:13px}
.terms-box{border:1px solid #e7aaaa;border-radius:3px;margin-top:13px}
.terms-box header{background:#f2d6d6;color:#bd4d4d;padding:8px 11px;font-size:13px;border-bottom:1px solid #e8c1c1}
.terms-box label{display:flex;align-items:flex-start;gap:8px;padding:16px 10px 17px;font-size:10px;color:#666}
.terms-box input[type=checkbox]{width:auto;height:auto;margin-top:1px}.terms-box a{color:#006aa9;text-decoration:none}
.actions{text-align:center;padding:16px 0 0}.btn-primary{background:#2f88c7;border:1px solid #267db9;color:#fff;border-radius:3px;padding:7px 14px;font-size:11px;cursor:pointer}
.btn-primary:hover{background:#247cb9}
@media(max-width:720px){.page{padding:12px}.top{margin-bottom:35px}.grid-2,.grid-address{grid-template-columns:1fr;gap:12px}.title-wrap h1{font-size:26px}.title-wrap span{font-size:15px}fieldset{margin-bottom:34px}}