body{background-color:#f3f4f6;color:#1f2937;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.login-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem}.login-box{width:100%;max-width:28rem;margin-top:1.5rem;padding:2rem 1.5rem;background-color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;overflow:visible;border-radius:.5rem;position:relative}.login-title-container{text-align:center;margin-bottom:2rem}.login-title-main{font-size:1.5rem;font-weight:700;color:#374151}.login-title-sub{font-size:1.25rem;color:#4b5563;margin-top:.5rem}.form-content-wrapper{max-width:320px;margin-left:auto;margin-right:auto;text-align:center}.form-label{display:block;font-weight:500;font-size:.875rem;color:#374151;text-align:left}.form-input{display:block;width:100%;margin-top:.25rem;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;padding:.5rem .75rem;box-sizing:border-box}.form-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e533;outline:none}.form-group{margin-top:1.5rem}.auth-info-text{font-size:.875rem;color:#4b5563;margin-top:1.5rem;margin-bottom:.75rem}.login-button-container{margin-top:2rem}.login-button{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.75rem 1rem;background-color:#4a80e5;border:transparent;border-radius:.5rem;font-weight:600;font-size:1.125rem;color:#fff;cursor:pointer;transition:background-color .2s ease-in-out;box-sizing:border-box}.login-button:hover{background-color:#3a67b8}.login-footer{text-align:center;margin-top:1.5rem}.forgot-password-link{font-size:.875rem;color:#4a80e5;text-decoration:underline}.forgot-password-link:hover{color:#3a67b8}.ssl-text{font-size:.625rem;font-weight:700;color:#6b7280;margin-top:1.5rem}.login-error-message{color:#ef4444;font-size:.875rem;text-align:left;margin-top:1rem;white-space:nowrap}.auth-success-banner{background-color:#d5e0d5;color:#374151;text-align:center;padding:1rem;width:90%;border-radius:.375rem;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.login-title-container{position:relative}.auth-success-popup{position:absolute;top:0;left:50%;transform:translate(-50%);background-color:#00984a;color:#fff;font-weight:700;font-size:1rem;padding:.5rem 1rem;border-radius:.5rem;display:inline-block;width:-moz-max-content;width:max-content;z-index:10;animation:slideDownFadeIn .3s ease-out forwards}@keyframes slideDownFadeIn{0%{opacity:0;transform:translate(-50%,-20%)}to{opacity:1;transform:translate(-50%)}}@keyframes slideUpFadeOut{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20%)}}.auth-success-popup.hide{animation:slideUpFadeOut .3s ease-in forwards}@media (max-width: 640px){.auth-success-popup{padding:.25rem .5rem;font-size:.875rem}}.auth-popup{position:absolute;top:0;left:50%;transform:translate(-50%);font-weight:700;font-size:1rem;padding:.5rem 1rem;border-radius:.5rem;display:inline-block;width:-moz-max-content;width:max-content;z-index:10;animation:slideDownFadeIn .3s ease-out forwards}