*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Segoe UI',Tahoma,Arial,sans-serif;background:#f0ede8;color:#2c1a06;direction:rtl;min-height:100vh;display:flex;align-items:center;justify-content:center}
.card{background:#fff;border-radius:16px;padding:36px 32px;width:100%;max-width:380px;box-shadow:0 8px 32px rgba(0,0,0,0.12)}
.logo{text-align:center;margin-bottom:28px}
.logo h1{font-size:22px;color:#2d1a06;margin-top:8px}
.logo p{font-size:13px;color:#888;margin-top:4px}
.form-group{margin-bottom:16px}
label{display:block;font-size:13px;font-weight:600;color:#555;margin-bottom:6px}
input{width:100%;padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;direction:rtl;transition:border-color 0.2s}
input:focus{outline:none;border-color:#d4a844}
.btn{width:100%;padding:11px;background:linear-gradient(135deg,#2d1a06,#4a2e0a);color:#d4a844;border:none;border-radius:8px;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;margin-top:8px;transition:opacity 0.2s}
.btn:hover{opacity:0.9}
.error{background:#f8d7da;color:#721c24;padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:16px}
.success{background:#d4edda;color:#155724;padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:16px;line-height:1.6}
.divider{border:none;border-top:1px solid #f0ede8;margin:20px 0}
.hint{font-size:12px;color:#aaa;text-align:center}
.forgot-link{text-align:center;margin-top:16px}
.forgot-link a{color:#8a6d1a;font-size:13px;text-decoration:none}
.forgot-link a:hover{text-decoration:underline}
.back-link{text-align:center;margin-top:16px}
.back-link a{color:#888;font-size:13px;text-decoration:none}
.back-link a:hover{color:#2d1a06;text-decoration:underline}