*{box-sizing:border-box}:root{--b:#0d347b;--b2:#214d8d;--mut:#657b98;--bg:#f1f5fa}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:#17345e}
.topbar{height:115px;background:linear-gradient(110deg,#102e6b,#214e91);color:#fff;display:flex;align-items:center;padding:0 30px;gap:20px}
.logo{width:58px;height:70px;border:3px solid #ffffff40;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:800;background:#ffffff12}
.brand{font-size:30px;font-weight:800}.sub{font-size:20px;color:#d7e0f1;margin-top:3px}
main{max-width:1160px;margin:35px auto 70px;padding:0 20px}.steps{display:flex;align-items:flex-start;justify-content:center;max-width:850px;margin:0 auto 38px}
.step{width:84px;text-align:center;color:#627a98;font-size:15px}.step span{margin:auto;display:flex;width:50px;height:50px;border-radius:50%;align-items:center;justify-content:center;background:#e4ebf4;font-size:19px;font-weight:700}
.step b{display:block;margin-top:10px}.step.active{color:#082c6c}.step.active span{background:#0b3482;color:#fff;outline:6px solid #d7e0ee}.steps i{height:3px;background:#dde5ef;flex:1;margin-top:24px}
.card{background:#fff;border-radius:26px;padding:44px 45px 38px;box-shadow:0 12px 35px #1d3b6412}.heading{display:flex;align-items:center;gap:15px;margin-bottom:42px}
.person{width:49px;height:49px;border-radius:12px;background:linear-gradient(135deg,#123878,#3474e9);display:flex;align-items:center;justify-content:center;font-size:24px}
h1{font-size:27px;color:#082c6c;margin:0 0 8px}.heading p{font-size:19px;color:#647996;margin:0}
label{display:block;color:#062b6b;font-weight:800;font-size:16px;letter-spacing:.5px;margin:0 0 10px}
input{width:100%;height:64px;border:2px solid #dce5ef;background:#f4f7fb;border-radius:14px;padding:0 22px;font-size:19px;color:#294361;outline:none;margin-bottom:30px}
input:focus{border-color:#2e67c7;box-shadow:0 0 0 4px #2e67c71a;background:#fff}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
details{border-top:1px solid #e3e9f2;padding-top:15px;margin-top:5px}summary{cursor:pointer;color:#123878;font-weight:800;padding:12px 0 25px}
.actions{display:flex;justify-content:flex-end;margin-top:15px}button{border:0;border-radius:12px;background:#123878;color:#fff;padding:15px 34px;font-size:17px;font-weight:800;cursor:pointer}
button:disabled{opacity:.6}.msg{padding:15px 18px;border-radius:12px;margin:-15px 0 25px;font-weight:700}.ok{background:#e9f8ef;color:#176738}.err{background:#fff0f0;color:#a12424}
.hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important}
@media(max-width:700px){.topbar{height:auto;padding:22px 18px}.brand{font-size:23px}.sub{font-size:15px}main{padding:0 12px}.steps{transform:scale(.86);transform-origin:center top;margin-bottom:12px}.card{padding:28px 20px}.two{grid-template-columns:1fr}.heading{margin-bottom:30px}input{height:58px;font-size:17px}}
