:root {
    --primary: #2166ae;
}

html {
    font-family: 'Vazir', 'Vazirmatn', 'IRANSans', Tahoma, Arial, sans-serif;
}

body {
    background-color: #f8fafc;
    color: #0f172a;
}

.hero-logo {
    max-width: 160px;
}

.hero-illustration {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    direction: rtl;
}

.hero-badge {
    background: linear-gradient(135deg, rgba(33, 102, 174, 0.85), rgba(47, 127, 209, 0.85));
    box-shadow: 0 20px 40px rgba(33, 102, 174, 0.25);
}

.floating-bubble {
    position: absolute;
    border-radius: 999px;
    filter: blur(0px);
    opacity: 0.55;
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.65), rgba(33, 102, 174, 0));
}