﻿.qs-start { padding:120px 0 64px; background:#f5f8fd; color:#203757; }
.qs-start h1 { font-size:clamp(32px,4vw,54px); line-height:1.12; color:#102c54; }
.qs-start .qs-intro { max-width:700px; margin:0 auto 40px; text-align:center; }
.qs-start .qs-intro p { font-size:18px; line-height:1.7; color:#526782; }
.qs-start .qs-card { background:#fff; border:1px solid #dce5f1; border-radius:16px; padding:28px; height:100%; }
.qs-start .qs-card h2 { font-size:22px; margin:16px 0; }
.qs-start .qs-number { background:#e8f0fe; color:#245bd1; display:inline-flex; width:40px; height:40px; align-items:center; justify-content:center; border-radius:12px; font-weight:700; }
.qs-start p, .qs-start li { line-height:1.8; }
.qs-start .qs-next { margin-top:36px; border-radius:18px; padding:32px; background:#071f49; color:#d7e4fa; }
.qs-start .qs-next h2 { color:#fff; }
.qs-start .qs-cta { display:inline-flex; justify-content:center; padding:14px 22px; background:#f4c66c; color:#10294a; border-radius:8px; font-weight:700; }
.qs-start a:focus-visible { outline:3px solid #dca344; outline-offset:4px; }
@@media(max-width:575px) { .qs-start { padding-top:100px; } .qs-start .qs-card,.qs-start .qs-next { padding:22px; } .qs-start .qs-cta { width:100%; } }