.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#004d25,#003d1d);padding:20px}.login-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 60px #00000026;width:100%;max-width:400px;text-align:center}.login-header{margin-bottom:30px}.hawk-icon{color:#004d25;margin-bottom:16px}.login-title{font-size:32px;font-weight:700;color:#1a202c;margin:0 0 8px}.login-subtitle{color:#6b7280;font-size:14px;margin:0}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{text-align:left}.form-label{font-weight:600;color:#374151;margin-bottom:8px;font-size:14px}.form-input{padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;transition:border-color .3s ease}.form-input:focus{outline:none;border-color:#004d25;box-shadow:0 0 0 3px #004d251a}.form-input::placeholder{color:#9ca3af}.error-message{background:#fee2e2;border:1px solid #fca5a5;color:#dc2626;padding:12px;border-radius:8px;font-size:14px;text-align:center}.login-button{background:linear-gradient(135deg,#004d25,#003d1d);color:#fff;border:none;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #004d254d}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.login-hint{color:#6b7280;font-size:12px;margin:0;font-family:Courier New,monospace;background:#f9fafb;padding:8px;border-radius:6px;border:1px solid #e5e7eb}@media (max-width:480px){.login-card{padding:30px 20px}.login-title{font-size:28px}}