.sfn-login{min-height:100dvh;display:grid;grid-template-columns:60% 40%;background-color:var(--dka-webapp-bg-page);overflow:hidden;position:relative}.sfn-login__left{display:flex;flex-direction:column;justify-content:space-between;padding:var(--dka-primitive-spacing-8) var(--dka-primitive-spacing-8) var(--dka-primitive-spacing-8) var(--dka-primitive-spacing-9);position:relative}.sfn-login__glow-line{position:absolute;inset:0;width:100%;height:100%;color:var(--dka-webapp-accent-primary);border-top-color:var(--dka-webapp-accent-secondary);opacity:.45;pointer-events:none;z-index:0}.sfn-login__brand{display:flex;align-items:center;gap:var(--dka-primitive-spacing-3);position:relative;z-index:1}.sfn-login__mark{width:2rem;height:2rem;flex-shrink:0;display:block}.sfn-login__brand-name{font-family:var(--dka-primitive-typography-fontFamily-ui),system-ui,sans-serif;font-size:var(--dka-primitive-typography-fontSize-sm);font-weight:var(--dka-primitive-typography-fontWeight-semibold);color:var(--dka-webapp-text-primary)}.sfn-login__hero{flex:1;display:flex;flex-direction:column;justify-content:center;padding:var(--dka-primitive-spacing-8) 0;position:relative;z-index:1}.sfn-login__overline{font-size:var(--dka-primitive-typography-fontSize-xs);font-weight:var(--dka-primitive-typography-fontWeight-semibold);letter-spacing:var(--dka-primitive-typography-letterSpacing-widest);text-transform:uppercase;color:var(--dka-webapp-accent-primary)}.sfn-login__headline,.sfn-login__overline{margin-bottom:var(--dka-primitive-spacing-5)}.sfn-login__headline{font-family:var(--dka-primitive-typography-fontFamily-ui),system-ui,sans-serif;font-size:clamp(2rem,3.5vw,3rem);font-weight:var(--dka-primitive-typography-fontWeight-bold);color:var(--dka-webapp-text-primary);line-height:var(--dka-primitive-typography-lineHeight-tight);letter-spacing:var(--dka-primitive-typography-letterSpacing-tight);max-width:18ch}.sfn-login__headline em{font-style:normal;color:var(--dka-webapp-accent-primary)}.sfn-login__desc{font-size:var(--dka-primitive-typography-fontSize-base);line-height:var(--dka-primitive-typography-lineHeight-relaxed);color:var(--dka-webapp-text-muted);max-width:46ch}.sfn-login__features{flex-direction:column;margin-top:var(--dka-primitive-spacing-8);list-style:none}.sfn-login__feature,.sfn-login__features{display:flex;gap:var(--dka-primitive-spacing-3)}.sfn-login__feature{align-items:center;font-size:var(--dka-primitive-typography-fontSize-sm);color:var(--dka-webapp-text-muted)}.sfn-login__feature-dot{width:6px;height:6px;border-radius:var(--dka-primitive-radius-full);background:var(--dka-webapp-accent-primary);flex-shrink:0}.sfn-login__feature-dot--secondary{background:var(--dka-webapp-accent-secondary)}.sfn-login__footer{font-size:var(--dka-primitive-typography-fontSize-xs);color:var(--dka-webapp-text-muted);position:relative;z-index:1}.sfn-login__right{display:flex;align-items:center;justify-content:center;padding:var(--dka-primitive-spacing-8);position:relative}.sfn-login__grid{position:absolute;inset:0;background-image:radial-gradient(circle,color-mix(in srgb,var(--dka-webapp-text-muted) 46%,transparent) 1px,transparent 1px);background-size:var(--dka-primitive-spacing-5) var(--dka-primitive-spacing-5);-webkit-mask-image:radial-gradient(ellipse at center,black 0,rgba(0,0,0,.26) 58%,transparent 82%);mask-image:radial-gradient(ellipse at center,black 0,rgba(0,0,0,.26) 58%,transparent 82%);pointer-events:none;opacity:.62}.sfn-login__card{width:100%;max-width:22rem;position:relative;z-index:1;animation:sfn-fade-up var(--dka-primitive-animation-duration-normal) var(--dka-primitive-animation-easing-ease-out) both}@keyframes sfn-fade-up{0%{opacity:0;transform:translateY(var(--dka-primitive-spacing-4))}to{opacity:1;transform:translateY(0)}}.sfn-login__card-title{font-family:var(--dka-primitive-typography-fontFamily-ui),system-ui,sans-serif;font-size:var(--dka-primitive-typography-fontSize-xl);font-weight:var(--dka-primitive-typography-fontWeight-bold);color:var(--dka-webapp-text-primary);letter-spacing:var(--dka-primitive-typography-letterSpacing-tight);margin-bottom:var(--dka-primitive-spacing-1)}.sfn-login__card-sub{font-size:var(--dka-primitive-typography-fontSize-sm);color:var(--dka-webapp-text-muted);margin-bottom:var(--dka-primitive-spacing-7)}.sfn-login__feedback{margin-bottom:var(--dka-primitive-spacing-4)}.sfn-login__submit{margin-top:var(--dka-primitive-spacing-2)}.sfn-toggle{margin-top:var(--dka-primitive-spacing-5);text-align:center;color:var(--dka-webapp-text-muted)}.sfn-toggle,.sfn-toggle__btn{font-size:var(--dka-primitive-typography-fontSize-sm)}.sfn-toggle__btn{background:none;border:none;color:var(--dka-webapp-accent-primary);font-family:var(--dka-primitive-typography-fontFamily-ui),system-ui,sans-serif;font-weight:var(--dka-primitive-typography-fontWeight-medium);cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px}.sfn-toggle__btn:hover{opacity:.75}.sfn-login__forgot{display:block;text-align:right;margin-top:var(--dka-primitive-spacing-1);margin-bottom:var(--dka-primitive-spacing-2);font-size:var(--dka-primitive-typography-fontSize-xs);color:var(--dka-webapp-text-muted);text-decoration:underline;text-underline-offset:3px;background:none;border:none;cursor:pointer;font-family:var(--dka-primitive-typography-fontFamily-ui),system-ui,sans-serif;padding:0}.sfn-login__forgot:hover{color:var(--dka-webapp-accent-primary)}.sfn-login__forgot:focus-visible{outline:2px solid var(--dka-webapp-accent-primary);outline-offset:2px;border-radius:var(--dka-primitive-radius-xs)}.sfn-auth-standalone{min-height:100dvh;display:flex;align-items:center;justify-content:center;background-color:var(--dka-webapp-bg-page);padding:var(--dka-primitive-spacing-8) var(--dka-primitive-spacing-5)}.sfn-auth-standalone__card{width:100%;max-width:22rem;animation:sfn-fade-up var(--dka-primitive-animation-duration-normal) var(--dka-primitive-animation-easing-ease-out) both}.sfn-auth-standalone__brand{display:flex;align-items:center;gap:var(--dka-primitive-spacing-2);margin-bottom:var(--dka-primitive-spacing-7)}.sfn-auth-standalone__mark{width:1.5rem;height:1.5rem;display:block}.sfn-auth-standalone__brand-name{font-size:var(--dka-primitive-typography-fontSize-sm);font-weight:var(--dka-primitive-typography-fontWeight-semibold)}.sfn-auth-standalone__brand-name,.sfn-auth-standalone__title{font-family:var(--dka-primitive-typography-fontFamily-ui),system-ui,sans-serif;color:var(--dka-webapp-text-primary)}.sfn-auth-standalone__title{font-size:var(--dka-primitive-typography-fontSize-xl);font-weight:var(--dka-primitive-typography-fontWeight-bold);letter-spacing:var(--dka-primitive-typography-letterSpacing-tight);margin-bottom:var(--dka-primitive-spacing-1)}.sfn-auth-standalone__sub{font-size:var(--dka-primitive-typography-fontSize-sm);color:var(--dka-webapp-text-muted);margin-bottom:var(--dka-primitive-spacing-7);line-height:var(--dka-primitive-typography-lineHeight-relaxed)}.sfn-auth-standalone__feedback{margin-bottom:var(--dka-primitive-spacing-4)}.sfn-auth-standalone__submit{margin-top:var(--dka-primitive-spacing-2)}.sfn-auth-standalone__back{display:block;margin-top:var(--dka-primitive-spacing-5);text-align:center;font-size:var(--dka-primitive-typography-fontSize-sm);color:var(--dka-webapp-accent-primary);text-decoration:underline;text-underline-offset:3px;background:none;border:none;cursor:pointer;font-family:var(--dka-primitive-typography-fontFamily-ui),system-ui,sans-serif;padding:0;width:100%}.sfn-auth-standalone__back:hover{opacity:.75}.sfn-auth-standalone__back:focus-visible{outline:2px solid var(--dka-webapp-accent-primary);outline-offset:2px;border-radius:var(--dka-primitive-radius-xs)}@media (max-width:768px){.sfn-login{grid-template-columns:1fr}.sfn-login__left{display:none}.sfn-login__right{padding:var(--dka-primitive-spacing-8) var(--dka-primitive-spacing-5);align-items:flex-start;padding-top:var(--dka-primitive-spacing-8)}}