@layer utilities {
    /* تم بیمارستانی شفاف، پاک و مدرن (Clinical High-Tech Glass) */
    .glass-card {
        background: rgba(255, 255, 255, 0.88);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        border: 1px solid rgba(203, 213, 225, 0.6);
        box-shadow: 0 4px 25px -4px rgba(14, 165, 233, 0.07), 0 1px 3px 0 rgba(0, 0, 0, 0.02);
    }
    
    .glass-card-hover {
        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    }
    
    .glass-card-hover:hover {
        border-color: rgba(14, 165, 233, 0.45);
        box-shadow: 0 16px 40px -8px rgba(13, 148, 136, 0.18);
        transform: translateY(-4px);
    }

    .hospital-monitor {
        background: #08111d;
        border: 1px solid rgba(56, 189, 248, 0.3);
        box-shadow: inset 0 0 25px rgba(14, 165, 233, 0.18), 0 10px 30px -5px rgba(15, 23, 42, 0.25);
        position: relative;
        overflow: hidden;
    }

    .hospital-monitor::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 60px;
        background: linear-gradient(90deg, transparent, rgba(45, 212, 191, 0.25), transparent);
        animation: monitorScan 3s infinite linear;
        pointer-events-none;
    }

    .tech-glow {
        box-shadow: 0 10px 40px -10px rgba(14, 165, 233, 0.14);
    }

    .gradient-text {
        background: linear-gradient(135deg, #0284c7 0%, #0d9488 60%, #2563eb 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .hospital-grid {
        background-size: 36px 36px;
        background-image: 
            linear-gradient(to right, rgba(14, 165, 233, 0.05) 1px, transparent 1px),
            linear-gradient(to bottom, rgba(14, 165, 233, 0.05) 1px, transparent 1px);
    }

    /* پالس‌های راداری بیومدیکال */
    .pulse-dot-green {
        box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
        animation: hospitalPulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
    }

    .pulse-dot-cyan {
        box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.7);
        animation: hospitalPulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
    }

    /* شناوری ملایم المان‌ها و تصاویر */
    .float-slow {
        animation: floatSlow 6s ease-in-out infinite;
    }

    .float-reverse {
        animation: floatSlow 7s ease-in-out infinite reverse;
    }

    /* خط زنده ECG متحرک */
    .ecg-path {
        stroke-dasharray: 600;
        stroke-dashoffset: 600;
        animation: drawEcg 3.5s linear infinite;
    }
}

/* انیمیشن‌های اسکرول ریویل (Scroll Reveal) */
.reveal-item {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 0.75s cubic-bezier(0.16, 1, 0.3, 1), transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}

.reveal-item.revealed {
    opacity: 1;
    transform: translateY(0);
}

.delay-100 { transition-delay: 100ms; }
.delay-200 { transition-delay: 200ms; }
.delay-300 { transition-delay: 300ms; }
.delay-400 { transition-delay: 400ms; }
.delay-500 { transition-delay: 500ms; }

@keyframes hospitalPulse {
    to {
        box-shadow: 0 0 0 12px rgba(16, 185, 129, 0);
    }
}

@keyframes monitorScan {
    0% {
        left: -60px;
    }
    100% {
        left: 100%;
    }
}

@keyframes floatSlow {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-8px);
    }
}

@keyframes drawEcg {
    0% {
        stroke-dashoffset: 600;
    }
    50% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: -600;
    }
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Vazirmatn', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background-color: #f8fafc;
    color: #0f172a;
}