*{box-sizing:border-box}

body{margin:0;min-height:100vh;font-family:Arial,Helvetica,sans-serif;background:#f5f7fb;display:flex;align-items:center;justify-content:center}

.login-container{width:100%;max-width:420px;padding:20px}

.login-card{background:#fff;border-radius:16px;padding:40px;box-shadow:0 10px 35px rgba(0,0,0,.08)}

.logo{text-align:center;margin-bottom:32px}

.logo-icon{font-size:42px;margin-bottom:8px}

.logo h1{margin:0;font-size:30px;color:#222}

.logo p{margin:6px 0 0;color:#777;font-size:15px}

.form-group{margin-bottom:20px}

label{display:block;margin-bottom:7px;font-size:14px;font-weight:600;color:#333}

input{width:100%;padding:13px 14px;border:1px solid #d7dce5;border-radius:8px;font-size:15px;outline:none}

input:focus{border-color:#555}

button{width:100%;padding:14px;border:none;border-radius:8px;background:#222;color:#fff;font-size:16px;font-weight:600;cursor:pointer}

button:disabled{opacity:.6;cursor:not-allowed}

.error-message{margin-top:15px;color:#c62828;text-align:center;font-size:14px;min-height:20px}