body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:#f8f9fa;margin:0;padding:0;min-height:100vh}.login-container{max-width:400px;margin:80px auto 20px;padding:40px;background-color:white;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.1);border:1px solid #e9ecef}.login-title{text-align:center;margin-bottom:35px;color:#2c3e50;font-size:28px;font-weight:600}.form-group{margin-bottom:25px}.form-label{display:block;margin-bottom:8px;font-weight:500;color:#495057;font-size:14px;text-transform:uppercase;letter-spacing:0.5px}.form-control{width:100%;padding:14px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:16px;box-sizing:border-box;transition:all 0.3s ease;background-color:#f8f9fa}.form-control:focus{outline:none;border-color:#007bff;background-color:white;box-shadow:0 0 0 3px rgba(0,123,255,0.1)}.btn{width:100%;padding:14px 20px;background:linear-gradient(135deg,#007bff 0%,#0056b3 100%);color:white;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:0.5px}.btn:hover{background:linear-gradient(135deg,#0056b3 0%,#004085 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,123,255,0.3)}.btn:active{transform:translateY(0)}.error{color:#dc3545;font-size:13px;margin-top:8px;font-weight:500}.error-list{list-style:none;padding:0;margin:8px 0 0 0}.error-list li{margin-bottom:4px;padding:4px 0}@media (max-width:480px){.login-container{margin:60px 20px 20px;padding:30px 25px}.login-title{font-size:24px;margin-bottom:30px}.form-control{padding:12px 14px;font-size:16px}.btn{padding:12px 18px}}