.login{color:var(--text-color);min-height:100vh;padding:calc(var(--nav-size) * 1.8) calc(var(--nav-size) * .3) calc(var(--nav-size) * 1.5);background:linear-gradient(-45deg, var(--bg-orange), var(--bg-pink), var(--bg-blue), var(--bg-mint));background-size:400% 400%;flex-direction:column;align-items:center;animation:12s infinite loginGradientShift;display:flex;position:relative;overflow-x:hidden}.light-theme .login{animation-duration:15s}.dark-theme .login{animation-duration:10s}@keyframes loginGradientShift{0%{background-position:0%}25%{background-position:100%}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0%}}.login-floating{pointer-events:none;z-index:0;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.login-circle{background:radial-gradient(circle, var(--white1-transp,#f4f7fd33) 0%, transparent 70%);border-radius:50%;animation:6s ease-in-out infinite loginFloat;position:absolute}.login-circle-1{width:180px;height:180px;animation-duration:9s;top:8%;left:6%}.login-circle-2{width:120px;height:120px;animation-duration:11s;animation-delay:-2s;top:55%;right:8%}.login-circle-3{width:220px;height:220px;animation-duration:13s;animation-delay:-4s;bottom:5%;left:55%}@keyframes loginFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-24px)rotate(180deg)}}.login-hero{z-index:2;width:100%;max-width:760px;padding:calc(var(--nav-size) * 1.2) 0 calc(var(--nav-size) * .6);text-align:center;position:relative}.login-title-wrap{max-width:900px;margin:0 auto}.login-eyebrow{margin:0 0 calc(var(--nav-size) * .2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.14em;text-transform:uppercase;color:var(--text-color-accent)}.login-title{font-weight:var(--font-weight-bold);letter-spacing:-.01em;font-size:var(--font-size-display);line-height:var(--line-height-tight);margin:0 0 calc(var(--nav-size) * .25)}.login-subtitle{color:var(--text-color-accent);font-size:var(--font-size-large);line-height:var(--line-height-relaxed);max-width:640px;margin:0 auto}.login-section{z-index:2;flex-direction:column;align-items:center;width:100%;max-width:760px;display:flex;position:relative}.login-card{background:color-mix(in srgb, var(--bg-1) 55%, transparent);border:1px solid var(--border-nav);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);width:100%;max-width:440px;padding:calc(var(--nav-size) * .6);margin-top:calc(var(--nav-size) * .3);text-align:left}.login-card form{gap:calc(var(--nav-size) * .3);flex-direction:column;display:flex}.login-form-group{gap:calc(var(--nav-size) * .12);flex-direction:column;display:flex}.login-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--text-color-accent);text-align:left}.login-input{min-height:0;font-family:inherit;font-size:var(--font-size-base);padding:calc(var(--nav-size) * .22) calc(var(--nav-size) * .3);border-radius:var(--border-radius);border:1px solid var(--border-nav);background:var(--bg-1);color:var(--text-color);transition:border-color .2s,box-shadow .2s}.login-input::placeholder{color:var(--text-color-accent);opacity:.7}.login-input:focus{border-color:var(--fg-blue);box-shadow:0 0 0 3px color-mix(in srgb, var(--fg-blue) 22%, transparent);outline:none}.login-input.error{border-color:var(--red0)}.login-password-wrapper{position:relative}.login-password-wrapper .login-input{width:100%;padding-right:calc(var(--nav-size) * 1.1)}.login-showhide{right:calc(var(--nav-size) * .15);min-height:0;padding:calc(var(--nav-size) * .08) calc(var(--nav-size) * .2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-blue);background:0 0;border:none;border-radius:999px;position:absolute;top:50%;transform:translateY(-50%)}.login-showhide:hover{background:color-mix(in srgb, var(--fg-blue) 14%, transparent);color:var(--fg-blue);transform:translateY(-50%)}.login-showhide:focus{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.login-submit{min-height:0;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);letter-spacing:.1em;text-transform:uppercase;padding:calc(var(--nav-size) * .22) calc(var(--nav-size) * .55);cursor:pointer;color:var(--text-color-inv);background:linear-gradient(45deg, var(--fg-blue), var(--fg-mint));margin-top:calc(var(--nav-size) * .15);border:1px solid #0000;border-radius:999px;transition:transform .2s,box-shadow .2s}.login-submit:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-actions{align-items:center;gap:calc(var(--nav-size) * .25);margin-top:calc(var(--nav-size) * .5);padding-top:calc(var(--nav-size) * .4);border-top:1px solid var(--border-nav);flex-direction:column;display:flex}.login-link{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--fg-blue);align-items:center;gap:calc(var(--nav-size) * .1);text-decoration:none;display:inline-flex}.login-link span{transition:transform .2s}.login-link:hover{color:var(--fg-mint)}.login-link:hover span{transform:translate(4px)}.login-guest{min-height:0;font-family:inherit;font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);letter-spacing:.1em;text-transform:uppercase;padding:calc(var(--nav-size) * .18) calc(var(--nav-size) * .5);cursor:pointer;border:1px solid var(--border-nav);color:var(--text-color);background:0 0;border-radius:999px;transition:transform .2s,background-color .2s}.login-guest:hover:not(:disabled){background:var(--bg-accent);color:var(--text-color);transform:translateY(-1px)}.login-guest:disabled{opacity:.6;cursor:not-allowed}@media (orientation:portrait){.login-card{max-width:100%}}@media (prefers-reduced-motion:reduce){.login,.login-circle{animation:none}}