body.auth{justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.auth-bg{z-index:0;pointer-events:none;filter:blur(8px);background:radial-gradient(620px 420px at 22% 14%,#4f7a6a33,#0000 60%),radial-gradient(560px 440px at 84% 6%,#b5654a26,#0000 62%),radial-gradient(700px 480px at 60% 96%,#c79a521f,#0000 64%);animation:22s ease-in-out infinite authbreathe;position:fixed;inset:-15%}@keyframes authbreathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.88;transform:scale(1.05)}}.back-home{z-index:3;color:var(--ink-500);align-items:center;gap:7px;font-size:13.5px;font-weight:600;display:inline-flex;position:fixed;top:22px;left:24px}.back-home:hover{color:var(--ink-800)}.back-home svg{width:15px;height:15px}.auth-card{z-index:1;background:var(--surface);border:1px solid var(--ink-200);width:100%;max-width:412px;box-shadow:var(--shadow-lg);animation:cardIn .7s var(--ease) both;border-radius:24px;padding:38px 34px 30px;position:relative}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}.auth-brand{justify-content:center;align-items:center;gap:11px;margin-bottom:20px;display:flex}.auth-brand .name{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink-900);font-size:21px;font-weight:500}.auth-head{text-align:center;margin-bottom:24px}.auth-head h1{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink-900);margin:0;font-size:27px;font-weight:500}.auth-head p{color:var(--ink-500);margin:9px 0 0;font-size:14.5px;line-height:1.5}.gbtn{border:1px solid var(--ink-200);background:var(--surface);width:100%;font-family:var(--sans);color:var(--ink-800);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px;font-size:14.5px;font-weight:600;transition:background .2s,border-color .2s;display:flex}.gbtn:hover{background:var(--paper-2);border-color:var(--ink-300)}.gbtn svg{width:18px;height:18px}.divider{color:var(--ink-400);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:12px;margin:18px 0;font-size:12px;font-weight:600;display:flex}.divider:before,.divider:after{content:"";background:var(--ink-200);flex:1;height:1px}.field{margin-bottom:14px}.field label{color:var(--ink-700);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.field input{border:1px solid var(--ink-200);width:100%;font-family:var(--sans);color:var(--ink-900);background:var(--surface);border-radius:11px;outline:none;padding:12px 13px;font-size:14.5px;transition:border-color .2s,box-shadow .2s}.field input:focus{border-color:var(--sage);box-shadow:0 0 0 4px #4f7a6a26}.field input::placeholder{color:var(--ink-400)}.row-between{justify-content:flex-end;align-items:center;margin:-4px 0 16px;display:flex}.row-between a,.row-between button{color:var(--sage-700);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--sans);background:0 0;border:none;padding:0}.row-between a:hover,.row-between button:hover{text-decoration:underline}.auth-submit{justify-content:center;width:100%;margin-top:4px;padding:13px;font-size:15.5px}.auth-foot{text-align:center;color:var(--ink-500);margin-top:22px;font-size:13.5px}.auth-foot button{color:var(--sage-700);cursor:pointer;background:0 0;border:none;padding:0;font-size:13.5px;font-weight:700}.auth-foot button:hover{text-decoration:underline}.auth-fineprint{text-align:center;color:var(--ink-400);margin-top:18px;font-size:11.5px;line-height:1.5}.auth-fineprint a{color:var(--ink-500);text-decoration:underline}body.auth[data-mode=login] .only-signup,body.auth[data-mode=signup] .only-login{display:none}@media (prefers-reduced-motion:reduce){.auth-bg,.auth-card{animation:none}}