* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Vazirmatn, sans-serif;  /* اصلاح شد */
}

body {
    background-color: #ffffff;
    direction: rtl;
}

header {  /* اصلاح شد - register-btn حذف شد */
    background-color: #ffffff;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
    position: relative;
}
        .navbar {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            max-width: 1400px;
            margin: 0 auto;
        }
        /* لوگو / برند */
        .logo {
           width: 30px;
            height: 30px; 
        }
        /* دکمه همبرگری - فقط در موبایل نمایش داده شود */
        .hamburger {
            display: none;
            flex-direction: column;
            cursor: pointer;
            gap: 6px;
            z-index: 100;
        }
        .hamburger span {
            width: 30px;
            height: 3px;
            background-color: #2563eb;
            border-radius: 3px;
            transition: 0.3s;
        }
        /* منوی اصلی - دسکتاپ */
     .nav-menu {
            direction: rtl;
            display: flex;
            align-items: center;
            gap: 2rem;
            list-style: none;
            font-weight: 500;
            color: #334155;
            
        }
        .nav-menu li {
            cursor: pointer;
            font-size: 1rem;
            display: flex;
            align-items: center;
            gap: 0.3rem;
            transition: color 0.2s;
            white-space: nowrap;
        }
        .nav-menu li:hover {
            color: #2563eb;
        }
        .nav-menu li.active {
            color: #2563eb;
            font-weight: 600;
            position: relative;
        }
        .nav-menu li.active::after {
            content: '';
            position: absolute;
            bottom: -5px;
            right: 0;
            width: 100%;
            height: 2px;
            background-color: #2563eb;
            border-radius: 2px;
        }
        .nav-menu li a {
    color: inherit;
    text-decoration: none;
    display: block;
    width: 100%;
}
        /* بخش چپ - دسکتاپ */
        .left-section {
            display: flex;
            align-items: center;
            gap: 2rem;
        }
       
        /* سه کارت آماری */
        .stats {
            display: flex;
            gap: 1.2rem;
        }


        /* دکمه ثبت‌نام / ورود (EN) */
        .auth-badge {
            display: flex;
            align-items: center;
            gap: 0.8rem;
        }
        .en-btn {
            background: #fff;
            border: 1px solid #cbd5e1;
            border-radius: 30px;
            padding: 0.4rem 1.2rem;
            font-size: 0.9rem;
            font-weight: 500;
            color: #334155;
            transition: 0.2s;
            cursor: pointer;
            white-space: nowrap;
        }
        .en-btn:hover {
            background: #f1f5f9;
        }
        .register-btn {
                        margin-left:5px;
            background: #053a46;
            border: none;
            border-radius: 30px;
            padding: 0.5rem 1.4rem;
            font-size: 0.95rem;
            font-weight: 500;
            display: flex;
            align-items: center;
            gap: 0.4rem;
            cursor: pointer;
            white-space: nowrap;
            transition: background 0.2s;
            box-shadow: 0 8px 14px -8px #2563eb80;
        }
        .register-btn:hover {
            background: #053a10;
        }
        /* واژه کلیدی */

 .register-btn a{
            color: white;
}

        /* ========== استایل موبایل ========== */
        @media (max-width: 1000px) {
            .hamburger {
                display: flex;
            }
            
            /* مخفی کردن منو و بخش چپ در موبایل */
            .nav-menu, .left-section {
                display: none;
            }
            
            /* منوی موبایل وقتی باز می‌شود */
            .nav-menu.mobile-open {
                display: flex;
                flex-direction: column;
                align-items: stretch;
                width: 100%;
                gap: 1rem;
                padding: 1.5rem 0;
                margin-top: 1rem;
                border-top: 1px solid #e2e8f0;
            }
            
            .nav-menu.mobile-open li {
                padding: 0.8rem 1rem;
                background-color: #f8fafc;
                border-radius: 10px;
                justify-content: center;
            }
            
            .nav-menu.mobile-open li.active {
                background-color: #e8f0fe;
            }
            
            .nav-menu.mobile-open li.active::after {
                display: none;
            }
       
        }
        
        /* انیمیشن همبرگر */
        .hamburger.active span:nth-child(1) {
            transform: rotate(45deg) translate(8px, 6px);
        }
        .hamburger.active span:nth-child(2) {
            opacity: 0;
        }
        .hamburger.active span:nth-child(3) {
            transform: rotate(-45deg) translate(7px, -5px);
        }