:root{--ink:#14213d;--blue:#143c78;--sun:#ff8a1f;--sun2:#ffb703;--sky:#eaf3ff;--txt:#1f2a3a;--muted:#5b6678}
*{box-sizing:border-box}
html,body{margin:0}
body.sracl{font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--txt);background:#fff}
.sracl a{color:var(--blue)}
.sracl-wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.sracl-read{max-width:44rem}
.sracl-top{background:#fff;border-bottom:1px solid #e6e9ef;padding:10px 20px;display:flex;justify-content:center}
.sracl-host{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.sracl-host img{height:34px;width:auto;display:block}
.sracl-hero{background:linear-gradient(160deg,#0f2f63 0%,#143c78 45%,#c5532a 85%,#ff8a1f 100%);color:#fff;text-align:center;padding:48px 0 56px}
.sracl-logo{width:200px;height:auto;display:block;margin:0 auto 8px}
.sracl-badge{display:inline-block;margin:0 0 14px;padding:4px 14px;border-radius:99px;background:rgba(255,255,255,.16);font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.sracl-hero h1{font-size:clamp(28px,5vw,46px);line-height:1.15;margin:0 auto 14px;max-width:18em}
.sracl-lead{font-size:clamp(17px,2.2vw,20px);max-width:36em;margin:0 auto 28px;opacity:.95}
.sracl-form{background:#fff;color:var(--txt);max-width:620px;margin:0 auto;border-radius:14px;padding:20px;box-shadow:0 12px 36px rgba(0,0,0,.25);text-align:left}
.sracl-form-h{font-weight:700;font-size:18px;margin:0 0 12px;text-align:center}
.sracl-row{display:flex;gap:10px;margin-bottom:10px}
.sracl-row input,.sracl-row select{flex:1;min-width:0;font:inherit;padding:12px 14px;border:1px solid #c9d1dd;border-radius:9px;background:#fff;color:var(--txt)}
.sracl-row input:focus,.sracl-row select:focus{outline:2px solid var(--sun);border-color:var(--sun)}
.sracl-row button{font:inherit;font-weight:700;padding:12px 22px;border:0;border-radius:9px;background:var(--sun);color:#1b1200;cursor:pointer;white-space:nowrap}
.sracl-row button:hover{background:var(--sun2)}
.sracl-row button:disabled{opacity:.6;cursor:default}
.sracl-form.done .sracl-row{display:none}
.sracl-msg{margin:4px 0 0;font-weight:600;text-align:center;min-height:1em}
.sracl-msg.good{color:#1d7a3a}.sracl-msg.bad{color:#b3261e}
.sracl-fine{margin:6px 0 0;font-size:13px;color:var(--muted);text-align:center}
.sracl-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sracl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sracl-how{background:var(--sky);padding:52px 0}
.sracl h2{font-size:clamp(24px,3.4vw,32px);margin:0 0 22px;color:var(--ink);text-align:center}
.sracl-steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.sracl-steps li{counter-increment:s;background:#fff;border-radius:12px;padding:22px 18px;box-shadow:0 2px 10px rgba(20,60,120,.08)}
.sracl-steps li::before{content:counter(s);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--sun);color:#1b1200;font-weight:800;margin-bottom:10px}
.sracl-steps strong{display:block;font-size:18px;color:var(--ink);margin-bottom:6px}
.sracl-steps span{color:var(--muted);font-size:16px}
.sracl-who{padding:52px 0}
.sracl-who .sracl-read{margin:0 auto}
.sracl-who p{margin:0 0 14px}
.sracl-sponsor{padding-top:8px;border-top:1px solid #e6e9ef;color:var(--muted)}
.sracl-foot{background:#0f1b2d;color:#c7cfdb;padding:28px 0;text-align:center;font-size:14px}
.sracl-foot img{height:34px;width:auto;background:#fff;padding:6px 10px;border-radius:6px;box-sizing:content-box}
.sracl-foot a{color:#fff}
.sracl-foot p{margin:12px 0 0}
@media (max-width:900px){.sracl-steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){
 body.sracl{font-size:16px}
 .sracl-wrap{padding:0 16px}
 .sracl-hero{padding:32px 0 40px}
 .sracl-logo{width:150px}
 .sracl-row{flex-direction:column}
 .sracl-steps{grid-template-columns:1fr}
 .sracl-form{padding:16px}
}