.auth-card {
            max-width: 500px; /* تم تكبير العرض قليلاً لاستيعاب الحقول الإضافية */
            margin: 60px auto;
            background: #fff;
            padding: 40px 50px;
            border: 1px solid #f1f1f1;
            box-shadow: 0 20px 40px rgba(0,0,0,0.03);
            text-align: center;
        }
        .auth-card h2 { font-family: 'Amiri', serif; font-size: 2.5rem; margin-bottom: 10px; color: #111; }
        .auth-card p { color: #888; font-weight: 300; margin-bottom: 30px; }
        .input-group { margin-bottom: 18px; text-align: right; }
        .input-group label { display: block; font-size: 0.85rem; color: #666; margin-bottom: 8px; }
        .input-group input, .input-group textarea {
            width: 100%; padding: 12px; border: 1px solid #eee; background: #fafafa;
            font-family: 'Cairo', sans-serif; transition: 0.3s; box-sizing: border-box;
        }
        .input-group input:focus, .input-group textarea:focus { border-color: #c5a059; outline: none; background: #fff; }
        .btn-auth {
            width: 100%; background: #111; color: #fff; border: none; padding: 15px;
            font-weight: 600; cursor: pointer; transition: 0.3s; margin-top: 10px; font-size: 1rem;
        }
        .btn-auth:hover { background: #c5a059; }
        .auth-footer { margin-top: 25px; font-size: 0.9rem; color: #666; }
        .auth-footer a { color: #c5a059; text-decoration: none; font-weight: 600; }
        .error-msg { color: #d93025; background: #fce8e6; padding: 10px; margin-bottom: 20px; font-size: 0.85rem; border-radius: 4px; }