*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 50%,#60a5fa 100%);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.login-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);width:100%;max-width:420px;padding:40px;animation:slideIn .5s ease-out}@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}.logo-section{text-align:center;margin-bottom:35px}.logo-icon{width:130px;height:130px;display:flex;align-items:center;justify-content:center;margin:0 auto 15px}h1{color:#1e3a8a;font-size:28px;margin-bottom:8px}.subtitle{color:#64748b;font-size:14px}.form-group{margin-bottom:25px}label{display:block;color:#334155;font-weight:600;margin-bottom:8px;font-size:14px}input{width:100%;padding:14px 16px;border:2px solid #e0e7ff;border-radius:10px;font-size:15px;transition:all .3s ease;outline:none}input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.btn-login{width:100%;padding:15px;background:linear-gradient(135deg,#1e3a8a 0%,#3b82f6 100%);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease , box-shadow .2s ease;margin-top:10px}.btn-login:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(59,130,246,.4)}.btn-login:active{transform:translateY(0)}.remember-forgot{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:13px}.remember-me{display:flex;align-items:center;gap:6px;color:#64748b}.remember-me input[type="checkbox"]{width:auto;cursor:pointer}.forgot-password{color:#3b82f6;text-decoration:none;font-weight:600}.forgot-password:hover{text-decoration:underline;color:#1e3a8a}.footer-info{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid #e0e7ff;color:#94a3b8;font-size:12px}@media (max-width:480px){.login-container{padding:30px 20px}h1{font-size:24px}}