.auth-shell{background:radial-gradient(circle, var(--paper-300) 1px, transparent 1px) 0 0 / 24px 24px, var(--paper-150);justify-content:center;align-items:center;min-height:100vh;padding:32px 24px;display:flex}.auth-card{background:var(--paper-50);border:1px solid var(--paper-300);border-radius:var(--r-4);width:100%;max-width:420px;box-shadow:var(--shadow-2);padding:36px}.auth-wordmark{align-items:center;gap:8px;margin-bottom:28px;text-decoration:none;display:inline-flex}.auth-wordmark__mark{background:var(--ink-900);border-radius:4px;width:22px;height:22px}.auth-wordmark__text{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--ink-900);font-size:14px;font-weight:600}.auth-heading{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--ink-900);margin:0 0 6px;font-size:22px;font-weight:600;line-height:1.2}.auth-sub{color:var(--ink-500);margin:0 0 28px;font-size:14px;line-height:1.55}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-form .field__label--row{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-form__row-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field__label-optional{color:var(--ink-300);margin-left:6px;font-size:12px;font-weight:400}.auth-link{color:var(--ink-500);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--paper-400);text-decoration-color:var(--paper-400);transition:color var(--dur-1) var(--ease);font-size:13px}.auth-link:hover{color:var(--ink-900)}.auth-link--button{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.auth-submit{width:100%;margin-top:4px}.auth-message{color:var(--ink-700);background:var(--paper-150);border:1px solid var(--paper-300);border-radius:var(--r-2);margin-top:4px;padding:10px 12px;font-size:13px}.auth-message--error{color:var(--neg-600);background:var(--neg-50);border-color:#b91c1c2e}.auth-footer{border-top:1px solid var(--paper-200);text-align:center;color:var(--ink-500);margin-top:24px;padding-top:20px;font-size:13px}.auth-footer a{color:var(--ink-900);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--paper-400);text-decoration-color:var(--paper-400);font-weight:500}.auth-footer a:hover{-webkit-text-decoration-color:var(--accent-500);text-decoration-color:var(--accent-500)}.auth-fineprint{text-align:center;color:var(--ink-300);margin-top:16px;font-size:11.5px;line-height:1.6}.auth-fineprint a{color:var(--ink-500);text-underline-offset:2px;text-decoration:underline}.auth-wordmark--center{justify-content:center;margin-bottom:28px;display:flex}.auth-tabs{background:var(--paper-200);border-radius:var(--r-2);gap:2px;margin-bottom:26px;padding:3px;display:flex}.auth-tab{font-family:var(--font-sans);color:var(--ink-500);border-radius:calc(var(--r-2) - 2px);cursor:pointer;transition:color var(--dur-1) var(--ease), background var(--dur-1) var(--ease);background:0 0;border:0;flex:1;padding:7px 12px;font-size:13px;font-weight:500}.auth-tab:hover{color:var(--ink-900)}.auth-tab--active{background:var(--paper-50);color:var(--ink-900);box-shadow:0 1px 2px #0017320f}@media (max-width:480px){.auth-shell{background:radial-gradient(circle, var(--paper-300) 1px, transparent 1px) 0 0 / 20px 20px, var(--paper-150);padding:20px 14px}.auth-card{border-radius:var(--r-3);padding:24px 20px}.auth-wordmark{margin-bottom:22px}.auth-heading{font-size:20px}.auth-sub{margin:0 0 22px;font-size:13.5px}.auth-form{gap:14px}.auth-form__row-2{grid-template-columns:1fr;gap:14px}.auth-tabs{margin-bottom:22px}.auth-tab{padding:8px 10px;font-size:12.5px}.auth-footer{margin-top:20px;padding-top:16px}}
