body.stsr-page{background:radial-gradient(ellipse at 100% 0,#c4f4df80,transparent 38%),radial-gradient(ellipse at 5% 90%,#baf3d5a0,transparent 35%),#f7fafc;color:#080d13;font-family:Arial,Helvetica,sans-serif;min-height:100vh}.stsr-page .st-auth-layout{display:grid!important;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:65px;align-items:start;max-width:1340px;width:calc(100% - 96px);margin:20px auto 50px}.stsr-page .st-auth-story{display:block!important;padding:35px 0 0!important;background:none!important;border:0!important}.stsr-page .st-auth-story h2{font:750 clamp(36px,4vw,62px)/1.1 Arial,sans-serif;letter-spacing:-1.8px;color:#070c13;margin:0 0 26px}.stsr-page .st-auth-story>p{font:500 26px/1.5 Arial,sans-serif;color:#48566b;margin:0 0 28px}.stsr-page .st-auth-story ul{list-style:none;padding:0;margin:0;display:grid;gap:16px;font-size:21px;font-weight:600}.stsr-page .st-auth-story li{display:flex;align-items:center;gap:18px}.stsr-page .st-auth-story li:before{content:'✓';display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#b4f7a2;color:#076921;font-weight:800;flex:none}.stsr-chart{width:110%;max-width:none;margin:18px -5% 0;display:block}.stsr-page .st-auth-card{position:relative;width:100%!important;max-width:none!important;padding:42px 48px!important;margin:0!important;background:#ffffffdc!important;border:2px solid #dce7ef!important;border-radius:32px!important;box-shadow:0 20px 35px #3c7c9b20!important}.stsr-page .st-auth-card h1{font:750 37px/1.15 Arial,sans-serif!important;color:#080b0a!important;margin:0 0 12px!important;max-width:72%}.stsr-badge{float:right;max-width:140px;padding:12px 16px;background:#e4fbe4;border-radius:24px;color:#102812;font-size:16px;font-weight:700;line-height:1.4;text-align:center}.stsr-page .sta-signup-intro{font-size:16px!important;color:#4b596b!important;line-height:1.5;margin:0 0 22px!important}.stsr-page .st-auth-card .sta-google-button{min-height:64px;border:2px solid #738aff;background:#fff;color:#080c10;font-size:20px;border-radius:18px;box-shadow:0 5px 10px #5c78ff25}.stsr-page .sta-google-arrow{display:none}.stsr-page .st-auth-card .sta-apple-button{min-height:64px!important;border-radius:18px!important;font-size:20px!important;background:#080808!important}.stsr-page #sta-email-choice{display:none!important}.stsr-page #sta-email-signup,.stsr-page #sta-email-signup[hidden]{display:block!important;margin-top:12px!important}.stsr-page .st-auth-card label{font-size:16px!important;font-weight:600;color:#10151a}.stsr-page .st-auth-card input:not([type=hidden]){height:50px!important;border:1.5px solid #cfdaea!important;border-radius:14px!important;background:#f9fbff!important;box-shadow:none!important;width:100%;margin-top:8px}.stsr-page .st-auth-card .sta-form{gap:15px}.stsr-page .st-auth-card .sta-form>.button{width:100%;min-height:62px;background:linear-gradient(#36b817,#007725)!important;color:white;border:0;border-radius:18px;font-size:21px;font-weight:700;box-shadow:0 5px 12px #19822a15}.stsr-page .sta-password-help{font-size:13px!important;margin:0!important;color:#57657a}.stsr-page .st-auth-card details{display:none}.stsr-page .st-auth-card>p:last-child{text-align:center}.stsr-page main>.st-page-head,.stsr-page main>.page-heading{display:none}.stsr-page .stl-switcher{margin:0 auto;max-width:1340px}.stsr-page footer{background:transparent!important}.stsr-page .st-auth-card input:focus{outline:3px solid #a5b8ff;outline-offset:1px}.stsr-page .st-auth-card .sta-auth-divider{margin:24px 0 18px}.stsr-page .st-auth-card .sta-apple-form{margin-top:18px}
html[dir=rtl] .stsr-page .st-auth-story h2{letter-spacing:0}html[dir=rtl] .stsr-badge{float:left}
@media(max-width:1000px){.stsr-page .st-auth-layout{width:calc(100% - 40px);gap:30px}.stsr-page .st-auth-card{padding:30px 24px!important}.stsr-page .st-auth-story>p{font-size:20px}.stsr-page .st-auth-story ul{font-size:17px}.stsr-page .st-auth-card h1{font-size:28px!important}.stsr-badge{font-size:12px;max-width:110px}}
@media(max-width:720px){.stsr-page .st-auth-layout{display:flex!important;flex-direction:column;gap:22px;width:calc(100% - 32px);margin-top:0}.stsr-page .st-auth-story{padding:10px 0!important;width:100%}.stsr-page .st-auth-story h2{font-size:36px}.stsr-page .st-auth-story>p{font-size:18px;margin-bottom:18px}.stsr-page .st-auth-story ul{grid-template-columns:1fr 1fr;font-size:13px;gap:12px}.stsr-page .st-auth-story li{gap:8px}.stsr-page .st-auth-story li:before{width:22px;height:22px}.stsr-chart{display:none}.stsr-page .st-auth-card{border-radius:24px!important;padding:26px 20px!important}.stsr-page .st-auth-card h1{font-size:27px!important}.stsr-page .st-auth-card .sta-google-button,.stsr-page .st-auth-card .sta-apple-button{font-size:17px!important}.stsr-page .st-auth-card .sta-signup-intro{font-size:14px!important}}
.stsr-page main.st-auth-page{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;display:block!important}.stsr-page .st-auth-layout{max-width:1340px!important}.stsr-page .st-auth-story{max-width:none!important}.stsr-page .st-auth-story li{border:0!important;padding:0!important}.stsr-page .st-auth-story li:after{display:none!important}.stsr-page>header{background:transparent!important;border:0!important;max-width:1340px;margin:auto}.stsr-page .stl-switcher{height:30px}.stsr-page .sta-signup-guide{display:none}.stsr-page .st-auth-card .sta-form label{display:block}
body.stsr-page{background:radial-gradient(ellipse at 100% 0,#b4efd9,transparent 37%),radial-gradient(ellipse at 0 90%,#c7f7df,transparent 35%),#f7fafc!important}.stsr-page .st-auth-layout{width:min(1340px,calc(100% - 96px))!important}.stsr-page .st-auth-story h2{font-size:clamp(36px,3.7vw,57px)!important}.stsr-page .st-auth-card h1{font-size:32px!important}.stsr-page .st-auth-story{padding-top:28px!important}.stsr-page .st-auth-card{padding-top:35px!important}.stsr-page .stl-switcher{height:12px;margin-top:0;margin-bottom:8px}.stsr-page .st-auth-layout{margin-top:14px!important}@media(max-width:720px){.stsr-page .st-auth-layout{width:calc(100% - 32px)!important}.stsr-page .st-auth-story h2{font-size:34px!important}.stsr-page .st-auth-card h1{font-size:25px!important}}
/* Calm mint/sage palette for both authentication pages. */
body.stsr-page{background:radial-gradient(ellipse at 100% 0,#e4eee8,transparent 40%),radial-gradient(ellipse at 0 90%,#eaf2ed,transparent 38%),#f8faf9!important}
.stsr-page .st-auth-story li:before{background:#e1eddf;color:#386b45}
.stsr-page .stsr-badge{background:#eaf2e9;color:#35563b}
.stsr-page .stsr-chart{filter:saturate(.48)}
.stsr-page .st-auth-card{border-color:#dfe6e3!important;box-shadow:0 14px 32px #294a3810!important}
.stsr-page .st-auth-card .sta-google-button{border-color:#bac8d5;box-shadow:0 3px 8px #35465c0d}
.stsr-page .st-auth-card .sta-apple-button{background:#222825!important}
.stsr-page .st-auth-card .sta-form>.button{background:linear-gradient(135deg,#477b55,#2e6242)!important;box-shadow:0 4px 10px #294a3812}
.stsr-page .st-auth-card input:not([type=hidden]){background:#fafcfb!important;border-color:#d5dfda!important}
.stsr-page .st-auth-card input:focus{outline-color:#9bb7a3}
/* Keep the complete authentication card and its main action in the first desktop viewport. */
@media (min-width:721px){
  .stsr-page .st-auth-layout{margin-top:24px!important;gap:42px}
  .stsr-page .st-auth-story{padding-top:12px!important}
  .stsr-page .st-auth-story h2{font-size:clamp(34px,3.1vw,46px)!important;line-height:1.08;margin-bottom:14px}
  .stsr-page .st-auth-story>p{font-size:21px;line-height:1.36;margin-bottom:16px}
  .stsr-page .st-auth-story ul{font-size:18px;gap:10px}
  .stsr-page .st-auth-story li:before{width:25px;height:25px}
  .stsr-chart{width:92%;max-height:275px;object-fit:contain;margin:10px auto 0}
  .stsr-page .st-auth-card{padding:22px 32px!important}
  .stsr-page .st-auth-card h1{font-size:29px!important;margin-bottom:8px!important}
  .stsr-badge{font-size:14px;padding:8px 12px;line-height:1.25}
  .stsr-page .sta-signup-intro{margin-bottom:10px!important;line-height:1.35}
  .stsr-page .st-auth-card .sta-google-button,.stsr-page .st-auth-card .sta-apple-button{min-height:52px!important;font-size:18px!important}
  .stsr-page .st-auth-card .sta-apple-form{margin-top:10px}
  .stsr-page .st-auth-card .sta-auth-divider{margin:12px 0 10px}
  .stsr-page .st-auth-card .sta-form{gap:8px}
  .stsr-page .st-auth-card input:not([type=hidden]){height:42px!important;margin-top:4px}
  .stsr-page .st-auth-card .sta-form>.button{min-height:50px;font-size:18px}
}
/* Put the actionable form first on narrow screens and preserve readable controls. */
@media (max-width:720px){
  .stsr-page .st-auth-layout{flex-direction:column-reverse!important;gap:14px!important;margin-top:0!important}
  .stsr-page .st-auth-card{padding:16px!important;border-radius:20px!important}
  .stsr-page .st-auth-card h1{font-size:22px!important;line-height:1.15!important;margin-bottom:4px!important}
  .stsr-badge{font-size:11px;max-width:100px;padding:6px 8px;line-height:1.2}
  .stsr-page .sta-signup-intro{font-size:12px!important;line-height:1.25!important;margin-bottom:8px!important}
  .stsr-page .st-auth-card .sta-google-button,.stsr-page .st-auth-card .sta-apple-button{min-height:46px!important;font-size:15px!important;border-radius:12px!important}
  .stsr-page .st-auth-card .sta-apple-form{margin-top:8px}
  .stsr-page .st-auth-card .sta-auth-divider{margin:8px 0!important}
  .stsr-page .st-auth-card .sta-form{gap:6px}
  .stsr-page .st-auth-card label{font-size:13px!important}
  .stsr-page .st-auth-card input:not([type=hidden]){height:40px!important;margin-top:3px;border-radius:10px!important}
  .stsr-page .st-auth-card .sta-form>.button{min-height:46px;font-size:16px;border-radius:12px}
  .stsr-page .st-auth-story{padding:4px 0 0!important}
  .stsr-page .st-auth-story h2{font-size:28px!important;margin-bottom:10px}
  .stsr-page .st-auth-story>p{font-size:15px;line-height:1.35;margin-bottom:10px}
  .stsr-page .st-auth-story ul{gap:8px}
}

@media(max-width:720px){.stsr-page .st-auth-layout{margin-top:24px!important}}
/* Compact laptop layout: keep registration fields and submit action above a 720px fold. */
@media(min-width:721px) and (max-height:800px){
  .stsr-page .st-auth-layout{margin-top:24px!important}
  .stsr-page .st-auth-card{padding:16px 26px!important}
  .stsr-page .st-auth-card .sta-google-form{margin:6px 0 0!important}
  .stsr-page .st-auth-card .sta-google-button,.stsr-page .st-auth-card .sta-apple-button{min-height:44px!important}
  .stsr-page .st-auth-card .sta-apple-form{margin-top:6px!important}
  .stsr-page .st-auth-card .sta-auth-divider{margin:6px 0!important}
  .stsr-page #sta-email-signup,.stsr-page #sta-email-signup[hidden]{margin-top:4px!important}
  .stsr-page .sta-signup-intro{margin-bottom:4px!important}
  .stsr-page #sta-email-signup .sta-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:5px}
  .stsr-page #sta-email-signup .sta-form>label:nth-of-type(3),.stsr-page #sta-email-signup .sta-form>.sta-password-help,.stsr-page #sta-email-signup .sta-form>.button{grid-column:1/-1}
}

/* Lightweight auth layout with an explicit gap below the header. */
.stsr-page .st-auth-layout{width:min(1040px,calc(100% - 64px))!important;max-width:1040px!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;margin:28px auto 40px!important;align-items:start}
.stsr-page .st-auth-story{padding-top:20px!important}
.stsr-page .st-auth-story h2{font-size:32px!important;line-height:1.18;letter-spacing:-.9px;margin-bottom:16px}
.stsr-page .st-auth-story>p{font-size:17px;line-height:1.55;margin-bottom:20px}
.stsr-page .st-auth-story ul{font-size:15px;line-height:1.45;gap:12px}
.stsr-page .st-auth-story li{gap:10px}
.stsr-page .st-auth-story li:before{width:22px;height:22px;font-size:14px}
.stsr-page .stsr-chart{width:90%;max-height:220px;margin:16px auto 0}
.stsr-page .st-auth-card{padding:24px!important;border-width:1px!important;border-radius:22px!important;box-shadow:0 8px 28px #294a380a!important;min-width:0;box-sizing:border-box}
.stsr-page .st-auth-card h1{font-size:24px!important;line-height:1.25!important;letter-spacing:-.5px;max-width:100%;margin-bottom:8px!important}
.stsr-page .stsr-badge{float:none;display:inline-block;font-size:11px;max-width:none;padding:5px 10px;border-radius:8px;margin-bottom:12px}
.stsr-page .sta-signup-intro{font-size:13px!important;line-height:1.5!important;margin-bottom:12px!important}
.stsr-page .st-auth-card .sta-google-button,.stsr-page .st-auth-card .sta-apple-button{min-height:44px!important;font-size:15px!important;border-radius:11px!important;border-width:1px!important}
.stsr-page .st-auth-card label{font-size:13px!important}
.stsr-page .st-auth-card input:not([type=hidden]){height:42px!important;font-size:16px;border-radius:10px!important}
.stsr-page .st-auth-card .sta-form>.button{font-size:15px;min-height:44px;border-radius:11px}
.stsr-page .st-auth-card .sta-auth-divider{margin:12px 0!important}
.stsr-page .st-auth-card .sta-password-help{font-size:12px!important;line-height:1.5}
@media(max-width:1000px){.stsr-page .st-auth-layout{gap:28px;width:calc(100% - 40px)!important}.stsr-page .st-auth-story h2{font-size:28px!important}}
@media(max-width:720px){.stsr-page .st-auth-layout{width:calc(100% - 32px)!important;margin:20px auto 28px!important;gap:24px!important}.stsr-page .st-auth-card{padding:20px!important;border-radius:18px!important}.stsr-page .st-auth-card h1{font-size:23px!important}.stsr-page .st-auth-story h2{font-size:26px!important}.stsr-page .st-auth-story>p{font-size:15px}.stsr-page .st-auth-story ul{font-size:13px}.stsr-page .st-auth-card .sta-form{gap:10px}}

/* Center the auth journey in the available viewport, with safe overflow. */
.stsr-page .st-auth-page>.st-content-wrap{display:flex;flex-direction:column;justify-content:center;min-height:calc(100svh - 79px);box-sizing:border-box;width:100%;max-width:none;padding:24px 0!important}
.stsr-page .st-auth-layout{margin:0 auto!important;align-items:center}
.stsr-page .st-auth-story{padding-top:0!important}
@media(max-width:720px){.stsr-page .st-auth-page>.st-content-wrap{justify-content:flex-start;padding:20px 0!important}.stsr-page .st-auth-layout{margin:0 auto!important}}