.login-page{--login-blue:#0060ff;--login-cyan:#00ccd7;--login-blue-soft:#4d94ff;--login-ink:#0f172a;--login-muted:#64748b;--login-line:#e2e8f0;background:radial-gradient(80% 60% at 10% 20%,#0066ff38,#0000 55%),radial-gradient(70% 50% at 90% 10%,#00ccd729,#0000 50%),radial-gradient(60% 45% at 70% 90%,#2563eb24,#0000 55%),linear-gradient(160deg,#eef5ff 0%,#f8fbff 45%,#e8f1ff 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;animation:.55s ease-out login-page-fade;display:flex;position:relative;overflow:hidden}.login-page:before,.login-page:after{content:"";filter:blur(40px);pointer-events:none;border-radius:50%;position:absolute}.login-page:before{background:#0066ff2e;width:min(420px,50vw);height:min(420px,50vw);animation:12s ease-in-out infinite login-blob;top:-8%;left:-4%}.login-page:after{background:#00ccd724;width:min(360px,45vw);height:min(360px,45vw);animation:14s ease-in-out infinite reverse login-blob;bottom:-10%;right:-6%}.login-page__shell{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #ffffffe6;border-radius:28px;grid-template-columns:1.05fr .95fr;width:min(1040px,100%);min-height:min(640px,100vh - 48px);animation:.65s cubic-bezier(.22,1,.36,1) login-shell-rise;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 60px -28px #0f172a47,0 10px 24px #0f172a0f}.login-page__panel{background:linear-gradient(165deg,#ffffff59 0%,#f1f7ff8c 100%);flex-direction:column;justify-content:space-between;gap:32px;padding:40px 36px 28px;display:flex}.login-page__logo-link{align-items:center;width:fit-content;max-width:100%;text-decoration:none;display:inline-flex}.login-page__logo{background:0 0;width:clamp(132px,28%,168px);max-width:100%;height:auto;animation:.7s cubic-bezier(.22,1,.36,1) 80ms both login-logo-in;display:block}.login-page__mobile-top,.login-page__panel-copy--mobile,.login-page__eyebrow,.login-page__mobile-links{display:none}.login-page__auth{display:contents}.login-page__panel-copy{max-width:420px}.login-page__headline{letter-spacing:-.03em;color:var(--login-ink);margin:0 0 14px;font-size:clamp(1.85rem,2.4vw,2.35rem);font-weight:700;line-height:1.15}.login-page__headline-accent{background-image:linear-gradient(90deg, #0050d4 0%, #0060ff 42%, var(--login-cyan) 100%);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.login-page__lede{color:var(--login-muted);margin:0;font-size:1rem;line-height:1.6}.login-page__panel-footer{flex-wrap:wrap;gap:8px 18px;font-size:.875rem;display:flex}.login-page__panel-footer a{color:var(--login-blue-soft);font-weight:500;text-decoration:none;transition:color .2s}.login-page__panel-footer a:hover{color:var(--login-cyan);text-decoration:underline}.login-page__card{background:#fff;border:1px solid #e2e8f0e6;border-radius:22px;flex-direction:column;justify-content:center;gap:24px;margin:18px;padding:36px 32px;animation:.7s cubic-bezier(.22,1,.36,1) .12s both login-card-in;display:flex;box-shadow:0 18px 40px -24px #0f172a40,0 4px 16px #0f172a0a}.login-page__brand{text-align:left}.login-page__title{letter-spacing:-.02em;color:var(--login-ink);margin:0 0 8px;font-size:1.75rem;font-weight:700}.login-page__subtitle{color:var(--login-muted);margin:0;font-size:.95rem}.login-page__subtitle a{color:var(--login-blue);font-weight:700;text-decoration:none}.login-page__subtitle a:hover{text-decoration:underline}.login-page__subtitle--mobile{display:none}.login-page__form{flex-direction:column;gap:16px;display:flex}.login-page__form .ui-field__label{color:var(--login-ink);font-weight:600}.login-page__form .ui-input{border-color:var(--login-line);background:#fff;border-radius:10px;padding:12px 14px}.login-page__form .ui-input:focus{border-color:var(--login-blue);box-shadow:0 0 0 3px #0066ff26}.login-page__password{position:relative}.login-page__password .ui-input{padding-right:108px}.login-page__forgot{z-index:1;letter-spacing:.04em;text-transform:uppercase;color:var(--login-blue);font-size:.72rem;font-weight:700;text-decoration:none;position:absolute;top:50%;right:42px;transform:translateY(-50%)}.login-page__forgot:hover{text-decoration:underline}.login-page__password-toggle{width:32px;height:32px;color:var(--login-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;margin:0;padding:0;transition:color .15s,background .15s;display:inline-flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.login-page__password-toggle:hover{color:var(--login-ink);background:#0f172a0d}.login-page__actions{justify-content:stretch;margin-top:4px;display:flex}.login-page__submit{justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;font-weight:600;transition:filter .2s,box-shadow .2s,transform .2s;box-shadow:0 10px 22px -10px #0075f1bf;background-image:linear-gradient(90deg, #0050d4 0%, #0060ff 48%, var(--login-cyan) 100%)!important;color:#fff!important;background-color:#0000!important;border:0!important;border-radius:999px!important;display:inline-flex!important}.login-page__submit:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 14px 28px -10px #0075f1d9}.login-page__footer{text-align:center;color:var(--login-muted);margin:0;font-size:.875rem}.login-page__footer a{color:var(--login-blue);font-weight:600;text-decoration:none}.login-page__footer a:hover{text-decoration:underline}.login-page__container--wide{width:min(640px,100%)}.invite-accept__meta{color:hsl(var(--muted-foreground));flex-direction:column;gap:4px;font-size:13px;display:flex}.invite-accept__section{flex-direction:column;gap:12px;padding-top:4px;display:flex}.invite-accept__section-title{letter-spacing:.02em;text-transform:uppercase;color:hsl(var(--muted-foreground));margin:0;font-size:13px;font-weight:600}.invite-accept__grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=560px){.invite-accept__grid{grid-template-columns:1fr}}.invite-accept__password-hints,.auth-password-hints{flex-direction:column;gap:4px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.invite-accept__password-hints li,.auth-password-hints li{color:hsl(var(--muted-foreground))}.invite-accept__password-hints li.is-ok,.auth-password-hints li.is-ok{color:#1b9849}.auth-password-fields{flex-direction:column;gap:12px;display:flex}.auth-password-field{position:relative}.auth-password-field__input{padding-right:42px}.auth-password-field__toggle{color:hsl(var(--muted-foreground));cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:inline-flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.auth-password-field__toggle:hover{color:hsl(var(--foreground))}.auth-password-field__toggle:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.invite-accept__readonly-input{background:hsl(var(--muted) / .45);cursor:default}.login-page__container .login-page__mobile-top{display:flex}.login-page__container .login-page__auth{flex-direction:column;gap:24px;display:flex}.login-page__container{z-index:1;background-color:#fff;border:1px solid #e2e8f0e6;border-radius:22px;flex-direction:column;gap:24px;width:min(420px,100%);padding:36px 32px;animation:.55s cubic-bezier(.22,1,.36,1) login-shell-rise;display:flex;position:relative;box-shadow:0 24px 48px -16px #0f172a2e,0 8px 24px #0f172a0f}@keyframes login-page-fade{0%{opacity:0}to{opacity:1}}@keyframes login-shell-rise{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes login-card-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes login-logo-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes login-blob{0%,to{transform:translate(0)}50%{transform:translate(18px,12px)}}@media (width<=900px){.login-page{background:radial-gradient(100% 70% at 110% -10%,#0075f133,#0000 55%),radial-gradient(80% 50% at -20% 15%,#00d1d11f,#0000 50%),radial-gradient(60% 40% at 50% 100%,#2563eb14,#0000 60%),linear-gradient(#f5f9ff 0%,#fff 42%,#f8fbff 100%);justify-content:flex-start;align-items:stretch;padding:0}.login-page:before{filter:blur(48px);background:#2d76ed47;width:min(340px,85vw);height:min(340px,85vw);top:-22%;left:auto;right:-24%}.login-page:after{filter:blur(52px);background:#00d1d129;width:min(240px,65vw);height:min(240px,65vw);display:block;inset:28% auto auto -28%}.login-page__shell{width:100%;min-height:100dvh;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;animation:.45s ease-out login-page-fade;display:block}.login-page__panel{display:none}.login-page__card,.login-page__container{z-index:1;width:100%;min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom));box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:space-between;gap:0;margin:0;animation:.55s cubic-bezier(.22,1,.36,1) login-shell-rise;display:flex;position:relative}.login-page__mobile-top{flex-direction:column;flex-shrink:0;gap:18px;padding:8px 4px 4px;display:flex}.login-page__mobile-top .login-page__logo{width:118px}.login-page__panel-copy--mobile,.login-page__eyebrow{display:none}.login-page__auth,.login-page__container .login-page__auth{width:100%;max-width:420px;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0;flex-direction:column;flex:auto;justify-content:center;gap:22px;margin:0 auto;padding:0;display:flex}.login-page__brand{flex-direction:column;gap:6px;display:flex}.login-page__title{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,8vw,2.4rem)}.login-page__subtitle--desktop,.login-page__footer--desktop{display:none}.login-page__subtitle--mobile{color:#64748b;margin:0;font-size:.92rem;display:block}.login-page__subtitle--mobile a{background-image:linear-gradient(90deg, #0050d4 0%, #0060ff 55%, var(--login-cyan) 100%);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.login-page__form{gap:14px;margin-top:0}.login-page__form .ui-field{gap:8px}.login-page__form .ui-field__label{clip:auto;white-space:normal;letter-spacing:.01em;color:#334155;border:0;width:auto;height:auto;margin:0;padding:0;font-size:.8rem;font-weight:600;position:static;overflow:visible}.login-page__form .ui-input{border:1px solid var(--login-line);min-height:52px;box-shadow:none;background:#fff;border-radius:16px;padding:14px 16px;font-size:1rem;transition:background .2s,border-color .2s,box-shadow .2s}.login-page__form .ui-input::placeholder{color:#94a3b8}.login-page__form .ui-input:hover{background:#fff;border-color:#cbd5e1}.login-page__form .ui-input:focus{background:#fff;border-color:#2d76ed8c;box-shadow:0 0 0 3px #2d76ed1f}.login-page__password .ui-input{padding-right:118px}.login-page__forgot{letter-spacing:.06em;border-radius:999px;padding:6px 8px;font-size:.7rem;right:46px}.login-page__forgot:hover{background:#2d76ed14;text-decoration:none}.login-page__password-toggle{border-radius:999px;width:36px;height:36px}.login-page__password-toggle:active{transform:translateY(-50%)scale(.96)}.login-page__actions{margin-top:10px}.login-page__submit{width:100%;min-width:0;min-height:52px;font-size:1rem;box-shadow:0 14px 28px -12px #0075f1bf,inset 0 1px #ffffff47;border-radius:16px!important;padding-inline:16px!important}.login-page__submit:active:not(:disabled){filter:brightness(.98);transform:translateY(1px)scale(.985)}.login-page__form .login-page__footer{color:#64748b;margin-top:4px;font-size:.92rem}.login-page__form .login-page__footer a{background-image:linear-gradient(90deg, #0050d4 0%, #0060ff 55%, var(--login-cyan) 100%);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.login-page__mobile-links{flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:8px 18px;margin-top:0;padding-top:18px;font-size:.8125rem;display:flex}.login-page__mobile-links a{color:#64748b;font-weight:500;text-decoration:none;transition:color .15s}.login-page__mobile-links a:hover,.login-page__mobile-links a:focus-visible{color:#0060ff}@media (height>=760px){.login-page__card,.login-page__container{padding-top:max(36px, env(safe-area-inset-top))}}}@media (prefers-reduced-motion:reduce){.login-page,.login-page__shell,.login-page__card,.login-page__logo,.login-page__container,.login-page:before,.login-page:after{animation:none}}
