.page{color:#102d4f;background:#f4f8fc}.section{background:linear-gradient(125deg,#eef6ff 0%,#fff 76%);place-items:center;min-height:62vh;padding:72px 24px;display:grid}.card{background:#fff;border:1px solid #dce8f2;border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:clamp(28px,6vw,76px);width:min(980px,100%);padding:clamp(32px,6vw,72px);display:grid;box-shadow:0 22px 64px #102d4f17}.code{color:#176bb5;letter-spacing:-.08em;font-size:clamp(86px,15vw,172px);font-weight:800;line-height:.85}.copy .eyebrow{color:#996900;letter-spacing:.12em;margin:0;font-size:12px;font-weight:800}.copy h1{color:#102d4f;letter-spacing:-.05em;max-width:540px;margin:14px 0;font-size:clamp(34px,5vw,54px);font-weight:650;line-height:1.08}.copy>p:not(.eyebrow){color:#5b7187;max-width:550px;margin:0;font-size:17px;line-height:1.75}.actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.primary,.secondary{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:12px;min-height:52px;padding:0 20px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.primary{color:#102d4f;background:#f4c542}.primary:hover{background:#ffda62;transform:translateY(-2px)}.secondary{color:#164f80;background:#fff;border-color:#d4e3ef}.secondary:hover{background:#f3f8fc;transform:translateY(-2px)}@media (max-width:640px){.section{min-height:60vh;padding:38px 18px}.card{grid-template-columns:1fr;gap:24px;padding:28px 22px}.code{font-size:86px}.actions{flex-direction:column;align-items:stretch}.primary,.secondary{width:100%}}