/* Under attack page: short intro, price and requirements, the form and three steps. Below 900px the form comes
   straight after the intro (CSS order), so a visitor can start without scrolling past the explanation. */
.ua-intro{min-height:0;padding-bottom:55px}
.ua-intro .eyebrow{color:#c5221f}
.ua-intro .page-title span{color:#c5221f}
.ua-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);grid-template-areas:"info form" "steps form";grid-template-rows:auto 1fr;gap:48px 72px;align-items:start;padding-top:64px;padding-bottom:95px}
.ua-info{grid-area:info}
.ua-form-panel{grid-area:form}
.ua-steps{grid-area:steps}
.ua-block h2,.ua-steps h2{font-size:clamp(28px,3vw,38px);letter-spacing:-1.4px;line-height:1.15;margin:14px 0 22px}
.ua-block+.ua-block{margin-top:44px}
.ua-prices{display:grid;gap:12px;margin:0}
.ua-prices>div{display:grid;grid-template-columns:170px minmax(0,1fr);gap:20px;padding:18px 20px;border:1px solid var(--line);border-radius:10px;background:#f7fafe}
.ua-prices dt{font-size:15px;font-weight:600}
.ua-prices dd{margin:0;font-size:15px;line-height:1.6;color:var(--muted)}
.ua-prices dd b{color:var(--navy);font-weight:600}
.ua-prices dd a{color:#086bd5;font-weight:500}
.ua-requirements ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.ua-requirements li{display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid #f1d189;border-radius:10px;background:#fff7e6;font-size:15px;font-weight:500}
.ua-requirements li::before{content:"!";flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#a85d00;color:#fff;font-size:13px;font-weight:700}
.ua-steps{padding-top:44px;border-top:1px solid var(--line)}
.ua-steps ol{display:grid;gap:22px;margin:0;padding:0;list-style:none}
.ua-steps li{display:flex;gap:18px}
.ua-steps li>span{flex:none;display:grid;place-items:center;width:40px;height:40px;border:1px solid #bcd7f5;border-radius:50%;background:#edf6ff;color:#087bfa;font:12px monospace}
.ua-steps h3{margin:8px 0 4px;font-size:18px;letter-spacing:-.3px}
.ua-steps p{margin:0;font-size:14px;line-height:1.7;color:var(--muted)}

/* The form panel. */
.ua-form-panel{padding:34px;border:1px solid #dce4ee;border-radius:14px;background:#fff;box-shadow:0 20px 60px #052c560f}
.ua-form-panel h2{margin:0 0 6px;font-size:30px;letter-spacing:-1.2px;line-height:1.15}
.ua-form-intro{margin:0 0 6px;font-size:14px;color:var(--muted)}
.ua-form-panel label{display:block;margin:16px 0;font-size:14px;font-weight:600}
.ua-form-panel label>input,.ua-form-panel label>textarea,.ua-form-panel .phone-inputs select,.ua-form-panel .phone-inputs input{padding:12px;border:1px solid #d7e1ed;border-radius:5px;background:#f9fbfd;color:var(--navy);font:inherit;font-size:16px;font-weight:400}
.ua-form-panel label>input,.ua-form-panel label>textarea{display:block;width:100%;margin-top:6px}
.ua-form-panel label>textarea{min-height:84px;resize:vertical}
.ua-form-panel input[aria-invalid="true"],.ua-form-panel textarea[aria-invalid="true"],.ua-form-panel select[aria-invalid="true"]{border-color:#c0392b}
.ua-form-panel .phone-field>label{margin:0;font-size:14px}
.ua-form-panel .ua-check{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid #d7e1ed;border-radius:8px;background:#f9fbfd;font-weight:500;line-height:1.45;cursor:pointer}
.ua-form-panel .ua-check>input{flex:none;width:20px;height:20px;margin:0;accent-color:#087bfa}
.ua-form-panel .ua-check:has(input[aria-invalid="true"]){border-color:#c0392b}
.ua-form-panel .ua-check+.field-error{margin:-8px 0 16px}
.ua-form-panel .field-error{display:block;margin-top:6px;color:#b3261e;font-size:13px;font-weight:500}
.ua-form-panel .form-hint{margin:14px 0 0;font-size:13px;color:var(--muted)}
.ua-form-panel .form-hint a{color:#086bd5}
.ua-form-panel .form-actions p{margin:0;color:#b3261e;font-size:14px}
.ua-form-panel .form-actions p:not(:empty){margin-top:14px}
.ua-form-panel .form-actions .button,#under-attack-sent .button{width:100%;justify-content:center;margin-top:18px}
.ua-form-panel .form-actions .button{background:#c5221f}
.ua-form-panel .form-actions .button:hover{background:#a50e0e}
#under-attack-sent:focus{outline:0}
#under-attack-sent h2{margin:14px 0 22px;font-size:26px;letter-spacing:-.8px;line-height:1.3}
.ua-login{margin:16px 0 0;font-size:14px;text-align:center;color:var(--muted)}
.ua-login a{color:#086bd5;font-weight:500}

@media(max-width:900px){.ua-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:none;grid-template-rows:none;gap:44px;padding-top:28px;padding-bottom:60px}
.ua-info,.ua-form-panel,.ua-steps{grid-area:auto}
.ua-form-panel{order:-1}
}
@media(max-width:640px){.ua-intro{padding-top:36px;padding-bottom:32px}
.ua-intro .page-title{font-size:38px}
.ua-form-panel{padding:26px 20px}
.ua-form-panel h2{font-size:26px}
.ua-prices>div{grid-template-columns:1fr;gap:6px;padding:16px}
.ua-block h2,.ua-steps h2{font-size:30px;letter-spacing:-1.2px}
.ua-steps{padding-top:36px}
.ua-form-panel .form-hint{font-size:14px}
.ua-layout{padding-bottom:44px}
}