.login-page{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);width:100%;min-height:100dvh;background:var(--color-bg-page);color:var(--color-text-primary);color-scheme:light}.login-page__form-panel{display:flex;min-width:0;align-items:flex-start;justify-content:center;background:radial-gradient(circle at 12% 10%,rgba(var(--color-primary-rgb),.1),transparent 22rem),radial-gradient(circle at 92% 88%,rgba(65,152,210,.1),transparent 24rem),linear-gradient(155deg,var(--neutral-0),#ffffff 58%,var(--purple-0));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-primary);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-soft);padding-bottom:var(--space-3)}.login-page__mode-row p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.login-page__mode-button{border:0;background:transparent;color:var(--color-primary);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-primary-hover)}.login-page__mode-button:focus-visible{outline:none;box-shadow:none;color:var(--color-primary);text-decoration:underline;text-underline-offset:5px}.login-page__heading{display:grid;gap:var(--space-2)}.login-page__heading h1{margin:0;color:var(--neutral-100);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-secondary);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-primary);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-soft);border-radius:var(--radius-lg);background:#ffffffe0;box-shadow:0 8px 26px #1414130b;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) 58%,var(--color-border-soft));background:#fff;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1),0 10px 28px #1414130d}.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-primary)}.login-page__input-wrap input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--color-text-primary);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-muted)}.login-page__input-wrap input::placeholder{color:var(--color-text-muted)}.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-90);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-90)}.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:#fff;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-muted);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;border-right:1px solid rgba(63,37,111,.14);background:radial-gradient(circle at 16% 14%,rgba(var(--color-primary-rgb),.26),transparent 28rem),radial-gradient(circle at 88% 82%,rgba(17,115,168,.18),transparent 30rem),linear-gradient(145deg,#ebe5ff 0%,var(--purple-10) 34%,#dfeffc 68%,var(--blue-10) 100%);box-shadow:14px 0 38px #3f256f14}.login-page__visual-panel:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(40,22,71,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(40,22,71,.055) 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),.2),rgba(255,255,255,.18) 42%,transparent 70%)}.login-page__visual-logo{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 28px 56px rgba(40,22,71,.18))}.login-page__visual-copy{display:grid;gap:var(--space-2);max-width:560px}.login-page__visual-copy>span{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.06em}.login-page__visual-copy h2{margin:0;color:var(--neutral-100);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-secondary);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),.2),transparent 70%)}.login-page__visual-glow--two{bottom:-14%;left:-12%;width:38vw;height:38vw;background:radial-gradient(circle,rgba(22,41,61,.24),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),.12),transparent 28rem),radial-gradient(circle at 90% 95%,rgba(65,152,210,.08),transparent 20rem),var(--color-bg-page)}.login-page__visual-panel{display:none}.login-page__form-panel{position:relative;min-height:100dvh;overflow:hidden;padding:var(--space-6) var(--layout-gutter) 7.5rem;background:linear-gradient(180deg,#fffffff5,#f7f5ffe8)}.login-page__form-panel:after{content:"";position:absolute;right:0;bottom:0;left:0;z-index:0;height:8.5rem;pointer-events:none;background:linear-gradient(rgba(40,22,71,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(40,22,71,.07) 1px,transparent 1px),linear-gradient(180deg,#e8e0ff2e,#daedfbb8);background-size:44px 44px,44px 44px,100% 100%;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.72) 24%,#000 58%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.72) 24%,#000 58%)}.login-page__form-shell{position:relative;z-index:1;gap:var(--space-4);width:min(100%,460px)}.login-page__brand-logo{width:34px;height:34px}.login-page__heading h1{font-size:clamp(1.9rem,7vw,2.35rem)}.login-page__heading p{max-width:34rem;font-size:.86rem;line-height:1.65}.login-page__form{gap:.7rem}.login-page__input-wrap,.login-page__submit{min-height:48px}}@media(max-width:479px){.login-page__form-panel{padding:1.15rem var(--page-padding-mobile) 6.75rem}.login-page__form-panel:after{height:7.5rem;background-size:38px 38px,38px 38px,100% 100%}.login-page__form-shell{gap:.85rem;width:min(100%,420px)}.login-page__brand-row{gap:.45rem}.login-page__brand-logo{width:31px;height:31px}.login-page__brand-row strong{font-size:1rem}.login-page__mode-row{align-items:center;gap:var(--space-2);padding-bottom:.65rem}.login-page__mode-row p,.login-page__mode-button{font-size:.78rem}.login-page__heading{gap:.4rem}.login-page__heading h1{font-size:clamp(1.72rem,8.5vw,2rem);line-height:1.3}.login-page__heading p{font-size:.8rem;line-height:1.6}.login-page__field{gap:.3rem}.login-page__field>span{font-size:.78rem}.login-page__input-wrap{min-height:46px;gap:.6rem;border-radius:14px;padding-inline:.75rem}.login-page__input-wrap>svg{width:18px;height:18px;flex-basis:18px}.login-page__input-wrap input{font-size:.84rem}.login-page__submit{min-height:47px;border-radius:14px;font-size:.84rem}.login-page__legal{font-size:.7rem;line-height:1.55}}@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)}}.login-page__input-wrap input:-webkit-autofill,.login-page__input-wrap input:-webkit-autofill:hover,.login-page__input-wrap input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text-primary);-webkit-box-shadow:0 0 0 1000px #ffffff inset;caret-color:var(--color-text-primary);-webkit-transition:background-color 9999s ease-out 0s;transition:background-color 9999s ease-out 0s}html:has(.app--auth),body:has(.app--auth),html.login-page-active,body.login-page-active{background:var(--color-bg-page);color-scheme:light}@media(max-width:899px){html:has(.app--auth),body:has(.app--auth),html.login-page-active,body.login-page-active,.app.app--auth,.app--auth .app__main-010--auth,.login-page{min-height:100svh;background:var(--color-bg-page);overscroll-behavior-y:none}.app.app--auth,.app--auth .app__main-010--auth{color:var(--color-text-primary)}.login-page__form-panel{min-height:100svh}}@supports (height: 100dvh){@media(max-width:899px){.app.app--auth,.app--auth .app__main-010--auth,.login-page,.login-page__form-panel{min-height:100dvh}}}
