:root{color-scheme:light;--navy:#092561;--blue:#087ab0;--muted:#62728b}
    *{box-sizing:border-box}
    body{margin:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;color:var(--navy);background:radial-gradient(ellipse at 50% 45%,#e7f4fc 0,transparent 65%),#f8fbfe;font:16px/1.7 Arial,"Microsoft YaHei",sans-serif}
    a{color:inherit;text-decoration:none}
    a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
    .header{width:min(1240px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0}
    .brand img{display:block;width:210px;max-width:100%;height:auto}
    .language{font-size:14px;padding:8px 15px;border:1px solid #ccdbe8;border-radius:4px;white-space:nowrap}
    .language:hover{background:#e8f3fb}
    main{width:min(760px,calc(100% - 40px));margin:auto;text-align:center;padding:55px 0 75px}
    .symbol{width:84px;height:84px;margin:0 auto 28px;display:grid;place-items:center;border:1px solid #c6e4f3;border-radius:24px;background:#fff;box-shadow:0 12px 35px #0b548009}
    .symbol svg{width:42px;height:42px;fill:none;stroke:var(--blue);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
    .eyebrow{margin:0 0 13px;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:3px}
    h1{margin:0;font-size:clamp(39px,5vw,66px);line-height:1.12;letter-spacing:-1.8px;font-weight:700}
    .description{max-width:510px;margin:25px auto 32px;color:var(--muted);font-size:17px;line-height:1.9}
    .actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
    .button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:50px;padding:12px 23px;border:1px solid var(--navy);border-radius:4px;background:var(--navy);color:white;font-size:14px;font-weight:600;transition:background .2s}
    .button:hover{background:#12478c}
    .button.secondary{background:transparent;color:var(--navy);border-color:#c6d8e8}
    .button.secondary:hover{background:#e8f3fb}
    footer{padding:22px 20px;text-align:center;color:#7a879a;font-size:12px;border-top:1px solid #e2eaf2;letter-spacing:.3px}
    @media(max-width:480px){.header{width:calc(100% - 40px);padding:20px 0;gap:16px}.brand img{width:173px}.language{padding:6px 11px}main{padding:40px 0 55px}.symbol{width:72px;height:72px;border-radius:20px}.description{font-size:16px;margin-top:21px}.actions{flex-direction:column;max-width:280px;margin:auto}footer{font-size:11px}}
    @media(prefers-reduced-motion:reduce){.button{transition:none}}
  
footer a{margin-left:14px;color:inherit}