/* Modal styles aligned with auth theme */
        .modal-overlay { display:none; position:fixed; inset:0; z-index:1000; background: radial-gradient(ellipse at top, rgba(102,126,234,0.15) 0%, transparent 50%), radial-gradient(ellipse at bottom, rgba(118,75,162,0.15) 0%, transparent 50%), rgba(0,0,0,0.55); align-items:center; justify-content:center; }
        .modal { direction:rtl; background: rgba(30,41,59,0.92); backdrop-filter: blur(20px); color:#f1f5f9; width:95%; max-width:520px; border-radius:20px; box-shadow: 0 25px 70px rgba(0,0,0,0.5), 0 50px 100px rgba(102,126,234,0.2), inset 0 0 100px rgba(102,126,234,0.05); border:2px solid rgba(102,126,234,0.3); animation: fadeInUp 0.35s ease; }
        .modal-header { padding:18px 22px; border-bottom:2px solid rgba(102,126,234,0.2); display:flex; align-items:center; justify-content:space-between; }
        .modal-header h3 { margin:0; font-size:19px; font-weight:800; }
        .modal-body { padding:22px; }
        .modal-actions { padding:18px 22px; display:flex; gap:10px; justify-content:flex-start; border-top:2px solid rgba(102,126,234,0.12); }
        .btn { cursor:pointer; border:none; border-radius:12px; padding:10px 14px; font-family:inherit; display:inline-flex; align-items:center; gap:8px; }
        .btn-primary { background: linear-gradient(135deg, var(--primary), var(--secondary)); color:#fff; box-shadow: 0 8px 25px rgba(102,126,234,0.4), 0 15px 40px rgba(118,75,162,0.3); }
        .btn-secondary { background:#1f2937; color:#fff; border:2px solid rgba(102,126,234,0.25); }
        .btn i { animation: pulse 2.5s infinite ease-in-out, float3d 8s ease-in-out infinite; }
        .link { color:#60a5fa; cursor:pointer; text-decoration:underline; font-size:14px; }
        .small-note { font-size:12px; color:#9ca3af; margin-top:8px; }
        .inline-feedback { margin-top:10px; font-size:14px; }
        .inline-feedback.error { color:#ef4444; }
        .inline-feedback.success { color:#10b981; }
        /* Animate all icons inside modal */
        .modal i { will-change: transform; animation: pulse 3s ease-in-out infinite, float3d 10s ease-in-out infinite; }
        .modal-header i { animation: rotate 10s linear infinite, float3d 8s ease-in-out infinite; }
        /* Inputs inside modal to match theme */
        .modal input[type="email"], .modal input[type="text"], .modal input[type="password"] { width:100%; margin-top:8px; padding:12px 14px; border-radius:12px; border:2px solid rgba(102,126,234,0.3); background: rgba(15,23,42,0.5); color:#f1f5f9; font-family:'Cairo', sans-serif; transition: all .25s ease; }
        .modal input:focus { outline:none; border-color: var(--primary); background: rgba(15,23,42,0.7); box-shadow: 0 0 0 4px rgba(102,126,234,0.2); }
        .modal label { display:flex; align-items:center; gap:8px; font-weight:800; color:#f1f5f9; margin-bottom:8px; }
.logo img{
        width: 50%;
        height: 50%;
}