.login-page{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-topbar{z-index:10;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:absolute;top:0;left:0;right:0}.login-back-btn{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);transition:var(--transition);border-radius:9999px;align-items:center;gap:8px;min-height:44px;padding:10px 18px 10px 14px;font-size:.9rem;font-weight:600;display:flex}.login-back-btn:hover{color:var(--color-primary);border-color:var(--color-primary)}.login-theme-btn{background:var(--color-surface);border:1px solid var(--color-border);width:44px;height:44px;color:var(--color-text-secondary);transition:var(--transition);border-radius:9999px;justify-content:center;align-items:center;display:flex}.login-theme-btn:hover{color:var(--color-primary);border-color:var(--color-primary)}.login-card{background:var(--color-surface);border:1px solid var(--color-border);z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;width:100%;max-width:440px;padding:48px 40px;position:relative}[data-theme=dark] .login-card{background:#111827e0}.login-card__header{text-align:center;margin-bottom:28px}.login-card__logo{border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;display:inline-flex}.login-card__title{color:var(--color-text);margin-bottom:8px;font-size:1.7rem;font-weight:800}.login-card__subtitle{color:var(--color-text-secondary);font-size:.95rem}.login-card__form{flex-direction:column;gap:18px;display:flex}.login-tabs{background:var(--color-bg);border-radius:14px;gap:0;margin-bottom:24px;padding:4px;display:flex}.login-tab{color:var(--color-text-muted);transition:var(--transition);text-align:center;border-radius:11px;flex:1;padding:12px;font-size:.88rem;font-weight:700}.login-tab--active{background:var(--color-surface);color:var(--color-text);box-shadow:0 1px 3px #00000014}.login-hint{color:var(--color-text-muted);text-align:center;font-size:.75rem}.login-hint code{background:var(--color-bg);border-radius:6px;padding:2px 6px;font-weight:700}.login-forgot-row{justify-content:flex-end;margin-top:-6px;display:flex}.login-forgot{--forgot-ink:var(--color-primary-dark);border:1px solid var(--color-border);background:var(--color-surface);min-height:36px;color:var(--forgot-ink);transition:var(--transition);border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex}[data-theme=dark] .login-forgot{--forgot-ink:var(--color-primary)}.login-forgot:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.login-forgot:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.login-notice{background:var(--color-success-bg);color:var(--color-text);border:1px solid color-mix(in srgb, var(--color-success) 45%, transparent);border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:.88rem;line-height:1.5;display:flex}.login-notice svg{color:var(--color-success);flex-shrink:0;margin-top:2px}@media (max-width:768px){.login-page{align-items:stretch;padding:0}.login-card{border:none;border-radius:0;flex-direction:column;justify-content:center;max-width:100%;min-height:100vh;padding:32px 24px;display:flex}}