/* نوار پیشرفت مطالعه بالا */
    #tosProgressBar {
        position: fixed;
        top: 0;
        right: 0;
        height: 4px;
        background: linear-gradient(to left, var(--accent-neon), var(--accent-purple));
        width: 0%;
        z-index: 9999;
        transition: width 0.1s ease-out;
    }

    /* کانتینر اصلی صفحه */
    .tos-container {
        direction: rtl;
        max-width: 900px;
        margin: 40px auto;
        padding: 20px;
        font-family: 'Tahoma', 'Segoe UI', sans-serif;
        color: var(--text-main-color);
        line-height: 1.8;
    }

    /* هدر */
    .tos-header {
        text-align: center;
        margin-bottom: 40px;
        background: var(--main-cards-bg);
        border-radius: 15px;
        padding: 10px;
    }
    .tos-icon-wrapper {
        font-size: 3rem;
        margin-bottom: 10px;
        animation: floatAnim 3s ease-in-out infinite;
    }
    .tos-header h1 {
        font-size: 2rem;
        font-weight: 800;
        background: linear-gradient(135deg, #fff 30%, var(--accent-neon));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin: 10px 0;
    }
    .tos-header p {
        color: var(--text-two-color);
        font-size: 0.9rem;
    }

    /* باکس مقدمه پذیرش ضمنی */
    .tos-intro-box {
        background: var(--main-elements-bg-color);
        border-radius: 8px;
        padding: 20px;
        margin-bottom: 40px;
        font-size: 1.05rem;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    }
    .tos-alert-text {
        color: var(--text-alert);
        display: block;
        margin-top: 10px;
        font-weight: bold;
    }

    /* کارت‌های بندهای قوانین */
    .tos-content {
        display: flex;
        flex-direction: column;
        gap: 25px;
    }
    .tos-card {
        background-color: var(--main-elements-bg-color);
        border: var(--main-cards-box-border);
        border-radius: 12px;
        padding: 25px;
        position: relative;
        overflow: hidden;
        transition: all 0.3s ease;
    }
    .tos-card:hover {
        border-color: rgba(0, 242, 254, 0.3);
        box-shadow: 0 10px 30px rgba(0, 242, 254, 0.05);
        transform: translateY(-2px);
    }
    .tos-card h2 {
        font-size: 1.25rem;
        color: #fff;
        margin-top: 0;
        margin-bottom: 15px;
        padding-bottom: 10px;
        border-bottom: 1px dashed var(--border-color);
    }
    .tos-card-body {
        color: var(--text-two-color);
        font-size: 0.95rem;
        text-align: justify;
    }
    .tos-card-body ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }
    .tos-card-body li {
        margin-bottom: 12px;
        position: relative;
        padding-right: 15px;
    }
    .tos-card-body li::before {
        content: "✦";
        position: absolute;
        right: 0;
        color: var(--accent-neon);
    }
    .tos-card-badge {
        position: absolute;
        left: 20px;
        top: 20px;
        background: rgba(79, 172, 254, 0.1);
        color: var(--accent-purple);
        font-size: 0.75rem;
        padding: 2px 10px;
        border-radius: 20px;
        border: 1px solid rgba(79, 172, 254, 0.2);
    }

    /* انیمیشن شناور شدن آیکون */
    @keyframes floatAnim {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-8px); }
    }

    /* بهینه‌سازی رسپانسیو */
    @media (max-width: 768px) {
        .tos-container { margin: 20px auto; padding: 15px; }
        .tos-header h1 { font-size: 1.5rem; }
        .tos-card-badge { display: none; }
    }