:root { --ink:#15374e; --muted:#526975; --blue:#277cae; --light:#eaf4f9; --line:#d3e1e8; --white:#fff; }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { margin:0; color:var(--ink); background:#f6f9fb; font-family:Arial, Helvetica, sans-serif; -webkit-font-smoothing:antialiased; }
    a { color:inherit; text-underline-offset:4px; }
    a:focus-visible { outline:3px solid #d18e16; outline-offset:5px; border-radius:3px; }
    .skip { position:absolute; left:16px; top:-80px; z-index:5; padding:12px 16px; background:white; }
    .skip:focus { top:12px; }
    .wrap { width:min(1080px, calc(100% - 80px)); margin-inline:auto; }
    header { background:white; border-bottom:1px solid var(--line); }
    .header-inner { min-height:100px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
    .brand { display:inline-flex; align-items:center; text-decoration:none; }
    .brand img { display:block; width:241px; height:39px; max-width:100%; object-fit:contain; }
    .header-link { display:inline-flex; align-items:center; gap:10px; font-size:14px; font-weight:700; text-decoration:none; padding-block:12px; }
    .header-link:hover { color:var(--blue); text-decoration:underline; }
    svg { width:20px; height:20px; flex-shrink:0; }
    .hero { padding:68px 0 62px; background:linear-gradient(120deg, #f6f9fb 35%, #e7f2f8 100%); border-bottom:1px solid var(--line); }
    .hero-grid { display:grid; grid-template-columns:minmax(0, 1.25fr) minmax(0, .85fr); gap:76px; align-items:center; }
    .eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 22px; font-size:12px; font-weight:700; letter-spacing:1.8px; text-transform:uppercase; }
    .eyebrow::before { content:""; width:26px; height:3px; background:var(--blue); }
    h1 { margin:0; font-size:clamp(38px, 4.6vw, 58px); line-height:1.08; letter-spacing:-2px; font-weight:700; }
    h1 span { display:block; color:var(--blue); }
    .intro { max-width:480px; margin:23px 0 0; color:var(--muted); font-size:18px; line-height:1.7; }
    .account-panel { position:relative; padding:34px; border-radius:12px; background:var(--ink); color:white; box-shadow:0 16px 40px #15374e12; overflow:hidden; }
    .account-panel::before { content:""; position:absolute; inset:0 0 auto; height:4px; background:#7fc4eb; }
    .panel-label { margin:0 0 21px; color:#a7d9f4; font-size:11px; font-weight:700; letter-spacing:1.7px; text-transform:uppercase; }
    .account-panel h2 { margin:0; font-size:27px; line-height:1.25; letter-spacing:-.5px; }
    .panel-copy { margin:15px 0 25px; color:#dae6ed; font-size:15px; line-height:1.65; }
    .button { display:flex; justify-content:center; align-items:center; gap:12px; padding:16px 14px; min-height:54px; background:white; border:1px solid white; border-radius:6px; color:var(--ink); text-decoration:none; font-weight:700; font-size:15px; transition:background .15s; }
    .button:hover { background:#dceff9; border-color:#dceff9; }
    .panel-note { margin:17px 0 0; color:#bcd1df; font-size:12px; text-align:center; line-height:1.5; }
    .support { padding:44px 0 46px; background:white; }
    .support-grid { display:grid; grid-template-columns:1fr 1fr; gap:54px; }
    .help { display:grid; grid-template-columns:44px 1fr; gap:18px; }
    .help + .help { border-left:1px solid var(--line); padding-left:44px; }
    .icon { display:grid; place-items:center; width:44px; height:44px; background:var(--light); border-radius:50%; color:var(--blue); }
    .icon svg { width:22px; height:22px; }
    .help h2 { margin:2px 0 10px; font-size:20px; line-height:1.35; letter-spacing:-.25px; }
    .help p { color:var(--muted); font-size:15px; line-height:1.7; margin:0 0 13px; }
    .email { font-size:14px; font-weight:700; color:#216b98; overflow-wrap:anywhere; }
    .email:hover { color:var(--ink); }
    footer { border-top:1px solid var(--line); }
    .footer-inner { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:25px 0; font-size:12px; line-height:1.6; color:var(--muted); }
    .footer-inner p { margin:0; }
    .footer-inner a:hover { color:var(--ink); }
    @media (min-width:1600px) { .hero { padding-block:88px; } }
    @media (max-width:900px) {
      .wrap { width:calc(100% - 48px); }
      .hero-grid { gap:34px; grid-template-columns:1.1fr 1fr; }
      .account-panel { padding:26px; }
      .support-grid { gap:26px; }
      .help + .help { padding-left:26px; }
      .help { grid-template-columns:1fr; gap:12px; }
    }
    @media (max-width:680px) {
      .wrap { width:calc(100% - 40px); }
      .header-inner { min-height:85px; gap:12px; }
      .brand img { width:190px; height:auto; }
      .header-link { font-size:12px; gap:5px; max-width:115px; line-height:1.4; }
      .header-link svg { width:16px; height:16px; }
      .hero { padding:39px 0 36px; }
      .hero-grid { grid-template-columns:1fr; gap:30px; }
      .eyebrow { margin-bottom:19px; font-size:11px; }
      h1 { font-size:43px; letter-spacing:-1.5px; }
      .intro { font-size:16px; line-height:1.7; margin-top:18px; }
      .account-panel { padding:27px; }
      .account-panel h2 { font-size:25px; }
      .support { padding:32px 0; }
      .support-grid { grid-template-columns:1fr; gap:26px; }
      .help { grid-template-columns:40px minmax(0,1fr); gap:14px; }
      .icon { width:40px; height:40px; }
      .help + .help { border-left:0; border-top:1px solid var(--line); padding:26px 0 0; }
      .help h2 { font-size:19px; }
      .footer-inner { align-items:flex-start; flex-direction:column; gap:8px; padding-block:22px; }
    }
    @media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .button { transition:none; } }