.login-page{background:var(--bg-primary);width:100%;min-height:100vh;position:relative}.login-container{width:100%;padding:var(--spacing-lg)var(--spacing-sm);justify-content:center;align-items:center;min-height:calc(100vh - 180px);display:flex}.login-card{background:var(--primary-dark);border-radius:var(--radius-md);width:100%;max-width:900px;min-height:500px;box-shadow:var(--shadow-md);display:flex;overflow:hidden}.login-image-section{flex:0 0 40%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-bg-image{object-fit:cover;width:100%;height:100%}.login-form-section{padding:var(--spacing-xl)var(--spacing-lg);flex-direction:column;flex:0 0 60%;justify-content:center;display:flex}.login-logo{margin-bottom:var(--spacing-md)}.login-logo img{border-radius:50%;width:120px;height:120px}.login-welcome{margin-bottom:var(--spacing-lg)}.welcome-text{color:var(--white);font-size:var(--fs-service-title);font-family:var(--font-primary);font-weight:var(--fw-semibold);line-height:1.2}.login-form{flex-direction:column;display:flex}.input-group{margin-bottom:var(--spacing-md)}.input-label{color:var(--accent-light-green);font-size:var(--fs-body);font-family:var(--font-primary);font-weight:var(--fw-regular);margin-bottom:var(--spacing-xs);display:block}.phone-input-wrapper{align-items:center;display:flex}.phone-prefix{color:var(--accent-light-green);font-size:var(--fs-body);font-family:var(--font-primary);margin-right:var(--spacing-xs)}.form-input{border:none;border-bottom:1px solid var(--white);width:100%;color:var(--white);font-size:var(--fs-body);font-family:var(--font-primary);padding:var(--spacing-xs)0;transition:border-color var(--transition-normal);background:0 0;outline:none}.form-input::placeholder{color:#ffffff80}.form-input:focus{border-bottom-color:var(--accent-light-green)}.form-input:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#fcc;padding:var(--spacing-sm);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);font-size:16px;font-family:var(--font-primary);background:#ff646433;border:1px solid #ff646480}.signin-button{background:var(--primary-gradient-start);border-radius:var(--radius-md);width:160px;height:50px;color:var(--white);font-size:var(--fs-button);font-family:var(--font-primary);font-weight:var(--fw-medium);cursor:pointer;transition:all var(--transition-normal);margin-bottom:var(--spacing-md);border:none}.signin-button:hover:not(:disabled){background:var(--btn-hover);transform:translateY(-2px)}.signin-button:disabled{opacity:.7;cursor:not-allowed}.signup-text{color:var(--accent-light-green);font-size:var(--fs-body);font-family:var(--font-primary);font-weight:var(--fw-regular)}.signup-link{cursor:pointer;transition:color var(--transition-normal);text-decoration:underline}.signup-link:hover{color:var(--white)}input:-webkit-autofill{caret-color:var(--white);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--primary-dark)inset!important;-webkit-text-fill-color:var(--white)!important}input:-webkit-autofill:hover{caret-color:var(--white);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--primary-dark)inset!important;-webkit-text-fill-color:var(--white)!important}input:-webkit-autofill:focus{caret-color:var(--white);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--primary-dark)inset!important;-webkit-text-fill-color:var(--white)!important}input:-webkit-autofill:active{caret-color:var(--white);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--primary-dark)inset!important;-webkit-text-fill-color:var(--white)!important}@media (max-width:1200px){.login-card{max-width:800px;min-height:450px}.login-form-section{padding:var(--spacing-lg)var(--spacing-md)}.login-logo img{width:100px;height:100px}}@media (max-width:992px){.login-card{flex-direction:column;max-width:600px;min-height:auto}.login-image-section{flex:0 0 200px;min-height:200px}.login-form-section{padding:var(--spacing-md)var(--spacing-sm)}.login-logo img{width:90px;height:90px}}@media (max-width:768px){.login-container{padding:var(--spacing-md)var(--spacing-xs)}.login-card{max-width:100%}.login-image-section{flex:0 0 150px;min-height:150px}.login-form-section{padding:var(--spacing-sm)var(--spacing-sm)}.login-logo img{width:80px;height:80px}.signin-button{width:140px;height:45px}}@media (max-width:480px){.login-image-section{flex:0 0 120px;min-height:120px}.login-form-section{padding:var(--spacing-sm)var(--spacing-xs)}.login-logo img{width:70px;height:70px}.signin-button{width:120px;height:40px}.error-message{font-size:14px}}