*{box-sizing:border-box}
body{margin:0;min-height:100vh;font-family:Verdana,Arial,sans-serif;background:radial-gradient(circle at 18% 12%,#2f439b 0,#151b47 34%,#070916 78%);color:#fff}
.portal{min-height:100vh;display:grid;place-items:center;padding:28px}
.card{width:min(720px,100%);background:linear-gradient(145deg,rgba(9,13,35,.96),rgba(7,9,24,.94));border:1px solid rgba(255,255,255,.13);border-radius:28px;padding:34px;box-shadow:0 30px 90px rgba(0,0,0,.48)}
.brand{display:grid;grid-template-columns:106px 1fr;gap:18px;align-items:center;margin-bottom:28px}
.brand-mark{width:106px;height:88px;display:grid;place-items:center;background:transparent;overflow:visible;border:0;box-shadow:none;padding:0}
.brand-mark img{width:96px;height:86px;object-fit:contain;display:block}
h1{margin:0 0 8px;font-size:34px;line-height:1.08;letter-spacing:-.03em}
p{margin:0;color:#cbd2ff;line-height:1.55}
.form{display:grid;gap:16px}
.form label{display:block;margin:0 0 8px;font-weight:700;color:#edf0ff;line-height:1.2}
.form input,.form select{width:100%;padding:15px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:#121833;color:#fff;font-size:16px;outline:none}
.form input:focus,.form select:focus{border-color:#23d7ff;box-shadow:0 0 0 3px rgba(35,215,255,.14)}
.form button{margin-top:10px;border:0;border-radius:17px;padding:16px 18px;background:linear-gradient(135deg,#20d2f6,#f0189b);color:#fff;font-size:17px;font-weight:800;cursor:pointer;box-shadow:0 18px 36px rgba(240,24,155,.22)}
.alert{border-radius:15px;padding:14px 16px;margin-bottom:18px}
.alert.error{background:#541824;color:#ffdbe2;border:1px solid rgba(255,99,132,.24)}
.alert.success,.done{background:#103d30;color:#bdffe9;border:1px solid rgba(77,255,196,.2)}
.client-box{background:#11162f;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px;line-height:1.7;margin-bottom:20px}
.antibot-box{width:min(360px,100%);background:rgba(15,22,54,.72);border:1px solid rgba(35,215,255,.18);border-radius:12px;padding:8px 10px;display:grid;gap:5px}
.antibot-box>label{color:#9feaff;text-transform:uppercase;font-size:9px;letter-spacing:.08em}
.antibot-row{display:grid;grid-template-columns:auto 92px;gap:9px;align-items:center}
.antibot-question{display:inline-flex;align-items:center;justify-content:center;min-width:82px;padding:6px 9px;border-radius:10px;background:rgba(0,215,255,.11);border:1px solid rgba(0,215,255,.22);font-size:17px;font-weight:900;color:#fff}
.antibot-timer{margin-top:3px;color:#b7c0ef;font-size:11px}
.antibot-row input{height:34px;padding:7px 9px;text-align:center;font-size:16px;font-weight:800;border-radius:11px}
.provider-fields{display:grid;gap:20px}
.provider-fields>div{display:block}
.hidden{display:none}
@media(max-width:560px){
    .portal{padding:18px}
    .card{padding:24px;border-radius:22px}
    .brand{grid-template-columns:78px 1fr;gap:14px;align-items:start}
    .brand-mark{width:78px;height:68px;padding:0}
    .brand-mark img{width:72px;height:64px}
    h1{font-size:25px}
    .antibot-row{grid-template-columns:auto 86px}
    .antibot-question{font-size:16px}
}