/* Website authentication only: native fields over the shared Beams scene. */
.knowledge-auth { color-scheme:dark; }
.knowledge-auth .auth-main { min-height:100svh;display:grid;align-content:center;padding:148px 24px 56px; }
.auth-shell { width:min(100%,400px);margin-inline:auto; }
.auth-intro .product-label { margin:0 0 18px;font-size:11px;letter-spacing:.16em; }
.auth-intro h1 { font-family:var(--font-zh-serif);font-size:36px;font-weight:500;line-height:1.35;letter-spacing:.02em;margin:0;color:var(--home-text);text-shadow:0 2px 18px rgba(0,0,0,.45); }
.auth-description { margin-top:12px;font-size:14px;line-height:1.8;color:#d1ccc3;text-shadow:0 1px 6px rgba(0,0,0,.8); }
.auth-form { margin-top:32px; }
.auth-field + .auth-field { margin-top:20px; }
.auth-field label { display:block;font-size:13px;line-height:1.6;color:#e5e0d8;margin-bottom:9px;text-shadow:0 1px 5px rgba(0,0,0,.8); }
.auth-label-row { display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:9px; }
.auth-label-row label { margin-bottom:0; }
.auth-label-row span { color:#c6c0b6;font-size:11px;line-height:1.7;text-shadow:0 1px 5px rgba(0,0,0,.8); }
.auth-field input { display:block;width:100%;min-width:0;height:56px;margin:0;border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:15px 17px;background:rgba(10,10,12,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);font:inherit;font-size:16px;line-height:1.5;color:#f7f3ed;caret-color:#f3d5a7;transition:border-color 160ms ease,background-color 160ms ease; }
.auth-field input::placeholder { color:#9d9890;opacity:1; }
.auth-field input:hover { border-color:rgba(255,255,255,.32); }
.auth-field input:focus { outline:2px solid #e0c396;outline-offset:3px;border-color:rgba(245,221,184,.6);background-color:rgba(10,10,12,.67); }
.auth-field input:-webkit-autofill { -webkit-text-fill-color:#f7f3ed;caret-color:#f3d5a7;box-shadow:inset 0 0 0 100px #24201a; }
.knowledge-auth .auth-submit { width:100%;margin-top:28px;cursor:pointer; }
.knowledge-auth .auth-submit:disabled { opacity:.6;cursor:wait; }
.auth-alert { padding:12px 14px;margin:20px 0 0;border-radius:12px;border:1px solid rgba(255,181,154,.28);background:rgba(39,19,15,.8);color:#ffd0ba;font-size:13px;line-height:1.7;overflow-wrap:anywhere; }
.auth-alert:empty { display:none; }
.auth-navigation { display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px;min-height:44px;font-size:13px;line-height:1.6;color:#c6c0b6;text-shadow:0 1px 5px rgba(0,0,0,.8); }
.auth-navigation a { display:inline-flex;align-items:center;min-height:44px;padding:0 4px;color:#f0dfc3; }
.auth-navigation a:hover { color:#fff; }
.auth-note { margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);color:#bcb6ac;font-size:11px;line-height:1.9;text-shadow:0 1px 5px rgba(0,0,0,.85); }
.auth-home { display:inline-flex;align-items:center;gap:8px;padding:0 2px;font-size:12px;color:#d4cfc6;min-height:44px; }
.auth-home svg { width:16px;height:16px; }
@media(max-width:760px) {
  .knowledge-auth .auth-main { padding:132px 24px 40px; }
  .auth-intro h1 { font-size:32px; }
  .auth-intro .product-label { margin-bottom:16px; }
  .auth-form { margin-top:28px; }
  .auth-field + .auth-field { margin-top:18px; }
  .auth-note { margin-top:22px;padding-top:18px; }
}
@media(max-height:700px) {
  .knowledge-auth .auth-main { align-content:start;padding-top:116px; }
}
@media(prefers-reduced-motion:reduce) { .auth-field input { transition:none; } }
@media(forced-colors:active) {
  .auth-field input,.auth-alert { color:CanvasText;background:Canvas;border-color:CanvasText;-webkit-backdrop-filter:none;backdrop-filter:none; }
  .auth-field input:focus { outline-color:Highlight; }
}