.voca-auth{--auth-ink:#202720;--auth-muted:#64695f;--auth-paper:#f5f3ee;--auth-green:#2a4a3e;--auth-border:#d8dbd1;color-scheme:light;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);min-height:100svh;background:var(--auth-paper);color:var(--auth-ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}.voca-auth *{box-sizing:border-box}.voca-auth ::selection{background:#cbd7cb;color:#203b30}.auth-content{display:flex;flex-direction:column;min-width:0}.auth-footer,.auth-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:42px clamp(28px,4.5vw,72px)}.auth-brand{display:inline-flex;flex-shrink:0}.auth-brand .wordmark{height:28px;width:auto}.auth-home{display:inline-flex;align-items:center;gap:9px}.auth-footer,.auth-home{color:var(--auth-muted);font-size:12px}.auth-footer a,.auth-home{text-decoration:none}.auth-footer a:hover,.auth-home:hover{color:var(--auth-green);text-decoration:underline;text-underline-offset:4px}.auth-form-area{display:flex;flex:1;align-items:center;padding:44px 36px 68px}.voca-auth .auth-main{width:min(100%,400px);margin-inline:auto;padding:0;background:transparent;color:inherit}.voca-auth .auth-heading{margin:0 0 18px;font-family:var(--font-display-brand),"Playfair Display",Georgia,serif;font-size:clamp(36px,3.25vw,48px);font-weight:400;line-height:1.14;letter-spacing:-.045em;text-align:left;text-wrap:balance;color:var(--auth-ink)}.voca-auth .auth-description{margin:0 0 32px;color:var(--auth-muted);font-size:14px;line-height:1.75;text-align:left;overflow-wrap:anywhere}.voca-auth .auth-kicker{display:block;margin-bottom:18px;color:var(--auth-green);font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.voca-auth .auth-form{display:flex;flex-direction:column;gap:20px}.voca-auth .auth-field{display:flex;flex-direction:column;gap:8px}.voca-auth .auth-label,.voca-auth .label-text{display:block;font-size:12px;font-weight:500;color:var(--auth-ink)}.voca-auth .input{width:100%;height:54px;padding:0 16px;border:1px solid var(--auth-border);border-radius:5px;background:#fdfcf9;color:var(--auth-ink);box-shadow:none;font-family:inherit;font-size:16px;transition:border-color .15s,box-shadow .15s}.voca-auth .input::placeholder{color:#777c72;opacity:1}.voca-auth .input:focus{border-color:var(--auth-green);outline:2px solid #2a4a3e;outline-offset:3px}.voca-auth :is(a,button,input[type=checkbox]):focus-visible{outline:2px solid #8b6b47;outline-offset:5px}.voca-auth .btn{min-height:50px;height:auto;padding:13px 18px;border-radius:5px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.5;text-transform:none;box-shadow:none}.voca-auth .btn-primary{border:1px solid var(--auth-green);background:var(--auth-green);color:#fff}.voca-auth .btn-primary:hover:not(:disabled){background:#345b4b;border-color:#345b4b}.voca-auth .btn-primary:disabled{background:#dce1d8;color:#5e685e;border-color:#dce1d8;opacity:1}.voca-auth .btn-outline{border:1px solid var(--auth-border)}.voca-auth .btn-ghost,.voca-auth .btn-outline{color:var(--auth-green);background:transparent}.voca-auth .btn-ghost{border:1px solid transparent}.voca-auth .btn-ghost:hover{background:#e9ece3}.voca-auth .btn-sm{min-height:42px;padding:9px 12px;font-size:12px}.voca-auth .link{color:var(--auth-green);opacity:1;font-weight:500;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#aebbad}.voca-auth .link:hover{text-decoration-color:currentColor}.voca-auth button.link{min-height:44px;padding-block:10px;cursor:pointer}.voca-auth button:disabled{cursor:default}.voca-auth .link:disabled{color:var(--auth-muted);text-decoration:none}.voca-auth .auth-switch{margin:16px 0 0;text-align:center;font-size:12px}.voca-auth .auth-account{margin:28px 0 0;padding-top:26px;border-top:1px solid var(--auth-border);color:var(--auth-muted);font-size:13px;text-align:center}.voca-auth .auth-terms{margin:0;color:var(--auth-muted);font-size:11px;line-height:1.7}.voca-auth .alert,.voca-auth .auth-notice{display:block;padding:15px 17px;border:1px solid #d9cbb1;border-radius:5px;background:#eee8dc;color:#685234;font-size:13px;line-height:1.65;box-shadow:none}.voca-auth .auth-notice{margin-bottom:24px}.voca-auth .auth-success{margin-top:20px;border-color:#ccd8ca;background:#e8eee5;color:#304e3d}.voca-auth .auth-code{height:66px;margin-top:10px;text-align:center;font-size:28px;font-variant-numeric:tabular-nums;letter-spacing:.25em}.voca-auth .auth-code::placeholder{font-size:24px;color:#a1a99a}.voca-auth .auth-code-help{margin-top:28px;padding-top:24px;border-top:1px solid var(--auth-border);color:var(--auth-muted);font-size:12px}.voca-auth .auth-code-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 18px;margin-top:8px;font-size:12px}.voca-auth .text-error{color:#9a3430}.voca-auth [class*=opacity-60],.voca-auth [class*=opacity-70]{opacity:1;color:var(--auth-muted)}.voca-auth .auth-main .max-w-sm{max-width:none}.voca-auth .auth-main .bg-base-100{background:#fdfcf9;border-color:var(--auth-border);border-radius:6px}.voca-auth .auth-main .bg-base-200{background:#eeeee6;border-color:var(--auth-border);border-radius:4px}.voca-auth .auth-main .border-base-300{border-color:var(--auth-border)}.voca-auth .auth-main .checkbox{flex-shrink:0;color:var(--auth-green);border-color:#889781}.auth-footer{padding-block:28px;font-size:11px}.auth-story{display:flex;flex-direction:column;position:sticky;top:16px;align-self:start;height:calc(100svh - 32px);min-height:660px;margin:16px 16px 16px 0;overflow:hidden;border-radius:8px;color:#f5f3ee;background:#243f33}.auth-story-image{position:relative;flex:1;min-height:260px;overflow:hidden}.auth-story-image img{object-fit:cover;object-position:72% 55%}.auth-story-copy{padding:clamp(30px,3.7vw,58px)}.auth-eyebrow{display:block;margin-bottom:20px;color:#c9d5c5;font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.auth-story h2{margin:0;color:#f5f3ee;font-family:var(--font-display-brand),"Playfair Display",Georgia,serif;font-size:clamp(35px,3.5vw,54px);font-weight:400;line-height:1.12;letter-spacing:-.035em}.auth-story h2 em{display:block;color:#c7d1b8;font-weight:400}.auth-story-copy>p{max-width:340px;margin:22px 0 30px;color:#dae0d3;font-size:13px;line-height:1.8}.auth-story-footnote{display:flex;align-items:center;gap:9px;padding-top:22px;border-top:1px solid #ffffff26;color:#cbd5c6;font-size:11px}.auth-story-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#c7d1b8}@media (min-width:1600px){.voca-auth{grid-template-columns:1fr 1fr}.auth-story-copy{padding-inline:72px}}@media (max-width:1100px){.auth-footer,.auth-header{padding-inline:32px}.auth-story-copy{padding:34px}}@media (max-width:900px){.voca-auth{display:flex;flex-direction:column}.auth-content{min-height:100svh}.auth-story{display:none}.auth-header{padding:30px 28px}.auth-form-area{padding:44px 28px 64px}.voca-auth .auth-heading{font-size:42px}.auth-footer{padding:24px 28px}}@media (max-width:380px){.auth-footer,.auth-form-area,.auth-header{padding-inline:22px}.auth-home{font-size:11px;gap:5px}.auth-brand .wordmark{height:24px}.voca-auth .auth-heading{font-size:36px}}@media (prefers-reduced-motion:reduce){.voca-auth *{transition:none}}