.volt-auth-page{--auth-green:#193e32;--auth-gold:#d7b56d;display:grid;min-height:100vh;min-height:100dvh;place-items:center;padding:36px 24px;background:radial-gradient(ellipse at 15% 8%,#e8e4d8 0,transparent 55%),#f3f1ec;color:#202d27}
.volt-auth-page [hidden]{display:none!important}
.volt-auth-page .auth-layout{display:grid;grid-template-columns:minmax(290px,.95fr) minmax(360px,1.05fr);width:min(100%,960px);overflow:hidden;border:1px solid #deded3;border-radius:26px;background:#fffefa;box-shadow:0 24px 70px -28px #233e333d}
.volt-auth-page .auth-story{position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;padding:42px 36px;color:#f7f5eb;background:linear-gradient(145deg,#254c3d,#15382d);overflow:hidden}
.volt-auth-page .auth-story:after{content:"";position:absolute;z-index:-1;width:380px;height:380px;right:-240px;top:80px;border:1px solid #d7b56d28;border-radius:50%;box-shadow:0 0 0 38px #d7b56d07,0 0 0 76px #d7b56d05;pointer-events:none}
.volt-auth-page .auth-wordmark{display:flex;align-items:center;gap:13px;font-family:Manrope,system-ui,sans-serif;font-size:31px;line-height:1;font-weight:800;letter-spacing:.015em}
.volt-auth-page .auth-wordmark small{display:block;margin-top:8px;color:#d0dacd;font-family:"DM Sans",system-ui,sans-serif;font-size:8px;letter-spacing:.18em;font-weight:600}
.volt-auth-page .auth-logo{display:grid;place-items:center;width:47px;height:53px;color:var(--auth-gold);border:1px solid #d7b56d55;border-radius:13px;background:#ffffff05}
.volt-auth-page .auth-logo svg{width:25px;height:31px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.volt-auth-page .auth-story-copy{margin:66px 0 28px}
.volt-auth-page .auth-story-kicker{display:block;margin-bottom:15px;font-size:9px;font-weight:700;letter-spacing:.15em;color:var(--auth-gold)}
.volt-auth-page .auth-story h2{margin:0;color:#fffdf6;font-size:clamp(25px,2.7vw,32px);font-weight:700;line-height:1.25;letter-spacing:-.045em}
.volt-auth-page .auth-story-copy p{max-width:300px;margin:18px 0 0;font-size:13px;line-height:1.85;color:#c6d4c9}
.volt-auth-page .auth-story-steps{display:grid;gap:17px;margin:0 0 48px;padding:0;list-style:none;font-size:12px;color:#e6ebe2}
.volt-auth-page .auth-story-steps li{display:flex;align-items:center;gap:12px}
.volt-auth-page .auth-story-steps span{font-size:9px;letter-spacing:.04em;color:var(--auth-gold);border-bottom:1px solid #d7b56d55;padding-bottom:2px}
.volt-auth-page .auth-story-footer{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:20px;border-top:1px solid #fffefa1c;font-size:10px;color:#c6d4c9;line-height:1.5}
.volt-auth-page .auth-story-footer>span{width:5px;height:5px;flex:none;border-radius:50%;background:var(--auth-gold)}
.volt-auth-page .auth-card{align-self:center;min-width:0;min-height:0;padding:46px 44px;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
.volt-auth-page .auth-kicker{margin:0 0 12px;font-size:9px;font-weight:800;letter-spacing:.14em;color:#8b672b}
.volt-auth-page .auth-card h1{margin:0 0 11px;font-size:29px;font-weight:800;letter-spacing:-.05em;line-height:1.2;color:#24392f}
.volt-auth-page .auth-card .auth-intro{margin:0 0 29px;font-size:13px;line-height:1.7;color:#72776c}
.volt-auth-page .auth-form{display:grid;gap:19px;margin:0}
.volt-auth-page .auth-field{display:grid;gap:8px;min-width:0}
.volt-auth-page .auth-field label{font-size:12px;letter-spacing:0;font-weight:700;color:#374b40}
.volt-auth-page .auth-label-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 10px}
.volt-auth-page .auth-label-row a{font-size:10px;color:#577260;text-decoration:none;line-height:1.6}
.volt-auth-page .auth-label-row a:hover{text-decoration:underline;text-underline-offset:3px}
.volt-auth-page .auth-field input{display:block;width:100%;min-width:0;min-height:49px;padding:12px 14px;background:#fffefa;color:#26392f;border:1px solid #dddcd2;border-radius:9px;font-size:14px;box-shadow:0 2px 3px #20372803;transition:border-color .15s,box-shadow .15s}
.volt-auth-page .auth-field input::placeholder{color:#91958b;opacity:1;font-size:12px}
.volt-auth-page .auth-field input:focus{outline:none;border-color:#49785f;box-shadow:0 0 0 3px #39745a15}
.volt-auth-page .password-wrap input{padding-right:80px}
.volt-auth-page .password-toggle{min-height:40px;right:4px;padding:9px;color:#577260;font-size:11px;letter-spacing:0;white-space:nowrap}
.volt-auth-page .password-toggle:focus-visible,.volt-auth-page summary:focus-visible,.volt-auth-page a:focus-visible,.volt-auth-page button:focus-visible{outline:2px solid #9d7735;outline-offset:3px;border-radius:5px}
.volt-auth-page .auth-field-help{font-size:10px;line-height:1.4;color:#797e73}
.volt-auth-page .auth-error{min-height:0;margin:0;font-size:12px;text-align:left;line-height:1.6;color:#a34337}
.volt-auth-page .auth-error:empty{display:none}
.volt-auth-page .auth-submit{display:flex;align-items:center;justify-content:center;gap:14px;min-height:50px;margin:4px 0 0;padding:13px 18px;border:1px solid var(--auth-green);border-radius:9px;background:var(--auth-green);color:#fffefa;font-size:13px;font-weight:700;box-shadow:0 7px 16px #193e3212}
.volt-auth-page .auth-submit:hover{background:#254f3e;transform:none}
.volt-auth-page .auth-submit:disabled{opacity:.65;cursor:wait}
.volt-auth-page .auth-submit>span:last-child{font-size:20px;font-weight:400;line-height:1}
.volt-auth-page .auth-help{margin-top:23px;font-size:12px}
.volt-auth-page .auth-help summary{width:fit-content;cursor:pointer;color:#577260;text-underline-offset:3px}
.volt-auth-page .auth-help details[open] summary{margin-bottom:12px;color:#294b38}
.volt-auth-page .auth-help p{margin:7px 0;color:#74796f;line-height:1.7}
.volt-auth-page .auth-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px;margin-top:30px;padding-top:20px;border-top:1px solid #e9e6db;font-size:10px;line-height:1.6;color:#85897e}
.volt-auth-page .auth-bottom a{font-weight:700;color:#42654f;text-decoration:none}
.volt-auth-page .auth-bottom a:hover{text-decoration:underline;text-underline-offset:3px}
.volt-auth-page .auth-bottom a span{margin-left:4px}
.volt-auth-page .auth-invitation-state{display:flex;align-items:flex-start;gap:12px;margin:0 0 22px;padding:15px;background:#f1f3eb;border:1px solid #e2e7d9;border-radius:10px}
.volt-auth-page .auth-state-icon{display:grid;place-items:center;flex:none;width:23px;height:23px;border:1px solid #c8d6c6;border-radius:50%;font-size:17px;color:#477053}
.volt-auth-page .auth-invitation-state strong{font-size:12px;font-weight:700;line-height:1.5;color:#37503e}
.volt-auth-page .auth-invitation-state p{margin:5px 0 0;font-size:11px;line-height:1.7;color:#6c7868}
.volt-auth-page .auth-invitation-state.is-error{background:#fbf2ec;border-color:#efdcd0}
.volt-auth-page .auth-invitation-state.is-error strong{color:#854631}
.volt-auth-page .auth-invitation-state.is-error .auth-state-icon{color:#9d583d;border-color:#ddbaa7}
.volt-auth-page .auth-retry{margin:0 0 20px;font-size:12px}
.volt-auth-page .auth-shared-note{display:flex;align-items:flex-start;gap:10px;margin:-7px 0 23px;padding:13px 14px;border-left:2px solid #c4a364;border-radius:0 8px 8px 0;background:#f6f2e8}
.volt-auth-page .auth-shared-note p{margin:0;font-size:11px;line-height:1.7;color:#706750}
.volt-auth-page .auth-shared-note strong{display:block;margin-bottom:3px;color:#6d562d;font-size:11px}
.volt-auth-page .auth-note-mark{color:#a47d36;font-size:17px;line-height:1.4}
.volt-auth-page .auth-form-note{margin:-7px 0 0;text-align:center;font-size:10px;line-height:1.6;color:#85897e}
.volt-auth-page .auth-recovery-help{margin:0;font-size:12px;line-height:1.75;color:#74796f}
.volt-auth-page .auth-text-button{display:block;margin:16px 0 0;padding:4px 0;border:0;background:transparent;color:#42654f;font:inherit;font-size:12px;line-height:1.6;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.volt-auth-page .auth-recovery-action{width:100%;margin-top:18px;text-align:center;text-decoration:none;font-size:12px}
.volt-auth-page .auth-invitation-state.is-success{background:#edf4eb;border-color:#d2e1cb}
.volt-auth-page .auth-invitation-state.is-success .auth-state-icon{color:#315d3c;border-color:#b3caaa;font-size:13px}
@media(min-width:760px){.volt-auth-page .auth-layout-join .auth-story-copy{margin-top:78px}.volt-auth-page .auth-layout-join .auth-card{padding-top:38px;padding-bottom:35px}}
@media(max-width:759px){
  .volt-auth-page{display:block;padding:20px 14px 28px;background:#f3f1ec}
  .volt-auth-page .auth-layout{display:block;width:min(100%,460px);margin:0 auto;border-radius:20px;box-shadow:0 16px 45px -22px #233e3330}
  .volt-auth-page .auth-story{padding:22px 25px}
  .volt-auth-page .auth-wordmark{font-size:27px;gap:11px}
  .volt-auth-page .auth-wordmark small{font-size:7px;margin-top:6px}
  .volt-auth-page .auth-logo{width:40px;height:44px;border-radius:10px}
  .volt-auth-page .auth-logo svg{width:21px;height:27px}
  .volt-auth-page .auth-story-copy,.volt-auth-page .auth-story-steps,.volt-auth-page .auth-story-footer{display:none}
  .volt-auth-page .auth-story:after{top:-230px;right:-250px}
  .volt-auth-page .auth-card{width:100%;padding:29px 25px 25px;min-height:0}
  .volt-auth-page .auth-card h1{font-size:27px}
  .volt-auth-page .auth-card .auth-intro{margin-bottom:24px;font-size:12px}
  .volt-auth-page .auth-field input{font-size:16px;min-height:49px}
  .volt-auth-page .auth-form{gap:17px}
  .volt-auth-page .auth-bottom{margin-top:25px;padding-top:17px}
  .volt-auth-page .auth-layout-join .auth-card{padding-top:25px}
}
@media(max-width:359px){.volt-auth-page{padding:10px 9px 20px}.volt-auth-page .auth-card{padding:25px 20px}.volt-auth-page .auth-story{padding:19px 20px}.volt-auth-page .auth-card h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){.volt-auth-page input,.volt-auth-page button{transition:none}}