.auth{grid-template-columns:48% 52%;min-height:100vh;display:grid}.auth-brand{color:var(--primary-foreground);background:linear-gradient(155deg,#2a7a59 0%,#1f6b4e 42%,#154936 100%);flex-direction:column;justify-content:space-between;padding:48px 56px;display:flex;position:relative;overflow:hidden}.auth-brand-wash{pointer-events:none;background:radial-gradient(560px 360px at 88% -6%,#ffffff24,#0000 70%),radial-gradient(480px 380px at -8% 108%,#d9962f4d,#0000 72%);position:absolute;inset:0}.auth-brand-top,.auth-brand-mid,.auth-brand-foot{z-index:1;position:relative}.auth-brand-top{align-items:center;gap:11px;display:flex}.auth-brand-mark{background:#ffffff29;border:1px solid #ffffff2e;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.auth-brand-name{letter-spacing:-.01em;font-size:17px;font-weight:700}.auth-brand-mid{max-width:440px}.auth-brand-title{color:var(--primary-foreground);font-size:clamp(32px,3.6vw,46px);line-height:1.08}.auth-brand-sub{color:#fbf8f3d1;text-wrap:pretty;margin:18px 0 30px;font-size:16.5px;line-height:1.6}.auth-callouts{flex-direction:column;gap:12px;display:flex}.auth-callout{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #ffffff24;align-items:flex-start;gap:13px;padding:15px 17px;display:flex}.auth-callout-ic{width:36px;height:36px;color:var(--primary-foreground);background:#ffffff29;border-radius:10px;flex:none;place-items:center;display:grid}.auth-callout div{flex-direction:column;gap:2px;display:flex}.auth-callout b{font-size:14.5px;font-weight:600}.auth-callout span{color:#fbf8f3c7;font-size:13px;line-height:1.45}.auth-brand-foot{color:#fbf8f3b3;font-size:13.5px}.auth-form-side{background:var(--background);justify-content:center;align-items:center;padding:40px 32px;display:flex}.auth-card{width:100%;max-width:408px}.auth-mode-toggle{background:var(--muted);border:1px solid var(--border-subtle);border-radius:999px;gap:3px;margin-bottom:26px;padding:3px;display:inline-flex}.auth-mode-toggle button{color:var(--foreground-muted);cursor:pointer;white-space:nowrap;transition:all var(--dur-fast)var(--ease-calm);background:0 0;border:none;border-radius:999px;padding:7px 18px;font-family:inherit;font-size:13.5px;font-weight:600}.auth-mode-toggle button.on{background:var(--card);color:var(--primary);box-shadow:var(--shadow-sm)}.auth-title{font-size:30px;line-height:1.1}.auth-sub{color:var(--foreground-muted);margin:9px 0 26px;font-size:15px;line-height:1.5}.auth-oauth{flex-direction:column;gap:10px;display:flex}.oauth-btn{border-radius:var(--radius-md);background:var(--card);border:1px solid var(--border);width:100%;color:var(--foreground);cursor:pointer;box-shadow:var(--shadow-xs);transition:all var(--dur-fast)var(--ease-calm);justify-content:center;align-items:center;gap:11px;padding:12px 16px;font-family:inherit;font-size:14.5px;font-weight:600;display:flex}.oauth-btn:hover{border-color:var(--border-strong);background:var(--card-warm);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.oauth-mark{background:var(--primary-subtle);width:22px;height:22px;color:var(--primary);letter-spacing:-.02em;border-radius:6px;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.auth-divider{color:var(--foreground-subtle);align-items:center;gap:12px;margin:20px 0;font-size:12.5px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-fields{flex-direction:column;gap:15px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field-label{color:var(--foreground);justify-content:space-between;align-items:center;font-size:12.5px;font-weight:600;display:flex}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input-ic{color:var(--foreground-subtle);pointer-events:none;position:absolute;left:13px}.auth-input{width:100%;color:var(--foreground);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--dur-fast)var(--ease-calm),box-shadow var(--dur-fast)var(--ease-calm);padding:11px 14px 11px 40px;font-family:inherit;font-size:15px}.auth-input::placeholder{color:var(--foreground-subtle)}.auth-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle);outline:none}.auth-forgot{color:var(--primary);font-size:12.5px;font-weight:500;text-decoration:none}.auth-forgot:hover{text-decoration:underline}.auth-submit{border-radius:var(--radius-md);justify-content:center;width:100%;margin-top:22px;padding:13px;font-size:15.5px}.auth-switch{text-align:center;color:var(--foreground-muted);margin:20px 0 0;font-size:14px}.auth-switch button{cursor:pointer;color:var(--primary);white-space:nowrap;background:0 0;border:none;font-family:inherit;font-size:14px;font-weight:600}.auth-switch button:hover{text-decoration:underline}.auth-legal{text-align:center;color:var(--foreground-subtle);margin:16px 0 0;font-size:12px;line-height:1.5}.auth-legal a{color:var(--foreground-muted)}.auth-secured{color:var(--foreground-subtle);justify-content:center;align-items:center;gap:6px;margin-top:22px;font-size:12px;display:flex}.auth-secured svg{color:var(--success)}@media (max-width:880px){.auth{grid-template-columns:1fr}.auth-brand{min-height:auto;padding:36px 32px}.auth-brand-mid{max-width:none;margin:28px 0}.auth-brand-title{font-size:30px}.auth-callouts{display:none}.auth-form-side{padding:36px 24px 56px}}