.login-page{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);width:100%;min-height:100dvh;background:var(--color-bg-dark);color:var(--color-text-on-dark)}.login-page__form-panel{display:flex;min-width:0;align-items:flex-start;justify-content:center;background:radial-gradient(circle at 15% 15%,rgba(var(--color-primary-rgb),.14),transparent 24rem),var(--color-bg-dark);padding:clamp(var(--space-5),2.8vh,var(--space-8)) var(--layout-gutter)}.login-page__form-shell{display:grid;gap:var(--space-4);width:min(100%,500px)}.login-page__brand-row{display:flex;align-items:center;gap:var(--space-2);width:-moz-fit-content;width:fit-content;color:var(--color-text-on-dark);text-decoration:none;transition:opacity var(--motion-base) ease}.login-page__brand-row:hover{opacity:.84}.login-page__brand-row:focus-visible{outline:none;box-shadow:none}.login-page__brand-logo{width:36px;height:36px;-o-object-fit:contain;object-fit:contain}.login-page__brand-row strong{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:-.02em}.login-page__mode-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border-bottom:1px solid var(--color-border-dark-soft);padding-bottom:var(--space-3)}.login-page__mode-row p{margin:0;color:var(--color-text-on-dark-muted);font-size:var(--font-size-sm)}.login-page__mode-button{border:0;background:transparent;color:var(--color-primary-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;padding:var(--space-2) 0}.login-page__mode-button:hover{color:var(--color-text-on-dark)}.login-page__mode-button:focus-visible{outline:none;box-shadow:none;color:var(--color-primary-light);text-decoration:underline;text-underline-offset:5px}.login-page__heading{display:grid;gap:var(--space-2)}.login-page__heading h1{margin:0;color:var(--color-text-on-dark);font-size:clamp(2rem,1.65rem + 1.15vw,3rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading)}.login-page__heading p{max-width:46rem;margin:0;color:var(--color-text-on-dark-muted);font-size:var(--font-size-sm);line-height:1.7}.login-page__form{display:grid;gap:var(--space-2)}.login-page__field{display:grid;gap:var(--space-1)}.login-page__field>span{color:var(--color-text-on-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.login-page__input-wrap{display:flex;min-height:46px;align-items:center;gap:var(--space-3);border:1px solid var(--color-border-dark);border-radius:var(--radius-lg);background:#ffffff09;padding-inline:var(--space-3);transition:border-color var(--motion-base) ease,background-color var(--motion-base) ease}.login-page__input-wrap:focus-within{border-color:color-mix(in srgb,var(--color-primary-light) 70%,var(--color-border-dark));background:rgba(var(--color-primary-rgb),.08)}.login-page__input-wrap>svg{width:var(--control-icon-size);height:var(--control-icon-size);flex:0 0 var(--control-icon-size);color:var(--color-text-on-dark-subtle)}.login-page__input-wrap input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--color-text-on-dark);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:none}.login-page__input-wrap input:focus,.login-page__input-wrap input:focus-visible{outline:0;box-shadow:none}.login-page__input-wrap input::-moz-placeholder{color:var(--color-text-on-dark-subtle)}.login-page__input-wrap input::placeholder{color:var(--color-text-on-dark-subtle)}.login-page__message{border:1px solid color-mix(in srgb,var(--color-danger) 36%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-danger-soft) 12%,transparent);padding:var(--space-2) var(--space-3);color:var(--red-20);font-size:var(--font-size-sm);line-height:var(--line-height-body)}.login-page__message--success{border-color:color-mix(in srgb,var(--color-success) 38%,transparent);background:color-mix(in srgb,var(--color-success-soft) 10%,transparent);color:var(--green-20)}.login-page__submit{display:flex;min-height:46px;align-items:center;justify-content:center;gap:var(--space-2);width:100%;border:0;border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--color-primary),var(--blue-40));color:var(--color-text-on-dark);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;box-shadow:0 16px 34px rgba(var(--color-primary-rgb),.22);transition:transform var(--motion-fast) ease,filter var(--motion-base) ease}.login-page__submit:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}.login-page__submit:active:not(:disabled){transform:translateY(0)}.login-page__submit:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.2),0 16px 34px rgba(var(--color-primary-rgb),.22)}.login-page__submit:disabled{cursor:wait;opacity:.62}.login-page__submit svg{width:1.1rem;height:1.1rem}.login-page__legal{margin:0;color:var(--color-text-on-dark-subtle);font-size:var(--font-size-xs);line-height:1.55;text-align:center}.login-page__visual-panel{position:relative;min-width:0;overflow:hidden;isolation:isolate;background:linear-gradient(145deg,var(--purple-100),var(--blue-100) 60%,var(--neutral-100))}.login-page__visual-panel:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 86%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 86%)}.login-page__visual-content{position:relative;z-index:1;display:flex;min-height:100%;flex-direction:column;align-items:center;justify-content:center;gap:clamp(var(--space-4),2.5vw,var(--space-8));padding:clamp(var(--space-6),3vw,var(--space-12));text-align:center}.login-page__visual-logo-wrap{position:relative;display:grid;width:min(58%,430px);aspect-ratio:1;place-items:center}.login-page__visual-logo-wrap:before{content:"";position:absolute;inset:12%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(var(--color-primary-rgb),.26),transparent 68%)}.login-page__visual-logo{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 28px 56px rgba(0,0,0,.24))}.login-page__visual-copy{display:grid;gap:var(--space-2);max-width:560px}.login-page__visual-copy>span{color:var(--color-primary-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.06em}.login-page__visual-copy h2{margin:0;color:var(--color-text-on-dark);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading)}.login-page__visual-copy p{margin:0;color:var(--color-text-on-dark-muted);font-size:var(--font-size-base);line-height:var(--line-height-body)}.login-page__visual-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.login-page__visual-glow--one{top:-10%;right:-8%;width:34vw;height:34vw;background:radial-gradient(circle,rgba(var(--color-primary-rgb),.22),transparent 70%)}.login-page__visual-glow--two{bottom:-14%;left:-12%;width:38vw;height:38vw;background:radial-gradient(circle,rgba(65,152,210,.18),transparent 70%)}@media(max-width:899px){.login-page{grid-template-columns:minmax(0,1fr);background:radial-gradient(circle at 50% -10%,rgba(var(--color-primary-rgb),.2),transparent 28rem),var(--color-bg-dark)}.login-page__visual-panel{display:none}.login-page__form-panel{min-height:100dvh;padding-block:var(--space-8);background:transparent}.login-page__form-shell{gap:var(--space-6);width:min(100%,520px)}}@media(max-width:479px){.login-page__form-panel{padding-inline:var(--page-padding-mobile)}.login-page__heading h1{font-size:clamp(2.2rem,12vw,3rem)}.login-page__mode-row{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.login-page__submit,.login-page__input-wrap,.login-page__mode-button{transition:none}}@media(min-width:900px){.login-page{height:100dvh;min-height:620px;overflow:hidden}.login-page__form-panel{height:100dvh;min-height:620px;align-items:center;overflow:hidden;padding:clamp(20px,3vh,30px) var(--layout-gutter)}.login-page__form-shell{width:min(100%,520px);max-height:calc(100dvh - 40px);gap:clamp(14px,2vh,20px)}.login-page__brand-logo{width:40px;height:40px}.login-page__brand-row strong{font-size:var(--font-size-lg)}.login-page__mode-row{min-height:42px;padding-bottom:var(--space-3)}.login-page__mode-row p,.login-page__mode-button{font-size:var(--font-size-sm)}.login-page__heading{gap:var(--space-2)}.login-page__heading h1{font-size:clamp(2.15rem,1.75rem + 1vw,2.85rem);line-height:1.22}.login-page__heading p{max-width:44rem;font-size:.9rem;line-height:1.7}.login-page__form{gap:clamp(10px,1.5vh,14px)}.login-page__field{gap:6px}.login-page__field>span{font-size:var(--font-size-sm)}.login-page__input-wrap{min-height:clamp(48px,6.8vh,52px);border-radius:var(--radius-lg);padding-inline:var(--space-4)}.login-page__input-wrap>svg{width:19px;height:19px;flex-basis:19px}.login-page__input-wrap input{font-size:var(--font-size-sm)}.login-page__message{padding:9px var(--space-3);font-size:var(--font-size-xs);line-height:1.55}.login-page__submit{min-height:clamp(48px,6.8vh,52px);border-radius:var(--radius-lg);font-size:var(--font-size-sm)}.login-page__legal{font-size:var(--font-size-xs);line-height:1.5}.login-page__visual-panel{height:100dvh;min-height:620px}.login-page__visual-content{gap:clamp(var(--space-5),3vh,var(--space-10));padding:clamp(var(--space-8),4vw,var(--space-16))}.login-page__visual-logo-wrap{width:min(56%,430px)}.login-page__visual-copy{gap:var(--space-2);max-width:540px}.login-page__visual-copy>span{font-size:var(--font-size-sm)}.login-page__visual-copy h2{font-size:clamp(1.8rem,1.35rem + 1.15vw,2.5rem)}.login-page__visual-copy p{font-size:var(--font-size-base);line-height:1.7}}@media(min-width:900px)and (max-height:700px){.login-page__form-panel{padding-block:16px}.login-page__form-shell{max-height:calc(100dvh - 32px);gap:12px}.login-page__brand-logo{width:36px;height:36px}.login-page__mode-row{min-height:36px;padding-bottom:8px}.login-page__heading{gap:5px}.login-page__heading h1{font-size:2rem}.login-page__heading p{font-size:.82rem;line-height:1.55}.login-page__form{gap:9px}.login-page__field{gap:4px}.login-page__field>span{font-size:var(--font-size-xs)}.login-page__input-wrap,.login-page__submit{min-height:46px}.login-page__legal{font-size:.72rem}.login-page__visual-content{gap:var(--space-5);padding:var(--space-8)}.login-page__visual-logo-wrap{width:min(50%,340px)}.login-page__visual-copy h2{font-size:1.8rem}.login-page__visual-copy p{font-size:var(--font-size-sm)}}