.login-page{--login-bg:#141414;--login-card:#fefdf5c7;--login-elevated:#fefdf5eb;--login-hover:#f3e6bc8c;--login-border:#2d210d24;--login-text:#2d210d;--login-text-muted:#6b5530;--login-accent:#d4a84b;--login-accent-hover:#c4983f;--login-accent-fg:#2d210d;--login-chrome:#1a1a1a;--login-danger:#b91c1c;background-color:var(--login-bg);min-height:100vh;color:var(--login-text);background-image:url(/Logos-Tonki-SVG/hex-bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;padding-left:1rem;padding-right:1rem;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;background:#0a0a0a47;position:absolute;inset:0}.login-card{z-index:1;background:var(--login-card);-webkit-backdrop-filter:blur(18px)saturate(1.15);border:1px solid #ffffff59;border-radius:1.25rem;flex-direction:column;gap:1.25rem;width:100%;max-width:420px;margin-left:auto;margin-right:auto;padding:2rem 1.75rem;display:flex;position:relative;box-shadow:0 20px 40px -16px #00000073,inset 0 1px #ffffff73}.login-brand{flex-direction:column;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.login-logo{width:100%;max-width:180px;height:auto}.login-form{flex-direction:column;gap:.85rem;display:flex}.login-input{border:1px solid var(--login-border);background:var(--login-elevated);color:var(--login-text);border-radius:.75rem;padding:.8rem 1rem;transition:border-color .15s,background-color .15s,box-shadow .15s}.login-input::placeholder{color:color-mix(in srgb, var(--login-text) 45%, transparent)}.login-input:focus{border-color:color-mix(in srgb, var(--login-accent) 70%, var(--login-text));box-shadow:0 0 0 3px color-mix(in srgb, var(--login-accent) 22%, transparent);background:#fefdf5;outline:none}.login-btn{letter-spacing:.01em;border-radius:.75rem;padding:.8rem 1rem;font-weight:600;transition:background-color .15s,border-color .15s,opacity .15s}.login-btn:disabled{cursor:not-allowed;opacity:.65}.login-btn-primary{background:var(--login-accent);width:100%;color:var(--login-accent-fg);box-shadow:none;border:1px solid #0000;margin-top:.15rem}.login-btn-primary:hover:not(:disabled){background:var(--login-accent-hover)}.login-btn-outline{border:1px solid var(--login-border);width:100%;color:var(--login-text);background:#fefdf559}.login-btn-outline:hover:not(:disabled){background:var(--login-hover);border-color:color-mix(in srgb, var(--login-text) 22%, transparent)}.login-btn-google{justify-content:center;align-items:center;gap:.75rem;width:100%;display:flex}.login-divider{align-items:center;gap:.85rem;display:flex}.login-divider-line{border:none;border-top:1px solid var(--login-border);flex:1}.login-divider-label{letter-spacing:.04em;text-transform:uppercase;color:var(--login-text-muted);white-space:nowrap;flex-shrink:0;font-size:.7rem;font-weight:500}.login-error{text-align:center;color:var(--login-danger);font-size:.875rem;line-height:1.25rem}.login-register-intro{text-align:center;color:var(--login-text-muted);margin:0;font-size:.85rem;line-height:1.35rem}.login-mono{color:var(--login-text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8em}.login-field-label{letter-spacing:.02em;color:var(--login-text-muted);font-size:.75rem;font-weight:500}.login-fallback{background-color:#141414;background-image:url(/Logos-Tonki-SVG/hex-bg.jpg);background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-fallback:before{content:"";background:#0a0a0a47;position:absolute;inset:0}.login-fallback-text{z-index:1;color:#f5f0e6;font-size:.875rem;line-height:1.25rem;position:relative}