
#sp-login-gate-modal, #sp-ruo-stage1-overlay{--g-overlay:rgba(14,6,12,.74);--g-sheet:#FFFFFF;--g-ink:#2A0C20;--g-muted:#5B5566;--g-dim:#8A8088;
  --g-accent:#D91A87;--g-accent-dk:#C3137A;--g-field-bg:#FAF8FB;--g-field-bd:#E4DEE6;--g-line:#ECE8EF;
  --g-tabbed:#F2F0F4;--g-tab-on:#FFFFFF;
  --g-panel:#E8E8EB;--g-panel-ink:#0B0F17;--g-panel-mut:#5B5566;--g-btn-fg:#FFFFFF;--g-panelbg:var(--g-panel);--g-trust:#2B2D36;--g-trust-mark:#2B2D36;--g-link:#D91A87}
html[data-theme="dark"] #sp-login-gate-modal, html[data-theme="dark"] #sp-ruo-stage1-overlay{--g-overlay:rgba(6,2,6,.82);--g-sheet:#17111A;--g-ink:#F2E9EF;--g-muted:#A89AA4;--g-dim:#7E7084;
  --g-accent:#F13FA2;--g-accent-dk:#D91A87;--g-field-bg:#1F1724;--g-field-bd:#342838;--g-line:#2A2030;
  --g-tabbed:#221A28;--g-tab-on:#302436;
  --g-panel:#1C1720;--g-panel-ink:#F2E9EF;--g-panel-mut:#A89AA4;--g-btn-fg:#FFFFFF;color-scheme:dark;--g-trust:#F2E9EF;--g-trust-mark:#F2E9EF}
#sp-login-gate-modal{font-family:'Inter',system-ui,sans-serif;color:var(--g-ink)}
#sp-login-gate-modal .sp-login-gate-overlay{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
#sp-login-gate-modal .sp-login-gate-container{border-radius:22px;box-shadow:0 34px 78px -32px rgba(74,16,54,.52)}
#sp-login-gate-modal .sp-login-gate-scrollable{padding:28px 26px}
#sp-login-gate-modal .sp-gate-mark{position:relative;z-index:1}
#sp-login-gate-modal .sp-gate-mark{width:198px}
#sp-login-gate-modal .sp-login-gate-header{align-items:center}
#sp-login-gate-modal .sp-gate-kicker{font-family:'Space Mono',monospace;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--g-accent)}

#sp-login-gate-modal .sp-login-gate-title{margin:11px 0 7px;font-family:'Sora','Inter',sans-serif;font-size:27px !important;font-weight:800;letter-spacing:-.03em;line-height:1.12;text-align:center;white-space:normal}
#sp-login-gate-modal .sp-login-gate-message{margin:0 0 20px;font-size:14.5px;line-height:1.55;color:var(--g-muted);text-align:center;text-wrap:balance}
#sp-login-gate-modal .sp-login-gate-tabs{gap:4px;padding:4px;margin-bottom:20px;border-radius:12px;background:var(--g-tabbed)}
#sp-login-gate-modal .sp-login-gate-tab{padding:10px 12px;border-radius:9px;font-size:14px;font-weight:600;color:var(--g-muted);transition:background .18s,color .18s}
#sp-login-gate-modal .sp-login-gate-tab.active{background:var(--g-tab-on);color:var(--g-ink);box-shadow:0 1px 2px rgba(42,12,32,.1),0 4px 11px -5px rgba(42,12,32,.18)}
#sp-login-gate-modal .sp-social-btn, #sp-login-gate-modal .sp-apple-signin-btn{min-height:var(--g-provider-h,42px);height:var(--g-provider-h,42px);border:1px solid var(--g-field-bd);border-radius:10px;background:var(--g-sheet);color:var(--g-ink);font-size:14px;font-weight:500}
#sp-login-gate-modal .sp-apple-relay-warn{margin:9px 0 0;font-size:11.5px;color:var(--g-dim);text-align:center}

#sp-login-gate-modal .sp-social-separator{margin:16px 0 26px !important;border-top:1px solid var(--g-line)}
#sp-login-gate-modal .sp-social-separator span{position:relative;top:-9px;background:var(--g-sheet);padding:0 11px;font-family:'Space Mono',monospace;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--g-dim)}
#sp-login-gate-modal .sp-field{margin-bottom:13px}
#sp-login-gate-modal .sp-field > label{margin-bottom:6px;font-size:13px;font-weight:600}
#sp-login-gate-modal .sp-login-gate-form input, #sp-login-gate-modal .sp-login-gate-form select{height:48px;padding:0 14px;border:1px solid var(--g-field-bd);border-left:3px solid var(--g-field-bd);border-radius:10px;background:var(--g-field-bg);color:var(--g-ink);font-size:16px;transition:border-color .15s,background .15s}
#sp-login-gate-modal .sp-login-gate-form input:focus, #sp-login-gate-modal .sp-login-gate-form select:focus{outline:none;background:var(--g-sheet);border-left-color:var(--g-accent)}
#sp-login-gate-modal .sp-password-toggle{right:13px;color:var(--g-dim)}
#sp-login-gate-modal .sp-login-gate-checkbox-wrapper{gap:12px;margin-bottom:10px;padding:12px 14px;border:1px solid var(--g-line);border-radius:13px;background:var(--g-field-bg)}
#sp-login-gate-modal .sp-login-gate-checkbox-wrapper input{width:18px;height:18px;margin-top:1px;accent-color:var(--g-accent)}
#sp-login-gate-modal .sp-login-gate-checkbox-wrapper label{font-size:13.5px;line-height:1.45}
#sp-login-gate-modal .sp-login-gate-button{margin-top:9px;height:54px;border-radius:999px;background:var(--g-accent-dk);color:var(--g-btn-fg);font-family:'Sora','Inter',sans-serif;font-size:16px;font-weight:700;letter-spacing:-.01em;box-shadow:0 10px 22px -13px var(--g-accent)}
#sp-login-gate-modal .sp-login-gate-custom-message-bottom{margin:10px 0 0;font-size:11.5px;color:var(--g-dim);text-align:center}
#sp-login-gate-modal .sp-login-gate-custom-message-bottom a{color:var(--g-muted)}
@media (max-width:600px){#sp-login-gate-modal .sp-login-gate-scrollable{padding:26px 20px calc(18px + env(safe-area-inset-bottom,0px))}#sp-login-gate-modal .sp-login-gate-title{font-size:25px}}
@media (min-width:900px){#sp-login-gate-modal .sp-login-gate-scrollable{padding:0}#sp-login-gate-modal .sp-login-gate-scrollable{--g-pad-t:38px;--g-pad-x:42px}#sp-login-gate-modal .sp-login-gate-header{align-items:flex-start}#sp-login-gate-modal .sp-login-gate-title, #sp-login-gate-modal .sp-login-gate-message, #sp-login-gate-modal .sp-gate-trust{text-align:left}}
#sp-login-gate-modal .sp-gate-attribution{color:var(--g-dim)}
#sp-login-gate-modal .sp-gate-brandpanel{background:var(--g-panel)}
@media (min-width:900px){

  #sp-login-gate-modal .sp-login-gate-container{width:min(980px,94vw);max-width:none}
  #sp-login-gate-modal .sp-login-gate-scrollable{grid-template-columns:400px minmax(0,1fr);
    grid-template-rows:auto minmax(0,1fr) auto auto;min-height:640px}
  #sp-login-gate-modal .sp-login-gate-scrollable::before{grid-row:1 / -1}

  #sp-login-gate-modal .sp-login-gate-header > *{align-self:stretch;max-width:100%}
  #sp-login-gate-modal .sp-gate-brandpanel,
  #sp-login-gate-modal .sp-gate-panelstack{display:contents}


  #sp-login-gate-modal .sp-gate-mark{grid-column:1;grid-row:1;z-index:1;
    width:324px;max-width:calc(100% - 52px);margin:0;padding:38px 26px 0;
    justify-self:center;align-self:start}
  #sp-login-gate-modal .sp-gate-mark .sp-gate-logo{width:100%;height:auto}
  #sp-login-gate-modal .sp-gate-mark.is-pair .sp-gate-logo{max-width:48%}
  #sp-login-gate-modal .sp-login-gate-header{grid-column:1;grid-row:3;z-index:1;
    align-self:end;align-items:flex-start;justify-content:flex-start;margin:0;padding:0 36px 8px}
  #sp-login-gate-modal .sp-gate-trust{grid-column:1;grid-row:4;z-index:1;align-self:start;
    margin:16px 0 0;padding:0 36px 36px;gap:0;font:600 13.5px/2 'Inter',system-ui,sans-serif;color:var(--g-trust)}
  #sp-login-gate-modal .sp-gate-trust li::before{font-weight:400;font-size:13.5px}
  #sp-login-gate-modal .sp-gate-formside{grid-column:2;grid-row:1 / span 4;padding:32px 36px 18px}

  #sp-login-gate-modal.sp-gate-textured .sp-login-gate-scrollable::before{
    background-size:100% auto !important;background-position:center -34px !important}

  #sp-login-gate-modal .sp-login-gate-title{color:var(--g-panel-ink);font-size:32px !important;line-height:1.12;letter-spacing:-.03em;white-space:normal}
  #sp-login-gate-modal .sp-login-gate-message{color:var(--g-panel-mut);font-size:14.5px;line-height:1.55;margin:0}
  html[data-tab="login"] #sp-login-gate-modal .sp-login-gate-message{display:block}
}

#sp-login-gate-modal .sp-social-separator span{display:inline-block}
#sp-login-gate-modal .sp-social-buttons{padding-bottom:26px}
#sp-login-gate-modal .sp-apple-relay-warn{position:absolute;left:0;right:0;bottom:1px;
  width:auto;transform:none;margin:0;text-align:center}
#sp-login-gate-modal .sp-login-gate-checkbox-wrapper label{color:var(--g-ink)}

#sp-login-gate-modal .sp-apple-signin-btn{width:var(--g-provider-w,100%) !important;min-height:var(--g-provider-h,42px) !important;height:var(--g-provider-h,42px) !important;border:1px solid var(--g-field-bd) !important;border-radius:10px !important;background:var(--g-sheet) !important;color:var(--g-ink) !important;font-size:14px !important;font-weight:500 !important}
#sp-login-gate-modal .sp-apple-signin-btn{line-height:normal !important;padding:0 14px !important}
