.login-page{justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex;position:relative}.login-card{background:color-mix(in srgb, var(--color-surface-alt) 88%, transparent);-webkit-backdrop-filter:blur(10px);border:1.5px solid var(--color-border);width:100%;max-width:380px;box-shadow:var(--shadow-card);text-align:center;border-radius:20px;padding:32px 28px}.login-card h1{font-family:var(--font-heading);color:var(--color-text);margin-bottom:24px;font-size:1.6rem}.login-card p{font-family:var(--font-body);color:var(--color-text-secondary);font-size:1rem}.btn-google{border:1px solid var(--color-border);background:var(--color-surface);-webkit-backdrop-filter:blur(6px);width:100%;color:var(--color-text);font-family:var(--font-body);cursor:pointer;border-radius:999px;padding:12px 20px;font-size:.95rem;font-weight:700;transition:transform .15s,background .15s}.btn-google:hover{filter:brightness(1.08);transform:translateY(-2px)}.divider{color:var(--color-text-secondary);font-family:var(--font-body);align-items:center;gap:10px;margin:20px 0;font-size:.82rem;display:flex}.divider:before,.divider:after{content:"";background:var(--color-border);flex:1;height:1px}.login-card form{flex-direction:column;gap:12px;display:flex}.login-card input[type=email]{border:1.5px solid var(--color-border);background:var(--color-surface);width:100%;font-family:var(--font-body);color:var(--color-text);box-sizing:border-box;border-radius:14px;outline:none;padding:12px 16px;font-size:16px}.login-card input[type=email]::placeholder{color:var(--color-text-faint)}.login-card input[type=email]:focus{border-color:var(--color-accent-strong);background:var(--color-surface-alt)}.login-card form button[type=submit]{background:var(--color-accent-strong);-webkit-backdrop-filter:blur(6px);color:#fff;font-family:var(--font-heading);cursor:pointer;box-shadow:var(--shadow-primary-btn);border:none;border-radius:999px;padding:12px 20px;font-size:.95rem;font-weight:700;transition:transform .15s}.login-card form button[type=submit]:hover{transform:translateY(-2px)scale(1.02)}.login-card form button[type=submit]:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width:768px){.login-card{max-width:420px;padding:28px 24px}}@media (max-width:480px){.login-page{align-items:flex-start;padding:15vh 16px 16px}.login-card{border-radius:18px;max-width:100%;padding:24px 20px}.login-card h1{margin-bottom:20px;font-size:1.4rem}.btn-google,.login-card form button[type=submit]{padding:13px 20px;font-size:.9rem}.login-card input[type=email]{padding:13px 14px}}@media (max-width:340px){.login-page{padding:10vh 12px 12px}.login-card{padding:20px 16px}.login-card h1{font-size:1.25rem}}@media (min-width:1440px){.login-card{max-width:420px;padding:40px 36px}.login-card h1{font-size:1.8rem}}.site-header{z-index:10;position:absolute;top:24px;left:32px}.site-header__logo{font-family:var(--font-heading);color:var(--color-accent-strong);font-size:1.3rem;font-weight:800;text-decoration:none}.site-header__logo:hover{filter:brightness(.9)}@media (max-width:480px){.site-header{top:16px;left:20px}.site-header__logo{font-size:1.1rem}}.login-card__companion{width:120px;margin:0 auto 16px}.login-card__companion img,.login-card__companion svg{width:100%;height:auto;display:block}@media (max-width:480px){.login-card__companion{width:90px;margin-bottom:12px}}.login-tabs{background:var(--color-accent);border-radius:999px;margin-bottom:20px;padding:4px;display:flex}.login-tab{font-family:var(--font-body);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;padding:8px;font-size:.85rem;font-weight:700;transition:background .15s,color .15s}.login-tab--active{background:var(--color-accent-strong);color:#fff}.login-card input[type=password]{border:1.5px solid var(--color-border);background:var(--color-surface);width:100%;font-family:var(--font-body);color:var(--color-text);box-sizing:border-box;border-radius:14px;outline:none;padding:12px 16px;font-size:16px}.login-card input[type=password]:focus{border-color:var(--color-accent-strong);background:var(--color-surface-alt)}.login-error{color:var(--color-danger);text-align:left;margin:-4px 0 0;font-size:.8rem;font-weight:700}.login-forgot-link{color:var(--color-accent-strong);text-align:right;font-size:.8rem;font-weight:600;text-decoration:underline}