* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    font-family: 'Vazirmatn', sans-serif;
    direction: rtl;
    overflow-x: hidden;
}

@font-face {
    font-family: 'Vazirmatn';
    src: url('fonts/Vazirmatn-Thin.ttf') format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: 'Vazirmatn';
    src: url('fonts/Vazirmatn-ExtraLight.ttf') format('truetype');
    font-weight: 200;
}

@font-face {
    font-family: 'Vazirmatn';
    src: url('fonts/Vazirmatn-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Vazirmatn';
    src: url('fonts/Vazirmatn-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Vazirmatn';
    src: url('fonts/Vazirmatn-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Vazirmatn';
    src: url('fonts/Vazirmatn-SemiBold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Vazirmatn';
    src: url('fonts/Vazirmatn-Bold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: 'Vazirmatn';
    src: url('fonts/Vazirmatn-ExtraBold.ttf') format('truetype');
    font-weight: 800;
}

@font-face {
    font-family: 'Vazirmatn';
    src: url('fonts/Vazirmatn-Black.ttf') format('truetype');
    font-weight: 900;
}


.blazor-error-boundary {
    background: #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "خطایی رخ داده است.";
    }

.hero-gradient {
    background: linear-gradient(135deg, #e0f2fe 0%, #f0f9ff 50%, #ffffff 100%);
}

.service-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .service-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
    }

.feature-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .feature-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
    }

.paw-bg {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='%2393d3fd' opacity='0.15'%3E%3Ccircle cx='30' cy='20' r='12'/%3E%3Ccircle cx='55' cy='15' r='10'/%3E%3Ccircle cx='75' cy='25' r='9'/%3E%3Ccircle cx='20' cy='40' r='8'/%3E%3Cellipse cx='45' cy='50' rx='22' ry='18'/%3E%3C/svg%3E");
    background-size: 120px 120px;
}