.login-page{background:var(--lm-bg);min-height:100vh;display:flex}.login-container{width:100%;min-height:100vh;display:flex}.login-branding{background:linear-gradient(135deg,var(--lm-primary)0%,#1e40af 100%);color:#fff;padding:var(--lm-space-10);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-branding:before{content:"";background:#ffffff0d;border-radius:50%;width:500px;height:500px;position:absolute;top:-30%;right:-20%}.login-branding:after{content:"";background:#ffffff08;border-radius:50%;width:350px;height:350px;position:absolute;bottom:-20%;left:-10%}.login-branding-content{z-index:1;max-width:440px;position:relative}.login-logo{align-items:center;gap:var(--lm-space-3);font-size:var(--lm-text-xl);font-weight:var(--lm-weight-bold);color:#fff;margin-bottom:var(--lm-space-10);text-decoration:none;display:inline-flex}.login-headline{font-size:2.5rem;font-weight:var(--lm-weight-extrabold);margin-bottom:var(--lm-space-5);color:#fff;line-height:1.15}.login-headline .text-gradient{background:linear-gradient(90deg,#93c5fd,#c4b5fd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.login-subtext{font-size:var(--lm-text-base);color:#ffffffd9;line-height:var(--lm-leading-relaxed)}.login-form-section{padding:var(--lm-space-10);background:var(--lm-bg);flex:1;justify-content:center;align-items:center;display:flex}.login-form-wrapper{width:100%;max-width:400px}.login-title{font-size:var(--lm-text-2xl);font-weight:var(--lm-weight-bold);color:var(--lm-text);margin-bottom:var(--lm-space-2)}.login-subtitle{font-size:var(--lm-text-sm);color:var(--lm-text-secondary);margin-bottom:var(--lm-space-8)}.mobile-input-wrapper{border:1.5px solid var(--lm-border);border-radius:var(--lm-radius-lg);transition:border-color var(--lm-duration-fast)var(--lm-ease-default),box-shadow var(--lm-duration-fast)var(--lm-ease-default);align-items:center;display:flex;overflow:hidden}.mobile-input-wrapper:focus-within{border-color:var(--lm-primary);box-shadow:0 0 0 3px var(--lm-ring)}.mobile-prefix{font-size:var(--lm-text-sm);font-weight:var(--lm-weight-semibold);color:var(--lm-text-secondary);-webkit-user-select:none;user-select:none;background:var(--lm-surface);padding:.625rem 0 .625rem .875rem}.mobile-input{font-size:var(--lm-text-lg);letter-spacing:.05em;box-shadow:none!important;padding-left:var(--lm-space-2)!important;border:none!important;border-radius:0!important}.mobile-input:focus{box-shadow:none!important}.otp-inputs{gap:var(--lm-space-3);margin-bottom:var(--lm-space-6);justify-content:center;display:flex}.otp-input{text-align:center;width:52px;height:56px;font-size:var(--lm-text-2xl);font-weight:var(--lm-weight-bold);color:var(--lm-text);background:var(--lm-surface);border:1.5px solid var(--lm-border);border-radius:var(--lm-radius-lg);transition:border-color var(--lm-duration-fast)var(--lm-ease-default),box-shadow var(--lm-duration-fast)var(--lm-ease-default);caret-color:var(--lm-primary)}.otp-input:focus{border-color:var(--lm-primary);box-shadow:0 0 0 3px var(--lm-ring);outline:none}.otp-input-error{border-color:var(--lm-danger)}.otp-input-error:focus{border-color:var(--lm-danger);box-shadow:0 0 0 3px #ef444426}.otp-actions{margin-bottom:var(--lm-space-6);justify-content:space-between;align-items:center;display:flex}.otp-verifying{justify-content:center;align-items:center;gap:var(--lm-space-2);color:var(--lm-text-secondary);font-size:var(--lm-text-sm);margin-bottom:var(--lm-space-4);display:flex}.spinner{border:2px solid var(--lm-border);border-top-color:var(--lm-primary);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite lm-spin;display:inline-block}.login-footer-text{margin-top:var(--lm-space-8);font-size:var(--lm-text-xs);color:var(--lm-text-tertiary);text-align:center;line-height:var(--lm-leading-relaxed)}.login-footer-text a{color:var(--lm-primary);text-decoration:underline}.login-footer-text a:hover{color:var(--lm-primary-hover)}.login-dev-note{font-size:var(--lm-text-xs);color:var(--lm-text-tertiary);text-align:center;padding:var(--lm-space-3);background:var(--lm-bg-secondary);border-radius:var(--lm-radius-md);margin-top:var(--lm-space-4)}.login-mode-toggle{margin-top:var(--lm-space-6);font-size:var(--lm-text-sm);color:var(--lm-text-secondary);text-align:center}.login-mode-link{color:var(--lm-primary);font-weight:var(--lm-weight-semibold);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:none}.login-mode-link:hover{color:var(--lm-primary-hover);text-decoration:underline}@media (max-width:768px){.login-container{flex-direction:column}.login-branding{padding:var(--lm-space-8)var(--lm-space-6);min-height:auto}.login-headline{font-size:var(--lm-text-2xl);margin-bottom:var(--lm-space-3)}.login-subtext{font-size:var(--lm-text-sm)}.login-form-section{padding:var(--lm-space-8)var(--lm-space-6)}.otp-input{width:44px;height:48px;font-size:var(--lm-text-xl)}.otp-inputs{gap:var(--lm-space-2)}}