:root{
    --primary:#667eea;
    --warning:#fbbf24;
    --dark:#0f172a;
}
.text-gradient{
    background:linear-gradient(90deg,#a78bfa,#ec4899);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
}
.bg-gradient-dark{
    background:linear-gradient(135deg,rgba(15,23,42,0.95),rgba(30,41,59,0.8));
}
.bg-pattern{
    background:url('{% static "css/images/pattern.png" %}') repeat;
    opacity:0.07;
}
.bg-gradient-cta{
    background:linear-gradient(135deg,#667eea,#764ba2);
    opacity:0.95;
}

/* هیرو با بک‌گراند مشکی */
.hero-integrated {
    padding: 80px 0;
    background: #fffefcff !important;
}

/* تغییر رنگ متن‌های هیرو به مشکی */
.hero-integrated .hero-content,
.hero-integrated .hero-content h1,
.hero-integrated .hero-content h2,
.hero-integrated .hero-content h3,
.hero-integrated .hero-content h4,
.hero-integrated .hero-content p,
.hero-integrated .hero-content .small,
.hero-integrated .hero-content strong {
    color: #000 !important;
}

.hero-integrated .hero-content .opacity-90,
.hero-integrated .hero-content .opacity-95,
.hero-integrated .hero-content .opacity-80 {
    opacity: 0.9 !important;
    color: #000 !important;
}
.hero-integrated .hero-content .text-warning {
    color: #d97706 !important;
}
.hero-integrated .hero-content .text-primary {
    color: #2563eb !important;
}

/* تغییر رنگ متن در باکس ماموریت */
.hero-integrated .mission-vision-box,
.hero-integrated .mission-vision-box h4,
.hero-integrated .mission-vision-box p,
.hero-integrated .mission-vision-box strong {
    color: #000 !important;
}

.hero-integrated .mission-vision-box {
    background: rgba(0,0,0,0.05) !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
}

/* ویدیوی یکپارچه بدون کادر */
.video-seamless-wrapper {
    position: relative;
}

.video-seamless {
    width: 100%;
    height: 400px;
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.video-seamless:hover {
    transform: translateY(-5px);
}

.video-control-btn {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.9) !important;
    border: none;
    color: #000;
    transition: all 0.3s ease;
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 10;
}

.video-control-btn:hover {
    background: rgba(255,255,255,1) !important;
    transform: scale(1.1);
}

/* باکس ماموریت و چشم‌انداز */
.mission-vision-box {
    border: 1px solid rgba(255,255,255,0.1);
    backdrop-filter: blur(10px);
}

/* تضاد بهتر برای متن */
.hero-content h1, 
.hero-content h2, 
.hero-content p {
    text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.glass-card{
    background:rgba(255,255,255,0.1);
    backdrop-filter:blur(16px);
    border:1px solid rgba(255,255,255,0.15);
    border-radius:24px;
    transition:.4s;
}
.glass-card:hover{transform:translateY(-15px) scale(1.03);}

/* استایل کارت‌های مجوز - مشابه ایزو */
.license-card{
    background:var(--surface);
    border-radius:24px;
    box-shadow:0 15px 40px rgba(124,58,237,.1);
    transition:.4s;
    position:relative;
    overflow:hidden;
}
.license-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 50px rgba(102,126,234,0.2);
}

.service-card-3d{
    background:#fff;
    border-radius:24px;
    box-shadow:0 10px 30px rgba(0,0,0,0.1);
    transition:.5s cubic-bezier(.175,.885,.32,1.275);
}
.service-card-3d:hover{
    transform:translateY(-20px) rotateX(8deg);
    box-shadow:0 40px 80px rgba(102,126,234,0.3);
}
.manager-img{
    width:320px;height:320px;object-fit:cover;border:8px solid rgba(255,255,255,0.2);
}
.manager-frame{
    position:absolute;inset:-15px;border:2px solid var(--primary);border-radius:50%;
    animation:rotate 30s linear infinite;
}
.iso-glow{
    position:absolute;inset:-50%;background:conic-gradient(transparent,#667eea,transparent);
    animation:rotate 20s linear infinite;opacity:0.15;
}
.hover-lift{transition:.3s;}
.hover-lift:hover{transform:translateY(-12px);box-shadow:0 25px 50px rgba(0,0,0,0.4)!important;}

/* تغییر رنگ متن CTA به مشکی برای خوانایی بهتر */
.cta-final .text-dark {
    color: #1f2937 !important;
    text-shadow: 0 2px 4px rgba(255,255,255,0.5);
}

@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}