.login-page{background:var(--color-bg-base);justify-content:center;align-items:center;height:100dvh;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;background:radial-gradient(60% 50% at 30% 20%,#cc55220e 0%,#0000 70%),radial-gradient(50% 60% at 75% 80%,#cc552209 0%,#0000 70%);position:absolute;inset:0}.login-page:after{content:"";pointer-events:none;background-image:linear-gradient(#00000006 1px,#0000 1px),linear-gradient(90deg,#00000006 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70%,#000 30%,#0000 100%);mask-image:radial-gradient(70% 70%,#000 30%,#0000 100%)}.login-card{z-index:1;background:var(--color-glass);border:1px solid var(--color-glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;flex-direction:column;align-items:center;gap:0;width:100%;min-width:340px;max-width:380px;padding:44px 40px 40px;animation:.5s cubic-bezier(.22,1,.36,1) both loginCardIn;display:flex;position:relative;box-shadow:0 1px 3px #0000000f,0 8px 32px #00000012,inset 0 0 0 .5px #fffc}@keyframes loginCardIn{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.login-logo-wrap{flex-direction:column;align-items:center;gap:14px;margin-bottom:28px;animation:.5s cubic-bezier(.22,1,.36,1) 60ms both loginCardIn;display:flex}.login-logo-icon{border-radius:16px;flex-shrink:0;width:64px;height:64px;overflow:hidden;box-shadow:0 2px 8px #cc55222e,0 0 0 1px #cc55221f}.login-logo-icon img{object-fit:cover;width:100%;height:100%;display:block}.login-logo-icon-fallback{background:var(--color-accent);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 2px 8px #cc552240,0 0 0 1px #cc552226}.login-logo-icon-fallback span{font-family:var(--font-heading,"Outfit", sans-serif);color:#fff;letter-spacing:-.5px;font-size:26px;font-weight:800}.login-app-name{font-family:var(--font-heading,"Outfit", sans-serif);color:var(--color-text-primary);letter-spacing:-.4px;font-size:22px;font-weight:800}.login-tagline{color:var(--color-text-muted);text-align:center;margin-bottom:28px;font-size:13px;line-height:1.6;animation:.5s cubic-bezier(.22,1,.36,1) .12s both loginCardIn}.login-divider{background:var(--color-border,#00000012);width:100%;height:1px;margin-bottom:24px;animation:.5s cubic-bezier(.22,1,.36,1) .16s both loginCardIn}.login-google-btn{border:1px solid var(--color-border-hover,#0000001f);background:var(--color-bg-surface,#fff);width:100%;color:var(--color-text-primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:11px 20px;font-family:inherit;font-size:13.5px;font-weight:500;transition:background .18s,border-color .18s,box-shadow .18s,transform .15s;animation:.5s cubic-bezier(.22,1,.36,1) .2s both loginCardIn;display:flex}.login-google-btn:hover{background:var(--color-bg-elevated,#faf9f6);border-color:var(--color-border-accent,#cc552240);box-shadow:0 2px 8px #0000000f, 0 0 0 3px var(--color-accent-glow-subtle,#cc55220f);transform:translateY(-1px)}.login-google-btn:active{box-shadow:none;transform:translateY(0)}.login-google-btn-icon{flex-shrink:0;width:18px;height:18px}.login-footer-note{color:var(--color-text-dim,#b8b0a8);text-align:center;margin-top:20px;font-size:11px;line-height:1.7;animation:.5s cubic-bezier(.22,1,.36,1) .26s both loginCardIn}.login-footer-note a{color:var(--color-accent);text-decoration:none}.login-footer-note a:hover{text-decoration:underline}.login-error{color:var(--color-accent);text-align:center;margin-bottom:16px;font-size:12px;animation:.3s cubic-bezier(.22,1,.36,1) both loginCardIn}