@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.font-bold,[class*=inter-bold]{font-family:"Inter",sans-serif;font-weight:700}.font-semibold,[class*=inter-semibold]{font-family:"Inter",sans-serif;font-weight:600}.font-regular,[class*=inter-regular]{font-family:"Inter",sans-serif;font-weight:400}:root{--primary-blue:#1e3d8f;--secondary-blue:#2856c7}*{margin:0;padding:0;box-sizing:border-box;font-family:"Inter",sans-serif}body{min-height:100vh;background-image:url(../images/bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;padding:20px}.container{width:100%;max-width:450px;background:#fff;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.1);padding:40px}.logo{width:120px;display:block;margin:0 auto 30px}.form-box h1,.input-field{font-family:"Inter",sans-serif}.form-box h1{text-align:center;font-size:24px;margin-bottom:30px;font-weight:700;color:#333}.input-field{width:100%;padding:12px 15px;margin-bottom:15px;border:1px solid #ddd;border-radius:5px;font-size:14px;transition:border-color .3s;font-weight:400}.input-field:focus{border-color:var(--primary-blue);outline:0}.password-container{position:relative;margin-bottom:15px}.password-container .input-field{margin-bottom:0;padding-right:40px}input[type=password]::-ms-clear,input[type=password]::-ms-reveal,input[type=password]::-webkit-contacts-auto-fill-button,input[type=password]::-webkit-credentials-auto-fill-button{display:none!important;pointer-events:none;visibility:hidden}input[type=password]::-webkit-inner-spin-button,input[type=password]::-webkit-search-cancel-button,input[type=password]::-webkit-search-decoration,input[type=password]::-webkit-search-results-button,input[type=password]::-webkit-search-results-decoration{-webkit-appearance:none;margin:0}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;color:#777;z-index:10}.password-toggle:hover{color:var(--primary-blue)}.remember-me{display:flex;align-items:center;margin-bottom:15px;font-weight:400;font-size:14px}.remember-me input[type=checkbox]{margin-right:8px;cursor:pointer}.remember-me label{cursor:pointer;color:#555}.remember-me,.sign-in-btn,.user-login{font-family:"Inter",sans-serif}.sign-in-btn{width:100%;padding:12px;background:linear-gradient(to right,var(--primary-blue),var(--secondary-blue));color:#fff;border:0;border-radius:5px;font-size:16px;cursor:pointer;transition:opacity .3s;font-weight:600}.sign-in-btn:hover{opacity:.9}.user-login{display:block;text-align:center;color:#000;margin-top:15px;text-decoration:none;font-size:14px;font-weight:400}.user-login:hover{text-decoration:underline}@media (max-width:480px){.container{padding:20px}.logo{width:100px}.form-box h1{font-size:20px}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.9);display:none;justify-content:center;align-items:center;z-index:1000}.loader{width:100px;height:100px;border:8px solid #f3f3f3;border-top:8px solid #073884;border-radius:50%;animation:spin 1s linear infinite}.fade-in{animation:fadeIn .3s ease-in}