.login-form-container{background-color:#0f0f0fe6;background-image:var(--dot-pattern-soft), var(--dot-pattern-accent);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);text-align:center;background-size:24px 24px,62px 62px;border:1px solid #ffffff1f;border-radius:32px;width:100%;max-width:420px;padding:2rem;box-shadow:0 22px 52px #0000006b}.login-form-container h2{margin-bottom:.65rem;font-size:2.15rem}.login-form-copy{margin-bottom:1.6rem;line-height:1.65}.login-form-error{color:#ffb4a8;margin-top:.85rem;font-size:.92rem;line-height:1.5}.google-button{color:#2a2622;background:#f2eee9;border:1px solid #c8642429;border-radius:20px;justify-content:center;align-items:center;gap:.6rem;width:100%;margin-top:.5rem;padding:1rem 1.1rem;font-size:1rem;font-weight:800;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 16px 32px #00000038}.google-button:hover{transform:translateY(-2px);box-shadow:0 20px 34px #00000047}.google-button:disabled{opacity:.72;cursor:wait;transform:none}.google-button svg{margin-right:0}@media (max-width:768px){.login-form-container{border-radius:24px;padding:1.6rem}}
.login-page-container{background:#0c0c0c;place-items:center;min-height:100vh;padding:max(1rem,min(2vw,2rem));display:grid;position:relative;overflow:hidden}.login-page-container:before,.login-page-container:after{content:"";pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.login-page-container:before{background-image:var(--dot-pattern-soft);opacity:.32;background-size:24px 24px}.login-page-container:after{background-image:var(--dot-pattern-accent);opacity:.24;background-size:62px 62px;animation:24s linear infinite login-dot-drift}.login-grid{z-index:1;grid-template-columns:minmax(0,1.1fr) minmax(360px,430px);align-items:center;gap:max(1rem,min(2vw,2.25rem));width:min(1160px,100%);display:grid;position:relative}.login-copy{background:#101010d6;border:1px solid #ffffff1a;border-radius:28px;gap:1rem;padding:max(1.2rem,min(2vw,2rem));display:grid;box-shadow:0 24px 56px #0000004d}.login-brand{margin-bottom:.3rem}.login-copy h1{max-width:10ch;font-size:max(2.4rem,min(4.4vw,4.2rem));line-height:.95}.login-copy__lede{max-width:36ch;color:var(--text-muted);font-size:1.02rem;line-height:1.65}.login-tags{flex-wrap:wrap;gap:.65rem;margin-top:.2rem;display:flex}.login-tag{color:#f3d0b4;background:#ff7e2614;border:1px solid #ff7e263d;border-radius:999px;justify-content:center;align-items:center;padding:.55rem .82rem;font-size:.84rem;font-weight:700;display:inline-flex}.login-main{place-items:center;min-height:580px;display:grid;position:relative}.login-dot-stage{background-color:#0e0e0edb;background-image:var(--dot-pattern-soft), var(--dot-pattern-accent);pointer-events:none;background-size:24px 24px,62px 62px;border:1px solid #ffffff14;border-radius:36px;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 28px 62px #00000061}.login-dot-ring,.login-dot-pulse{border-radius:999px;position:absolute}.login-dot-ring{border:1px solid #ff7e2657}.login-dot-ring--one{width:340px;height:340px;animation:22s linear infinite login-ring-rotate;top:-120px;right:-100px}.login-dot-ring--two{width:220px;height:220px;animation:16s linear infinite reverse login-ring-rotate;bottom:-72px;left:-72px}.login-dot-pulse{background:#ff7e26;width:14px;height:14px;box-shadow:0 0 0 6px #ff7e2629}.login-dot-pulse--one{animation:4.4s ease-in-out infinite login-dot-pulse;top:18%;left:14%}.login-dot-pulse--two{animation:5s ease-in-out .7s infinite login-dot-pulse;top:56%;right:15%}.login-dot-pulse--three{animation:4.7s ease-in-out 1.1s infinite login-dot-pulse;bottom:18%;left:28%}.login-form-stack{z-index:5;justify-content:center;width:100%;display:flex;position:relative}@keyframes login-dot-drift{0%{transform:translate(0,0)}to{transform:translate(-30px,-26px)}}@keyframes login-ring-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes login-dot-pulse{0%,to{opacity:.78;transform:scale(.95)}50%{opacity:1;transform:scale(1.22)}}@media (max-width:960px){.login-grid{grid-template-columns:1fr}.login-main{min-height:500px}.login-copy h1,.login-copy__lede{max-width:none}}@media (max-width:640px){.login-page-container{padding:.8rem}.login-copy{border-radius:22px;padding:1rem}.login-copy h1{font-size:2.1rem}.login-main{min-height:420px}.login-dot-stage{border-radius:24px}}