*{margin:0;padding:0;box-sizing:border-box}body{background-image:linear-gradient(to top,#f3e7e9 0,#e3eeff 99%,#e3eeff 100%);min-height:100vh;display:flex;flex-direction:column;font-family:Arial,Tahoma,Geneva,Verdana,sans-serif}.main-container{flex:1;display:flex;align-items:center;justify-content:center;padding:20px}.login-container{background:#fff;border-radius:15px;box-shadow:0 15px 35px rgba(0,0,0,.4);overflow:hidden;max-width:1000px;width:100%;margin:0 auto}.company-logo{max-width:150px;margin-bottom:15px}.company-name{font-size:24px;font-weight:700;margin-bottom:5px;text-shadow:1px 1px 3px rgba(0,0,0,.3)}.portal-name{font-size:18px;font-weight:600;margin-bottom:20px;color:navy}.welcome-text{font-size:14px;line-height:1.5;margin-bottom:20px}.features-list{list-style:none;padding:0}.features-list li{margin-bottom:10px;display:flex;align-items:center;font-size:14px}.features-list i{margin-right:8px;color:#4fc3f7;font-size:16px}.login-form{padding:30px;height:100%}.form-title{color:#1a2980;font-weight:700;margin-bottom:25px;text-align:center;font-size:24px}.form-group{margin-bottom:20px}.form-label{font-weight:600;color:#1a2980;margin-bottom:8px;display:block;font-size:16px}.form-control{border-radius:8px;padding:12px 15px;border:2px dotted #1a2980;width:100%;font-size:15px;background-color:#f8f9fa}.form-control:focus{border-color:#26d0ce;box-shadow:0 0 0 .25rem rgba(38,208,206,.25);background-color:#fff}.btn-login{background:linear-gradient(135deg,#1a2980,#26d0ce);border:none;color:#fff;padding:14px;border-radius:8px;font-weight:600;width:100%;margin-top:15px;transition:.3s;font-size:17px}.btn-login:hover{background:linear-gradient(135deg,#15256d,#21b5b3);transform:translateY(-2px);box-shadow:0 5px 12px rgba(0,0,0,.2)}.footer{background:rgba(0,0,0,.7);color:#fff;text-align:center;padding:12px;font-size:12px;margin-top:auto}.footer a{color:#4fc3f7;text-decoration:none}.divider{border-top:2px dotted #dee2e6;margin:20px 0}@media (max-width:992px){.login-container{max-width:700px}}@media (max-width:768px){.login-form,.login-left{padding:25px 15px}.login-left{text-align:center}.features-list li{justify-content:center}}