.provider-stack{display:grid;grid-template-columns:1fr;gap:8px;margin:17px 0 3px}
.provider-button{position:relative;min-height:42px;display:flex;align-items:center;justify-content:center;gap:11px;padding:0 14px;border:1px solid rgba(224,233,214,.16);border-radius:11px;background:rgba(230,238,222,.055);color:#e7eadf;font:500 11px var(--auth-sans);cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.provider-button:hover{background:rgba(230,238,222,.1);border-color:rgba(183,255,63,.38);transform:translateY(-1px)}
.provider-button:focus-visible{outline:2px solid var(--auth-lime);outline-offset:2px}
.provider-button:disabled{opacity:.55;cursor:wait;transform:none}
.provider-icon{position:absolute;left:15px;width:17px;height:17px;display:grid;place-items:center}
.google-icon{font:700 15px Arial,sans-serif;color:#fff;text-shadow:1px 0 #4285f4,-1px 0 #34a853,0 1px #fbbc05,0 -1px #ea4335}
.apple-icon{color:#f4f5ef}
.github-icon{color:#f1f2ec}
.auth-form.is-busy .auth-submit{opacity:.72;cursor:wait}
.form-status.is-error{color:#ff9a87}
.signup-glass .provider-stack{margin-top:13px}
@media(max-width:760px){.provider-stack{gap:7px}.provider-button{min-height:40px}}

/* Keep the story artwork in its own clear area beside/below the copy. */
@media(min-width:1201px){
  .auth-story{align-items:stretch}
  .story-copy{width:64%;max-width:none}
  .story-copy h1{font-size:clamp(58px,5.4vw,78px)}
  .story-description{max-width:300px}
  .glass-orbit{width:min(255px,38%);height:250px;right:0;top:0;bottom:auto;transform:none;opacity:.55}
  .orbit-outer{width:225px;height:154px}
  .orbit-inner{width:168px;height:115px}
  .orbit-core{width:76px;height:76px;border-radius:24px}
}
@media(min-width:1001px) and (max-width:1200px){
  .auth-story{align-items:stretch}
  .story-copy{width:100%;max-width:100%}
  .story-copy h1{font-size:clamp(58px,7vw,78px)}
  .glass-orbit{position:relative;width:min(300px,65%);height:220px;right:auto;top:auto;bottom:auto;transform:none;align-self:flex-end;margin:-8px 0 -20px auto;opacity:.48}
  .orbit-outer{width:260px;height:178px}
  .orbit-inner{width:190px;height:130px}
  .orbit-core{width:82px;height:82px;border-radius:25px}
}
@media(min-width:761px) and (max-width:1000px){
  .story-copy{max-width:100%}
  .glass-orbit{position:relative;width:min(330px,72%);height:230px;right:auto;top:auto;bottom:auto;transform:none;align-self:flex-end;margin:-8px 0 -20px auto;opacity:.48}
  .orbit-outer{width:260px;height:178px}
  .orbit-inner{width:190px;height:130px}
  .orbit-core{width:82px;height:82px;border-radius:25px}
}
@media(max-width:760px){
  .glass-orbit{position:relative;width:min(230px,70vw);height:180px;right:auto;top:auto;bottom:auto;transform:none;margin:-4px 0 -4px auto;opacity:.52}
  .orbit-outer{width:180px;height:124px}
  .orbit-inner{width:132px;height:90px}
  .orbit-core{width:69px;height:69px}
}

/* Compact, readable account actions */
.auth-card-head .secure-label{display:none}
.story-copy h1 span{color:var(--auth-lime);text-shadow:0 0 32px rgba(183,255,63,.16)}
.story-copy .scribble{display:none}
.story-proof{gap:10px;color:#c1c9b8;font:500 10px var(--auth-font);letter-spacing:.015em;flex-wrap:wrap}
.story-proof .proof-divider{display:none}
.story-index{color:#9ba391;font-size:9px}
.story-kicker,.card-eyebrow{font-size:10px;color:#bac3b0}
.field-hint,.password-strength small{font-size:10px!important;color:#b8c1ac!important}
.password-strength small{min-width:100px}
.auth-divider small{font-size:9px!important;color:#b0b9a5!important}
.auth-footnote{font-size:9px!important;color:#a7af9d!important}
.auth-footnote i{width:5px;height:5px}
.input-wrap input::placeholder{color:#aab3a0;opacity:1}
.input-wrap input{font-size:12px}
.provider-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:15px 0 1px}
.provider-button{min-height:44px;gap:8px;padding:0 9px;font-size:12px;color:#f1f4eb;border-color:rgba(224,233,214,.25);background:rgba(230,238,222,.075)}
.provider-icon{position:static;flex:none;width:19px;height:19px}
.provider-icon svg{display:block;width:19px;height:19px}
.google-icon{padding:2px;background:#fff;border-radius:50%;text-shadow:none}
.apple-icon{color:#f4f5ef}
.github-icon{color:#f4f5ef}
.auth-divider{margin:14px 0 12px}
.signup-glass .auth-divider{margin:13px 0 9px}
.terms-copy{margin:0;color:#c0c7b7;font-size:11px;line-height:1.5}
.terms-copy a{color:#d8ffa0;text-decoration:underline;text-decoration-color:rgba(216,255,160,.55);text-underline-offset:3px}
.terms-copy a:hover{color:#fff}
.policy-dialog form:last-child{margin-top:16px}
.policy-dialog .secondary-button{min-height:38px;padding:0 16px;border:1px solid rgba(220,225,213,.2);border-radius:9px;background:rgba(220,225,213,.07);color:#edf0e7}
.glass-orbit{opacity:.78;filter:drop-shadow(0 20px 45px rgba(0,0,0,.25)) drop-shadow(0 0 20px rgba(183,255,63,.12))}
.orbit-outer{border-color:rgba(213,229,194,.28);box-shadow:inset 0 0 32px rgba(183,255,63,.055),0 0 35px rgba(183,255,63,.065)}
.orbit-inner{border-color:rgba(183,255,63,.4)}
.orbit-core{background:linear-gradient(145deg,rgba(194,255,112,.22),rgba(14,20,11,.78));border-color:rgba(216,255,170,.45);box-shadow:0 0 36px rgba(183,255,63,.15),inset 0 1px rgba(255,255,255,.2)}
.orbit-node{border-color:rgba(206,241,171,.38);background:rgba(12,17,9,.84);color:#e7f2d8;box-shadow:0 0 18px rgba(183,255,63,.12)}
.form-status{min-height:0;font-size:11px;line-height:1.45;color:#d6decb}
.form-status:empty{display:none}
.form-status.is-error{color:#ff9a87}
.auth-form.is-busy .auth-submit{opacity:.85;cursor:wait}
@media(max-width:760px){
  .auth-side{order:-1}
  .auth-story{order:1}
  .provider-stack{gap:6px;margin-top:12px}
  .provider-button{min-height:42px;gap:5px;padding:0 4px;font-size:11px}
  .provider-icon,.provider-icon svg{width:18px;height:18px}
  .google-icon{padding:2px}
  .story-proof{font-size:9px;gap:7px}
  .terms-copy{font-size:10px}
  .auth-footnote{font-size:8px!important}
}
@media(max-width:420px){
  .provider-button{gap:4px;font-size:10px}
  .story-proof{font-size:8px}
}