.login-page{background:linear-gradient(to bottom,var(--color-canvas),var(--color-surface));justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-card{text-align:center;flex-direction:column;gap:1.5rem;width:100%;max-width:400px;display:flex}.login-header{flex-direction:column;gap:.5rem;display:flex}.login-title{color:var(--color-text-primary);margin:0;font-size:2rem;font-weight:700}.login-subtitle{color:var(--color-text-muted);margin:0;font-size:1rem}.login-beta-notice{background:color-mix(in srgb,var(--color-text-primary)4%,transparent);border:1px solid color-mix(in srgb,var(--color-text-primary)8%,transparent);color:var(--color-text-muted);border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;font-size:.875rem;line-height:1.5;display:flex}.login-beta-badge{background:color-mix(in srgb,var(--accent-teal)10%,transparent);color:var(--accent-teal);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:.2rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.login-google-btn{background:var(--color-elevated);width:100%;color:var(--color-text-primary);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:background .2s,transform .2s;display:flex}.login-google-btn:hover{background:var(--color-hover);transform:translateY(-1px)}.login-help,.login-access{color:var(--color-text-muted);margin:0;font-size:.875rem}.login-link{color:var(--accent-teal);text-decoration:none}.login-link:hover{text-decoration:underline}.login-copyright{color:var(--color-text-muted);text-align:center;margin-top:1.5rem;font-size:.75rem}.login-link-btn{color:var(--accent-teal);cursor:pointer;background:0 0;border:none;padding:0;font-size:.875rem}.login-beta-expanded{background:color-mix(in srgb,var(--color-text-primary)4%,transparent);border:1px solid color-mix(in srgb,var(--color-text-primary)8%,transparent);color:var(--color-text-muted);text-align:left;opacity:0;border-radius:12px;flex-direction:column;gap:.75rem;max-height:0;padding:0;font-size:.875rem;line-height:1.6;transition:max-height .3s,opacity .3s,padding .3s;display:flex;overflow:hidden}.login-beta-expanded--open{opacity:1;max-height:200px;padding:1rem}