:root {
  color-scheme:light;
  --ink:#13283d;--ink-2:#38506a;--muted:#6c7d8e;--line:#e9edf2;
  --yellow:#ffcd42;--yellow-hi:#ffdb72;--green:#168d68;
}
*{box-sizing:border-box}
html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:#f7f9fc;color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 620px 500px at 50% -160px,rgba(255,208,78,.19),transparent 72%),radial-gradient(ellipse 520px 340px at 0% 90%,rgba(104,164,218,.09),transparent 72%)}
a{color:inherit}
.page-shell{width:min(100%,540px);padding:26px 18px 17px;margin:0 auto}
.gateway{overflow:hidden;background:#fff;border:1px solid #e8ecf1;border-radius:27px;box-shadow:0 20px 75px rgba(27,51,77,.07),0 4px 18px rgba(27,51,77,.025)}
.notice{height:41px;display:flex;justify-content:center;align-items:center;gap:9px;background:#fff0c6;color:#694e0a;font-weight:800;font-size:10px;letter-spacing:.8px;text-align:center;border-bottom:1px solid #f7e6af}
.notice-dot{width:6px;height:6px;border-radius:50%;background:#e5a51c;box-shadow:0 0 0 3px rgba(229,165,28,.17);flex:none}
.notice-spark{font-size:11px;color:#c49111}
.gateway-content{padding:21px 27px 28px;text-align:center}
.identity{position:relative;display:flex;align-items:center;justify-content:center;min-height:117px;margin-bottom:8px}
.identity-glow{position:absolute;z-index:0;width:220px;height:90px;border-radius:60%;background:#fff9e8;filter:blur(17px);opacity:.95}
.brand-logo{position:relative;z-index:1;display:block;width:min(100%,242px);height:auto;object-fit:contain}
.eyebrow{display:inline-flex;align-items:center;gap:6px;color:#2a7960;background:#ecf8f1;border:1px solid #d9ede2;border-radius:99px;padding:6px 11px;font-size:10px;letter-spacing:.6px;font-weight:800}
.eyebrow-check{display:flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:#2a9b71;color:#fff;font-size:9px}
h1{max-width:420px;margin:17px auto 0;font-size:clamp(26px,6.8vw,35px);font-weight:820;letter-spacing:-1.2px;line-height:1.12;text-wrap:balance}
h1 em{font-style:normal;color:#cf8e00}
.description{max-width:340px;margin:13px auto 0;color:#6e7c8d;font-size:14px;line-height:1.55}
.benefits{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:14px;row-gap:9px;list-style:none;margin:21px 0 22px;padding:0}
.benefits li{display:flex;gap:5px;align-items:center;color:#506174;font-size:11px;font-weight:700;white-space:nowrap}
.check{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;color:#15825b;background:#e8f7ef;font-size:11px;font-weight:900}
.action-button{position:relative;min-height:59px;display:flex;justify-content:center;align-items:center;gap:11px;padding:12px 35px;text-decoration:none;cursor:pointer;touch-action:manipulation;background:var(--yellow);color:#1f2b35;border:1px solid #ebaf1c;border-radius:14px;box-shadow:0 4px 0 #e6a91a,0 8px 18px rgba(190,134,16,.13);font-size:15px;font-weight:850;letter-spacing:.17px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}
.action-button:hover{background:var(--yellow-hi)}
.action-button:active{transform:translateY(3px);box-shadow:0 1px 0 #e6a91a,0 3px 10px rgba(190,134,16,.10)}
.action-button:focus-visible,.alternate-link:focus-visible{outline:3px solid #267bd0;outline-offset:3px}
.action-arrow{width:19px;height:19px;flex:none;transition:transform .2s ease}
.action-button:hover .action-arrow{transform:translateX(3px)}
.action-note{display:flex;align-items:center;justify-content:center;gap:5px;margin:16px 0 0;font-size:11px;color:#798697;letter-spacing:.01em}
.action-note svg{width:14px;height:14px;color:#7b9486}
.action-note strong{font-weight:700;color:#657589}
.card-foot{display:flex;gap:12px;align-items:center;justify-content:center;background:#fbfcfe;padding:13px 0 12px;color:#ccd4dd;border-top:1px solid #f0f2f6}
.card-foot span:not(.card-foot-star){height:1px;width:68px;background:#dce3ea}
.card-foot-star{font-size:12px;color:#b9c8d4}
.footer{padding:24px 0 10px;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}
.footer p{margin:0;color:#576b82;font-size:12px;font-weight:650}
.footer>span{font-size:11px;color:#a0aebb}
.browser-help{margin-top:19px;padding:15px 16px 14px;border-radius:13px;border:1px solid #d2ddeb;background:#f2f7fc;text-align:left;color:#31465e}
.browser-help-head{display:flex;align-items:center;gap:9px;font-size:13px}
.browser-help-icon{display:inline-flex;justify-content:center;align-items:center;flex:none;width:26px;height:26px;border-radius:8px;color:#fff;background:#2b73c6;font-size:17px;font-weight:800}
.browser-help p{margin:10px 0 14px;color:#42586e;font-size:13px;line-height:1.52}
.browser-help strong{color:#192f47}
.alternate-link{display:inline-flex;gap:6px;align-items:center;color:#1c5e9b;font-size:12px;font-weight:750;text-underline-offset:3px}
[hidden]{display:none!important}
@media(min-width:769px){.page-shell{width:min(100%,550px);padding-top:54px}.gateway-content{padding:26px 43px 34px}.identity{min-height:140px}.brand-logo{width:266px}.benefits li{font-size:12px}}
@media(max-width:390px){.page-shell{padding:13px 11px 15px}.gateway{border-radius:23px}.gateway-content{padding:17px 19px 22px}.notice{font-size:9px;letter-spacing:.56px;height:39px}.identity{min-height:106px;margin-bottom:4px}.brand-logo{width:222px}h1{font-size:clamp(25px,7.4vw,28px);letter-spacing:-1.1px;margin-top:14px}.description{font-size:13px;margin-top:11px}.benefits{gap:8px 11px;margin:18px 0 19px}.benefits li{font-size:10px}.action-button{min-height:56px;font-size:13.5px;padding:10px 21px}.action-note{font-size:10px;margin-top:14px}}
@media(max-width:350px){.gateway-content{padding-left:15px;padding-right:15px}.brand-logo{width:202px}.benefits{column-gap:8px}.benefits li{font-size:9.5px}.action-button{font-size:13px}}
@media(max-height:650px) and (max-width:768px){.page-shell{padding-top:8px}.gateway-content{padding-top:11px;padding-bottom:14px}.identity{min-height:91px}.brand-logo{width:192px}.eyebrow{padding:4px 9px}.intro h1{margin-top:11px;font-size:24px}.description{margin-top:8px}.benefits{margin:13px 0}.action-button{min-height:51px}.action-note{margin-top:10px}.card-foot{padding:8px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.action-button,.action-arrow{transition:none}}
