/* 🚀 CRITICAL CSS - ABOVE THE FOLD ONLY */
/* فقط CSS های ضروری برای بالای صفحه - حداکثر 14KB */

/* Essential Bootstrap Grid - Minimal */
.container{max-width:1320px;margin:0 auto;padding:0 15px}
.row{display:flex;flex-wrap:wrap;margin:0 -15px}
.col{flex:1;min-width:0;padding:0 15px}
.col-12{flex:0 0 100%;max-width:100%}
.col-md-6{flex:0 0 50%;max-width:50%}
.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}

/* RTL Support */
[dir="rtl"]{direction:rtl;text-align:right}

/* Vazir Font Face - CRITICAL INLINE */
@font-face{
    font-family:'Vazir';
    src:url('https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v30.1.0/dist/Vazir-Regular.woff2') format('woff2');
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

/* Essential Typography */
body{
    font-family:'Vazir',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
    line-height:1.5;
    color:#212529;
    background:#000;
    margin:0;
    direction:rtl;
}

/* Navigation Bar - Critical */
.navbar{
    padding:0.5rem 1rem;
    background:#1a1a1a !important;
    border-bottom:1px solid rgba(6,255,165,0.3);
}
.navbar-brand{
    font-size:1.25rem;
    color:#06ffa5 !important;
    text-decoration:none;
    font-weight:bold;
}
.navbar-nav{
    display:flex;
    list-style:none;
    margin:0;
    padding:0;
}
.nav-link{
    color:#fff !important;
    text-decoration:none;
    padding:0.5rem 1rem;
    transition:color 0.3s ease;
}
.nav-link:hover{color:#06ffa5 !important}

/* Essential Buttons */
.btn{
    display:inline-block;
    padding:0.5rem 1rem;
    border:none;
    border-radius:0.375rem;
    text-decoration:none;
    text-align:center;
    cursor:pointer;
    transition:all 0.3s ease;
}
.btn-primary{
    background:#0066ff;
    color:#fff;
}
.btn-primary:hover{
    background:#0052cc;
    color:#fff;
}

/* Hero Section - Critical */
.hero-section{
    padding:4rem 0;
    background:linear-gradient(135deg,rgba(0,102,255,0.1),rgba(6,255,165,0.1));
    min-height:60vh;
    display:flex;
    align-items:center;
}

/* Text Utilities */
.text-center{text-align:center}
.text-right{text-align:right}
.text-white{color:#fff !important}
.mb-3{margin-bottom:1rem}
.mb-4{margin-bottom:1.5rem}
.mt-3{margin-top:1rem}
.p-3{padding:1rem}
.p-4{padding:1.5rem}

/* Display */
.d-flex{display:flex}
.d-none{display:none}
.justify-content-center{justify-content:center}
.align-items-center{align-items:center}

/* Cards - Essential */
.card{
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.2);
    border-radius:0.75rem;
    padding:1.5rem;
    backdrop-filter:blur(10px);
}

/* Mobile Critical */
@media (max-width:768px){
    .container{padding:0 10px}
    .hero-section{padding:2rem 0;min-height:50vh}
    .navbar{padding:0.5rem}
    .col-md-6{flex:0 0 100%;max-width:100%}
    .col-lg-4{flex:0 0 100%;max-width:100%}
}