* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: #ffffff;
            line-height: 1.6;
            color: #2c3e50;
        }

        /* ══════════════════════════════════════════════
   NAVIGATION
   ══════════════════════════════════════════════ */
.nav-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.4);
    transition: background 0.3s ease;
}

.navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
    height: 70px;
}

/* ── Logo ── */
.logo {
    display: flex;
    align-items: center;
    text-decoration: none;
    flex-shrink: 0;
    z-index: 1001;
}

.rounded-logo {
    display: flex;
    align-items: center;
}

.rounded-logo img {
    height: 36px;
    width: auto;
    border-radius: 6px;
}

/* ── Desktop Menu ── */
.nav-menu {
    display: flex;
    align-items: center;
    list-style: none;
    gap: 0.25rem;
}

.nav-item {
    position: relative;
}

.nav-link {
    display: block;
    color: #e0e0e0;
    text-decoration: none;
    padding: 0.75rem 1rem;
    font-size: 0.95rem;
    font-weight: 500;
    border-radius: 8px;
    transition: color 0.2s ease, background 0.2s ease;
    white-space: nowrap;
}

.nav-link:hover {
    color: #f39c12;
    background: rgba(255, 255, 255, 0.06);
}

/* ── Dropdown arrow ── */
.nav-item.has-dropdown > .nav-link {
    padding-right: 1.75rem;
    position: relative;
}

.nav-item.has-dropdown > .nav-link::after {
    content: '';
    position: absolute;
    right: 0.65rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid currentColor;
    opacity: 0.6;
    transition: transform 0.2s ease;
}

/* ── Desktop Dropdown Menu ── */
.dropdown-menu {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    min-width: 260px;
    background: linear-gradient(160deg, #1e2d3d 0%, #263545 100%);
    border-radius: 10px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
    border: 1px solid rgba(255, 255, 255, 0.08);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
    padding: 0.5rem 0;
    z-index: 1002;
}

.nav-item.has-dropdown:hover > .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.nav-item.has-dropdown:hover > .nav-link::after {
    transform: translateY(-50%) rotate(180deg);
}

.dropdown-item {
    display: block;
    color: #ccc;
    text-decoration: none;
    padding: 0.7rem 1.25rem;
    font-size: 0.9rem;
    transition: color 0.15s ease, background 0.15s ease, padding-left 0.15s ease;
}

.dropdown-item:hover {
    color: #f39c12;
    background: rgba(243, 156, 18, 0.08);
    padding-left: 1.5rem;
}

/* ── Hamburger Button ── */
.hamburger {
    display: none;
    background: none;
    border: none;
    color: #e0e0e0;
    font-size: 1.6rem;
    cursor: pointer;
    padding: 0.5rem;
    z-index: 1001;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    transition: background 0.2s ease;
    -webkit-tap-highlight-color: transparent;
}

.hamburger:hover {
    background: rgba(255, 255, 255, 0.08);
}

/* ── Mobile Overlay ── */
.nav-overlay {
    display: none;
}

/* ══════════════════════════════════════════════
   MOBILE NAV - 768px
   ══════════════════════════════════════════════ */
@media (max-width: 768px) {
    .navbar {
        padding: 0 1rem;
    }

    .hamburger {
        display: flex;
    }

    .nav-menu {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        background: linear-gradient(180deg, #2c3e50 0%, #1a252f 100%);
        padding: 80px 0 2rem 0;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        transform: translateX(-100%);
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        z-index: 999;
    }

    .nav-menu.active {
        transform: translateX(0);
    }

    .nav-item {
        border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    }

    .nav-link {
        padding: 1rem 1.5rem;
        font-size: 1.05rem;
        border-radius: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .nav-link:hover {
        background: rgba(255, 255, 255, 0.04);
    }

    .nav-item.has-dropdown > .nav-link::after {
        position: static;
        transform: none;
        margin-left: auto;
        transition: transform 0.25s ease;
        flex-shrink: 0;
    }

    .nav-item.has-dropdown.mobile-open > .nav-link::after {
        transform: rotate(180deg);
    }

    .nav-item.has-dropdown.mobile-open > .nav-link {
        color: #f39c12;
    }

    .dropdown-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        border: none;
        border-radius: 0;
        background: rgba(0, 0, 0, 0.2);
        padding: 0;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .nav-item.has-dropdown.mobile-open > .dropdown-menu {
        max-height: 500px;
    }

    .dropdown-item {
        padding: 0.85rem 1.5rem 0.85rem 2.5rem;
        font-size: 0.95rem;
        border-bottom: 1px solid rgba(255, 255, 255, 0.03);
    }

    .dropdown-item:hover {
        padding-left: 2.5rem;
    }

    .dropdown-item:last-child {
        border-bottom: none;
    }

    .nav-overlay {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 998;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s;
    }

    .nav-overlay.active {
        opacity: 1;
        visibility: visible;
    }
}

/* ══════════════════════════════════════════════
   SMALL PHONES - 380px
   ══════════════════════════════════════════════ */
@media (max-width: 380px) {
    .navbar {
        height: 60px;
        padding: 0 0.75rem;
    }

    .rounded-logo img {
        height: 30px;
    }

    .nav-menu {
        padding-top: 70px;
    }

    .nav-link {
        padding: 0.85rem 1.25rem;
        font-size: 1rem;
    }

    .dropdown-item {
        padding: 0.75rem 1.25rem 0.75rem 2rem;
        font-size: 0.9rem;
    }
}


        /* Hero Section */
        .hero {
            margin-top: 70px;
            background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
            color: white;
            padding: 4rem 2rem;
            text-align: center;
        }

        .hero-content {
            max-width: 800px;
            margin: 0 auto;
        }

        .hero h1 {
            font-size: 2.5rem;
            margin-bottom: 1rem;
            line-height: 1.2;
        }

        .hero p {
            font-size: 1.2rem;
            margin-bottom: 2rem;
            opacity: 0.9;
        }

        .hero-cta {
            display: flex;
            gap: 1rem;
            justify-content: center;
            flex-wrap: wrap;
        }

        .cta-button {
            background: #4CBB17;
            color: white;
            padding: 1rem 2rem;
            border: none;
            border-radius: 8px;
            font-size: 1.1rem;
            font-weight: 600;
            cursor: pointer;
            text-decoration: none;
            transition: all 0.3s ease;
            display: inline-block;
        }

        .cta-button:hover {
            background: #228B22;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(243, 156, 18, 0.3);
        }

        .cta-button.secondary {
            background: #4CBB17;
            border: 2px solid white;
        }

        .cta-button.secondary:hover {
            background: #228B22;
            transform: translateY(-2px);
        }

        /* Main Content */
        main {
            max-width: 1200px;
            margin: 0 auto;
            padding: 3rem 2rem;
        }

        .section {
            margin-bottom: 4rem;
        }

        .section-header {
            text-align: center;
            margin-bottom: 2rem;
        }

        .section-header h2 {
            font-size: 2rem;
            color: #2c3e50;
            margin-bottom: 0.5rem;
        }

        .section-header p {
            color: #7f8c8d;
            font-size: 1.1rem;
        }

        /* Featured Casino Cards */
        .casino-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 2rem;
        }

        .casino-card {
            background: white;
            border-radius: 12px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            transition: all 0.3s ease;
            border: 2px solid transparent;
        }

        .casino-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
            border-color: #f39c12;
        }

        .casino-card-header {
            background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
            padding: 1.5rem;
            text-align: center;
            position: relative;
        }

        .casino-rank {
            position: absolute;
            top: 1rem;
            left: 1rem;
            background: #f39c12;
            color: white;
            width: 35px;
            height: 35px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            font-size: 1.1rem;
        }

        .casino-name {
            color: white;
            font-size: 1.8rem;
            margin-bottom: 0.5rem;
        }

        .casino-rating {
            color: #f39c12;
            font-size: 1.2rem;
        }

        .casino-card-body {
            padding: 1.5rem;
        }

        .casino-features {
            margin-bottom: 1.5rem;
        }

        .feature {
            display: flex;
            justify-content: space-between;
            padding: 0.75rem 0;
            border-bottom: 1px solid #ecf0f1;
        }

        .feature:last-child {
            border-bottom: none;
        }

        .feature-label {
            color: #7f8c8d;
            font-weight: 500;
        }

        .feature-value {
            color: #2c3e50;
            font-weight: 600;
        }

        .casino-cta {
            display: flex;
            gap: 0.75rem;
        }

        .casino-button {
            flex: 1;
            padding: 0.875rem;
            border-radius: 8px;
            text-align: center;
            text-decoration: none;
            font-weight: 600;
            transition: all 0.3s ease;
        }

        .casino-button.primary {
            background: #4CBB17;
            color: white;
        }

        .casino-button.primary:hover {
            background: #228B22;
            transform: translateY(-2px);
        }

        .casino-button.secondary {
            background: transparent;
            color: #2c3e50;
            border: 2px solid #2c3e50;
        }

        .casino-button.secondary:hover {
            background: #808080;
            color: white;
        }

        /* Why Trust Us Section */
        .trust-section {
            background: #f8f9fa;
            padding: 3rem 2rem;
            border-radius: 12px;
            margin-bottom: 4rem;
        }

        .trust-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 2rem;
            max-width: 1000px;
            margin: 2rem auto 0;
        }

        .trust-item {
            text-align: center;
        }

        .trust-icon {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 1rem;
            font-size: 1.5rem;
        }

        .trust-icon.green {
            background: linear-gradient(135deg, #27ae60 0%, #229954 100%);
        }

        .trust-icon.yellow {
            background: linear-gradient(135deg, #f1c40f 0%, #f39c12 100%);
        }

        .trust-icon.blue {
            background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
        }

        .trust-item h3 {
            color: #2c3e50;
            margin-bottom: 0.5rem;
        }

        .trust-item p {
            color: #7f8c8d;
        }

        /* Quick Links Section */
        .quick-links {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 1.5rem;
        }

        .quick-link-card {
            background: white;
            padding: 2rem;
            border-radius: 12px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
            text-align: center;
            transition: all 0.3s ease;
            text-decoration: none;
            color: inherit;
        }

        .quick-link-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
        }

        .quick-link-icon {
            font-size: 2.5rem;
            margin-bottom: 1rem;
        }

        .quick-link-card h3 {
            color: #2c3e50;
            margin-bottom: 0.5rem;
        }

        .quick-link-card p {
            color: #7f8c8d;
            font-size: 0.95rem;
        }

        /* Footer */
        .footer {
            background-color: #2c3e50;
            color: #ecf0f1;
            padding: 2rem 0 0.5rem;
            margin-top: 4rem;
        }

        .footer-content {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 2rem;
        }

        .footer-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 1.5rem;
            margin-bottom: 1rem;
        }

        .footer-section h3 {
            color: #f39c12;
            margin-bottom: 0.75rem;
            font-size: 1.05rem;
        }

        .footer-links {
            list-style: none;
            font-size: 0.9rem;
        }

        .footer-links li {
            margin-bottom: 0.4rem;
        }

        .footer-links a {
            color: #ecf0f1;
            text-decoration: none;
            transition: color 0.3s ease;
            font-size: 0.9rem;
        }

        .footer-links a:hover {
            color: #f39c12;
        }

        .footer-bottom {
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            padding-top: 0.75rem;
            text-align: center;
            font-size: 0.85rem;
        }

        /* Mobile Responsiveness */
@media (max-width: 768px) {

    .hero h1 {
        font-size: 2rem;
    }

    .hero p {
        font-size: 1.1rem;
    }

    .hero-cta {
        flex-direction: column;
                align-items: center;
    }

    .cta-button {
        width: 100%;
                max-width: 300px;
    }

    .casino-grid {
        grid-template-columns: 1fr;
    }

    .casino-cta {
        flex-direction: column;
    }

    main {
        padding: 2rem 1rem;
    }

    .footer-grid {
        grid-template-columns: 1fr;
                text-align: center;
    }
}

        @media (max-width: 480px) {


            .hero {
                padding: 3rem 1rem;
            }

            .section-header h2 {
                font-size: 1.75rem;
            }
}

/* ══════════════════════════════════════════════════════════
   EXTRACTED PAGE-SPECIFIC STYLES
   Auto-generated by extract_css.py
   ══════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════
   SHARED CONTENT STYLES
   (identical across multiple pages)
   ══════════════════════════════════════════════ */

.advantage-box {
            background-color: #d5f4e6;
            border-left: 5px solid #27ae60;
            padding: 1rem;
            margin: 1.5rem 0;
            border-radius: 5px;
        }

.benefits-list {
            border-left: 5px solid #27ae60;
        }

.benefits-list, .risks-list {
            background: #f8f9fa;
            padding: 1.5rem;
            border-radius: 8px;
            margin: 1rem 0;
        }

.betting-complexity {
            display: inline-block;
            padding: 0.3rem 0.8rem;
            border-radius: 15px;
            font-size: 0.9rem;
            font-weight: bold;
            margin-bottom: 1rem;
        }

.betting-markets {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 1.5rem;
            margin: 2rem 0;
        }

.breadcrumb span {
            color: #000000;
        }

.breadcrumbs span {
            color: #000000; 
        }

.casino-actions {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            min-width: 200px;
        }

.casino-card {
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
            margin-bottom: 2rem;
            overflow: hidden;
            transition: all 0.3s ease;
            border: 2px solid transparent;
        }

.casino-card:hover {
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
            border-color: #f39c12;
            transform: translateY(-2px);
        }

.casino-details {
            padding: 2rem;
            display: grid;
            grid-template-columns: 1fr auto;
            gap: 2rem;
            align-items: center;
        }

.casino-features {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 1rem;
        }

.casino-header {
            background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
            padding: 1.5rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: white;
        }

.casino-info {
            display: flex;
            align-items: center;
            gap: 1rem;
        }

.casino-list {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

.casino-name {
            color: white;
            font-size: 1.8rem;
            margin: 0;
        }

.casino-rank {
            background: #f39c12;
            color: white;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            font-size: 1.2rem;
        }

.casino-rating {
            text-align: right;
        }

.checklist li {
            margin-bottom: 0.8rem;
            padding-left: 2rem;
            position: relative;
        }

.checklist li:before {
            content: "✓";
            position: absolute;
            left: 0;
            color: #28a745;
            font-weight: bold;
            font-size: 1.2rem;
        }

.checklist ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

.claim-bonus-btn {
            background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
            color: white;
            padding: 1rem 2rem;
            border: none;
            border-radius: 8px;
            text-decoration: none;
            text-align: center;
            font-weight: bold;
            font-size: 1.1rem;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(243, 156, 18, 0.3);
        }

.claim-bonus-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(243, 156, 18, 0.4);
        }

.comparison-table h4 {
            color: #f39c12;
            margin-bottom: 1rem;
        }

.comparison-table tr:hover {
            background-color: #f1f3f4;
        }

.complex {
            background: linear-gradient(135deg, #e2e3e5, #d6d8db);
            color: #383d41;
            border: 1px solid #d6d8db;
        }

.complexity-advanced {
            background-color: #e74c3c;
            color: white;
        }

.complexity-beginner {
            background-color: #27ae60;
            color: white;
        }

.complexity-intermediate {
            background-color: #f39c12;
            color: white;
        }

.cons h5 {
            color: #e74c3c;
        }

.cons li:before {
            content: "✗";
            color: #e74c3c;
            position: absolute;
            left: 0;
        }

.contact-info {
            background: #e8f5e8;
            border-radius: 10px;
            padding: 2rem;
            margin: 2rem 0;
            border-left: 4px solid #27ae60;
        }

.contact-info h4 {
            color: #27ae60;
            margin-bottom: 1rem;
            font-size: 1.3rem;
        }

.contact-info p {
            margin-bottom: 0.5rem;
            color: #2c3e50;
        }

.content-section h5 {
            color: #34495e;
            margin: 1rem 0 0.5rem 0;
            font-size: 1.1rem;
            font-weight: 600;
        }

.content-section h6 {
            color: #2c3e50;
            margin: 1rem 0 0.5rem 0;
            font-size: 1rem;
            font-weight: 600;
        }

.content-section li {
            margin-bottom: 0.5rem;
        }

.content-section ol {
            color: #555;
            margin-bottom: 1rem;
            padding-left: 1.5rem;
        }

.content-section ul {
            color: #555;
            margin-bottom: 1rem;
            padding-left: 1.5rem;
        }

.content-section:last-child {
            border-bottom: none;
        }

.critical-box {
            background-color: #fab1a0;
            border-left: 5px solid #e74c3c;
            padding: 1rem;
            margin: 1.5rem 0;
            border-radius: 5px;
        }

.cta-box {
            background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
            color: white;
            padding: 2rem;
            border-radius: 10px;
            text-align: center;
            margin: 2rem 0;
        }

.cta-box h3 {
            color: white;
            margin-bottom: 1rem;
        }

.cta-button-bounce {
            animation: bounce 3s infinite;
        }

.cta-button-bounce:hover {
            animation-play-state: paused;
            transform: translateY(-3px);
        }

.cta-button-secondary {
            background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
            box-shadow: 0 4px 15px rgba(44, 62, 80, 0.3);
        }

.cta-button-secondary:hover {
            box-shadow: 0 6px 20px rgba(44, 62, 80, 0.4);
        }

.cta-buttons {
            display: flex;
            gap: 1rem;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
        }

.cta-section h3 {
            color: white;
            margin-bottom: 1rem;
        }

.dice-site-actions {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            min-width: 200px;
        }

.dice-site-card {
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
            margin-bottom: 2rem;
            overflow: hidden;
            transition: all 0.3s ease;
            border: 2px solid transparent;
        }

.dice-site-card:hover {
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
            border-color: #f39c12;
            transform: translateY(-2px);
        }

.dice-site-details {
            padding: 2rem;
            display: grid;
            grid-template-columns: 1fr auto;
            gap: 2rem;
            align-items: center;
        }

.dice-site-features {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 1rem;
        }

.dice-site-header {
            background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
            padding: 1.5rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: white;
        }

.dice-site-info {
            display: flex;
            align-items: center;
            gap: 1rem;
        }

.dice-site-list {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

.dice-site-name {
            color: white;
            font-size: 1.8rem;
            margin: 0;
        }

.dice-site-rank {
            background: #f39c12;
            color: white;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            font-size: 1.2rem;
        }

.dice-site-rating {
            text-align: right;
        }

.difficulty-rating {
            display: inline-block;
            padding: 0.3rem 0.8rem;
            border-radius: 15px;
            font-size: 0.9rem;
            font-weight: bold;
            margin-bottom: 1rem;
        }

.effective-date {
            background: #fff3cd;
            border: 1px solid #ffeaa7;
            border-radius: 4px;
            padding: 1rem;
            margin: 2rem 0;
            text-align: center;
            font-weight: bold;
            color: #856404;
        }

.effective-strategies {
            background-color: #d5f4e6;
            padding: 1.5rem;
            border-radius: 5px;
            border-left: 5px solid #27ae60;
        }

.fact-box {
            background: linear-gradient(135deg, #e3f2fd 0%, #f3f9ff 100%);
            border: 1px solid #2196f3;
            border-radius: 8px;
            padding: 1.5rem;
            margin: 1.5rem 0;
            border-left: 4px solid #2196f3;
        }

.faq-item {
            margin-bottom: 1.5rem;
            border-bottom: 1px solid #bdc3c7;
            padding-bottom: 1rem;
        }

.faq-question {
            font-weight: bold;
            color: #2c3e50;
            font-size: 1.1rem;
            margin-bottom: 0.5rem;
        }

.faq-section {
            background-color: #f8f9fa;
            padding: 2rem;
            border-radius: 10px;
            margin: 2rem 0;
        }

.feature-card:hover {
            transform: translateY(-5px);
        }

.feature-icon.lightning {
            color: #FFD700;
            text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
        }

.feature-item {
            text-align: center;
            padding: 1rem;
            background: #f8f9fa;
            border-radius: 8px;
            border-left: 4px solid #f39c12;
        }

.feature-label {
            font-size: 0.9rem;
            color: #7f8c8d;
            font-weight: 500;
            margin-bottom: 0.5rem;
        }

.feature-value {
            font-size: 1.1rem;
            color: #2c3e50;
            font-weight: bold;
        }

.features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 2rem;
        }

.features-section {
            padding: 4rem 0;
            background-color: #f8f9fa;
            margin-top: 4rem;
        }

.fee-highlight {
            background: linear-gradient(135deg, #f39c12, #e67e22);
            color: white;
            padding: 0.3rem 0.6rem;
            border-radius: 4px;
            font-weight: bold;
            display: inline-block;
        }

.formula {
            background-color: #2c3e50;
            color: #ecf0f1;
            padding: 1rem;
            border-radius: 5px;
            font-family: 'Courier New', monospace;
            text-align: center;
            margin: 1rem 0;
            font-size: 1.1rem;
        }

.game-analysis {
            background-color: #e8f4fd;
            border: 1px solid #3498db;
            padding: 1.5rem;
            margin: 1.5rem 0;
            border-radius: 5px;
        }

.game-card h4 {
            color: #2c3e50;
            margin-bottom: 1rem;
            padding-bottom: 0.5rem;
            border-bottom: 2px solid #f39c12;
        }

.games-comparison {
            width: 100%;
            border-collapse: collapse;
            margin: 2rem 0;
            background-color: #ffffff;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }

.games-comparison th {
            background-color: #2c3e50;
            color: white;
            font-weight: bold;
        }

.games-comparison th,
        .games-comparison td {
            padding: 1rem;
            text-align: left;
            border-bottom: 1px solid #bdc3c7;
        }

.games-comparison tr:nth-child(even) {
            background-color: #ecf0f1;
        }


.getting-started {
            background-color: #d1f2eb;
            padding: 2rem;
            border-radius: 10px;
            margin: 2rem 0;
            border-left: 5px solid #27ae60;
        }

.gray-area {
            background: linear-gradient(135deg, #fff3cd, #ffeaa7);
            color: #856404;
            border: 1px solid #ffeaa7;
        }

.guide-content {
            background: white;
            padding: 3rem;
            border-radius: 15px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            margin-bottom: 2rem;
        }

.guide-content h3 {
            font-size: 1.4rem;
            color: #2c3e50;
            margin: 2rem 0 1rem;
            font-weight: 600;
        }

.guide-content li {
            margin-bottom: 0.8rem;
            font-size: 1.1rem;
        }

.guide-content p {
            margin-bottom: 1.5rem;
            font-size: 1.1rem;
            line-height: 1.8;
        }

.guide-content ul, .guide-content ol {
            margin: 1rem 0 2rem 2rem;
        }

.guide-intro {
            font-size: 1.2rem;
            color: #7f8c8d;
            max-width: 700px;
            margin: 0 auto;
            line-height: 1.8;
        }

.guide-meta {
            display: flex;
            justify-content: center;
            gap: 2rem;
            margin-bottom: 2rem;
            flex-wrap: wrap;
        }

.hero-subtitle {
            font-size: 1.2rem;
            color: #7f8c8d;
            margin-bottom: 2rem;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }

.hero-title {
            font-size: 3rem;
            color: #2c3e50;
            margin-bottom: 1rem;
            font-weight: 700;
        }

.highlight {
            background-color: #fff3cd;
            padding: 0.2rem 0.4rem;
            border-radius: 3px;
            font-weight: 600;
        }

.highlight-cta {
            background-color: #e74c3c;
            font-size: 1.1rem;
            padding: 1.2rem 2.5rem;
        }

.highlight-cta:hover {
            background-color: #c0392b;
        }

.illegal {
            background: linear-gradient(135deg, #f8d7da, #f5c6cb);
            color: #721c24;
            border: 1px solid #f5c6cb;
        }

.info-box h3 {
            color: #0c5460;
            margin-bottom: 1rem;
        }

.info-card {
            background: #f8f9fa;
            padding: 2rem;
            border-radius: 12px;
            border-left: 4px solid #f39c12;
        }

.info-card h3 {
            color: #2c3e50;
            margin-bottom: 1rem;
        }

.info-card ul {
            list-style: none;
        }

.info-card ul li {
            margin-bottom: 0.5rem;
            padding-left: 1.5rem;
            position: relative;
        }

.info-card ul li::before {
            content: '✓';
            position: absolute;
            left: 0;
            color: #27ae60;
            font-weight: bold;
        }

.info-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
            margin: 2rem 0;
        }

.info-section {
            max-width: 1200px;
            margin: 4rem auto;
            padding: 0 20px;
        }

.integrity-alert {
            background-color: #fd79a8;
            border-left: 5px solid #e84393;
            padding: 1rem;
            margin: 1.5rem 0;
            border-radius: 5px;
        }

.key-facts {
            background: #e8f5e8;
            border: 1px solid #c3e6cb;
            border-left: 4px solid #28a745;
            border-radius: 8px;
            padding: 1.5rem;
            margin: 1.5rem 0;
        }

.key-facts h5 {
            color: #155724;
            margin-bottom: 1rem;
        }

.key-facts li {
            color: #155724;
            margin-bottom: 0.5rem;
        }

.key-facts ul {
            margin: 0;
            padding-left: 1.5rem;
        }

.key-takeaways {
            background: #e8f5e8;
            border: 2px solid #27ae60;
            padding: 2rem;
            border-radius: 10px;
            margin: 3rem 0;
        }

.key-takeaways h3 {
            color: #27ae60;
            margin-bottom: 1rem;
        }

.legal {
            background: linear-gradient(135deg, #d4edda, #c3e6cb);
            color: #155724;
            border: 1px solid #c3e6cb;
        }

.legal-container {
            background: #f8f9fa;
            border: 1px solid #e9ecef;
            border-radius: 8px;
            padding: 3rem;
            margin: 2rem 0;
        }

.legal-status {
            display: inline-block;
            padding: 0.4rem 1rem;
            border-radius: 25px;
            font-size: 0.85rem;
            font-weight: bold;
            margin-bottom: 1rem;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

.link-card {
            background: white;
            border: 1px solid #e9ecef;
            border-radius: 8px;
            padding: 1.5rem;
            text-align: center;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            text-decoration: none;
            color: inherit;
        }

.link-card h5 {
            color: #2c3e50;
            margin-bottom: 0.5rem;
            font-size: 1.1rem;
        }

.link-card p {
            color: #6c757d;
            font-size: 0.9rem;
            margin: 0;
        }

.link-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 6px 20px rgba(0,0,0,0.1);
            text-decoration: none;
            color: inherit;
        }

.link-icon {
            font-size: 2rem;
            margin-bottom: 1rem;
            display: block;
        }

.links-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 1.5rem;
        }

.market-card {
            background-color: #ffffff;
            border: 2px solid #bdc3c7;
            padding: 1.5rem;
            border-radius: 10px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }

.meta-item {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            color: #7f8c8d;
            font-weight: 500;
        }


.next-steps {
            background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
            color: white;
            padding: 3rem;
            border-radius: 15px;
            text-align: center;
            margin: 3rem 0;
        }

.next-steps h3 {
            margin-bottom: 1rem;
            font-size: 1.8rem;
        }

.next-steps-btn {
            background: white;
            color: #2980b9;
            padding: 1rem 2rem;
            border: none;
            border-radius: 50px;
            font-size: 1.1rem;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-block;
            margin: 0.5rem;
        }

.next-steps-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
        }

.no-kyc-badge {
            display: inline-flex;
            align-items: center;
            background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);
            color: #000;
            padding: 0.5rem 1rem;
            border-radius: 25px;
            font-weight: bold;
            margin-bottom: 1rem;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
        }

.no-kyc-badge::before {
            content: '🔒';
            margin-right: 0.5rem;
        }

.no-kyc-friendly {
            background: #27ae60;
            color: white;
            padding: 0.25rem 0.75rem;
            border-radius: 15px;
            font-size: 0.8rem;
            margin-left: 1rem;
            font-weight: bold;
        }

.odds-table tr:nth-child(even) {
            background: #f8f9fa;
        }

.platform-card {
            background: #f8f9fa;
            border: 1px solid #e9ecef;
            border-radius: 8px;
            padding: 1.5rem;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

.platform-card h4 {
            color: #f39c12;
            margin-bottom: 0.5rem;
        }

.platform-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }

.platform-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 1.5rem;
            margin: 2rem 0;
        }

.play-now-btn {
            background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
            color: white;
            padding: 1rem 2rem;
            border: none;
            border-radius: 8px;
            text-decoration: none;
            text-align: center;
            font-weight: bold;
            font-size: 1.1rem;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(243, 156, 18, 0.3);
        }

.play-now-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(243, 156, 18, 0.4);
        }

.popularity-high {
            background-color: #d5f4e6;
            font-weight: bold;
            color: #27ae60;
        }

.popularity-low {
            background-color: #fab1a0;
            font-weight: bold;
            color: #e74c3c;
        }

.popularity-medium {
            background-color: #ffeaa7;
            font-weight: bold;
            color: #f39c12;
        }

.profit-high {
            background-color: #27ae60;
            color: white;
        }

.profit-low {
            background-color: #e74c3c;
            color: white;
        }

.profit-medium {
            background-color: #f39c12;
            color: white;
        }

.profitability-rating {
            display: inline-block;
            padding: 0.3rem 0.8rem;
            border-radius: 15px;
            font-size: 0.9rem;
            font-weight: bold;
            margin-bottom: 1rem;
        }

.pros h5 {
            color: #27ae60;
        }

.pros li:before {
            content: "✓";
            color: #27ae60;
            position: absolute;
            left: 0;
        }

.quick-guide {
            background-color: #d1f2eb;
            padding: 2rem;
            border-radius: 10px;
            margin: 2rem 0;
            border-left: 5px solid #27ae60;
        }

.rating-text {
            color: #666;
            font-size: 0.9rem;
        }

.reality-box {
            background-color: #fdcb6e;
            border-left: 5px solid #e17055;
            padding: 1rem;
            margin: 1.5rem 0;
            border-radius: 5px;
        }

.reality-check {
            background-color: #fab1a0;
            border-left: 5px solid #e74c3c;
            padding: 1rem;
            margin: 1.5rem 0;
            border-radius: 5px;
        }

.related-links h3 {
            color: #f39c12;
            margin-bottom: 1.5rem;
            text-align: center;
        }

.responsible-gambling h3 {
            color: white;
            margin-bottom: 1rem;
        }

.responsible-gambling p {
            margin-bottom: 0.5rem;
        }

.restricted {
            background: linear-gradient(135deg, #f0f0f0, #e0e0e0);
            color: #495057;
            border: 1px solid #ced4da;
        }

.risk-indicator {
            display: inline-block;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            margin-right: 0.5rem;
        }

.risks-list {
            border-left: 5px solid #e74c3c;
        }

.risky-strategies {
            background-color: #fab1a0;
            padding: 1.5rem;
            border-radius: 5px;
            border-left: 5px solid #e74c3c;
        }

.section-icon {
            margin-right: 0.8rem;
            font-size: 1.6rem;
        }

.security-checklist {
            background: #fff3cd;
            border: 1px solid #ffeaa7;
            border-left: 4px solid #f39c12;
            border-radius: 8px;
            padding: 2rem;
            margin: 2rem 0;
        }

.security-checklist h4 {
            color: #856404;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
        }

.security-checklist li {
            margin-bottom: 0.8rem;
            padding-left: 2rem;
            position: relative;
            color: #856404;
        }

.security-checklist ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

.show-more-btn {
            background: linear-gradient(135deg, #34495e 0%, #2c3e50 100%);
            color: white;
            padding: 1rem 2rem;
            border: none;
            border-radius: 8px;
            font-size: 1.1rem;
            font-weight: bold;
            cursor: pointer;
            transition: all 0.3s ease;
        }

.show-more-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(52, 73, 94, 0.3);
        }

.show-more-section {
            text-align: center;
            margin: 3rem 0;
        }

.spec-item {
            display: flex;
            justify-content: space-between;
            margin-bottom: 0.5rem;
            font-size: 0.9rem;
        }

.spec-label {
            font-weight: bold;
            color: #2c3e50;
        }

.spec-value {
            color: #666;
        }

.sportsbook-actions {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            min-width: 200px;
        }

.sportsbook-card {
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
            margin-bottom: 2rem;
            overflow: hidden;
            transition: all 0.3s ease;
            border: 2px solid transparent;
        }

.sportsbook-card:hover {
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
            border-color: #f39c12;
            transform: translateY(-2px);
        }

.sportsbook-details {
            padding: 2rem;
            display: grid;
            grid-template-columns: 1fr auto;
            gap: 2rem;
            align-items: center;
        }

.sportsbook-features {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 1rem;
        }

.sportsbook-header {
            background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
            padding: 1.5rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: white;
        }

.sportsbook-info {
            display: flex;
            align-items: center;
            gap: 1rem;
        }

.sportsbook-list {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

.sportsbook-name {
            color: white;
            font-size: 1.8rem;
            margin: 0;
        }

.sportsbook-rank {
            background: #f39c12;
            color: white;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            font-size: 1.2rem;
        }

.sportsbook-rating {
            text-align: right;
        }

.stat-label {
            font-size: 0.9rem;
            color: #6c757d;
        }

.stats-box {
            background: linear-gradient(135deg, #f8f9fa, #e9ecef);
            border: 1px solid #e9ecef;
            border-radius: 8px;
            padding: 2rem;
            margin: 2rem 0;
            text-align: center;
        }

.stats-box h4 {
            color: #2c3e50;
            margin-bottom: 1rem;
        }

.step-by-step {
            background: #f8f9fa;
            border: 1px solid #e9ecef;
            border-radius: 8px;
            padding: 2rem;
            margin: 2rem 0;
        }

.step-by-step h4 {
            color: #f39c12;
            margin-bottom: 1rem;
            text-align: center;
        }

.step-content h5 {
            color: #2c3e50;
            margin-bottom: 0.5rem;
        }

.step-content p {
            margin: 0;
            color: #6c757d;
        }

.step-list {
            counter-reset: step-counter;
            list-style: none;
            padding-left: 0;
        }

.step-list li {
            counter-increment: step-counter;
            background: #f8f9fa;
            margin: 1rem 0;
            padding: 1.5rem;
            border-radius: 8px;
            border-left: 4px solid #f39c12;
            position: relative;
        }

.step-list li::before {
            content: counter(step-counter);
            background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
            color: white;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            left: -15px;
            top: 50%;
            transform: translateY(-50%);
            font-weight: bold;
            font-size: 0.9rem;
        }

.strategy-box {
            background-color: #d5f4e6;
            border-left: 5px solid #27ae60;
            padding: 1rem;
            margin: 1.5rem 0;
            border-radius: 5px;
        }

.strategy-tip {
            background: #e8f4f8;
            border-left: 4px solid #3498db;
            padding: 1.5rem;
            margin: 1.5rem 0;
            border-radius: 0 10px 10px 0;
        }

.strategy-tip h4 {
            color: #2980b9;
            margin-bottom: 0.5rem;
        }

.summary-table {
            background: #f8f9fa;
            border: 1px solid #e9ecef;
            border-radius: 8px;
            padding: 1.5rem;
            margin: 2rem 0;
            overflow-x: auto;
        }

.summary-table h4 {
            color: #f39c12;
            margin-bottom: 1rem;
        }

.summary-table table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 1rem;
            min-width: 600px;
        }

.summary-table th {
            background-color: #f39c12;
            color: white;
            font-weight: bold;
            position: sticky;
            top: 0;
        }

.summary-table th, .summary-table td {
            padding: 0.8rem;
            text-align: left;
            border-bottom: 1px solid #dee2e6;
            font-size: 0.9rem;
        }

.summary-table tr:hover {
            background-color: #f1f3f4;
        }

.table-of-contents a:hover {
            color: #f39c12;
        }

.table-of-contents h2 {
            color: #2c3e50;
            margin-bottom: 1rem;
            font-size: 1.3rem;
        }

.table-of-contents h3 {
            color: #2c3e50;
            margin-bottom: 1rem;
        }

.table-of-contents li {
            margin-bottom: 0.5rem;
        }

.tips-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 1.5rem;
            margin: 2rem 0;
        }

.tips-section {
            background: #e8f5e8;
            padding: 2rem;
            border-radius: 10px;
            margin: 2rem 0;
        }

.toc > ul > li {
            margin-bottom: 0.5rem;
        }

.toc a {
            color: #2c3e50;
            text-decoration: none;
            transition: color 0.3s ease;
        }

.toc a:hover {
            color: #f39c12;
        }

.toc ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

.toc ul ul {
            margin-left: 1.5rem;
            margin-top: 0.5rem;
        }

.toc-list li {
            margin-bottom: 0.5rem;
        }

.tournament-calendar {
            background-color: #e8f4fd;
            padding: 2rem;
            border-radius: 10px;
            margin: 2rem 0;
            border-left: 5px solid #3498db;
        }

.tournament-info {
            background-color: #f8f9fa;
            border: 2px solid #6c757d;
            padding: 1.5rem;
            margin: 1.5rem 0;
            border-radius: 5px;
        }

.usa-badge {
            display: inline-flex;
            align-items: center;
            background: linear-gradient(135deg, #ff0000 0%, #ffffff 50%, #0066cc 100%);
            color: #000;
            padding: 0.5rem 1rem;
            border-radius: 25px;
            font-weight: bold;
            margin-bottom: 1rem;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
        }

.usa-badge::before {
            content: '🇺🇸';
            margin-right: 0.5rem;
        }

.usa-friendly {
            background: #27ae60;
            color: white;
            padding: 0.25rem 0.75rem;
            border-radius: 15px;
            font-size: 0.8rem;
            margin-left: 1rem;
            font-weight: bold;
        }

.view-review-btn {
            background: transparent;
            color: #2c3e50;
            padding: 1rem 2rem;
            border: 2px solid #2c3e50;
            border-radius: 8px;
            text-decoration: none;
            text-align: center;
            font-weight: bold;
            transition: all 0.3s ease;
        }

.view-review-btn:hover {
            background: #2c3e50;
            color: white;
        }

.warning-box strong {
            color: #fff;
        }

h5 {
            color: #34495e;
            font-size: 1.1rem;
            margin: 0.8rem 0 0.4rem 0;
        }

h6 {
            color: #34495e;
            font-size: 1rem;
            margin: 0.6rem 0 0.3rem 0;
            font-weight: bold;
        }

strong {
            color: #2c3e50;
            font-weight: 600;
        }

ul {
            padding-left: 1.5rem;
            margin-bottom: 1rem;
        }

ul li {
            margin-bottom: 0.5rem;
            color: #2c3e50;
        }


/* ══════════════════════════════════════════════
   PAGE: about-us.html
   Namespace: .page-about-us
   ══════════════════════════════════════════════ */
.page-about-us .main-content {
    margin-top: 80px;
            padding: 2rem 1rem;
            max-width: 1000px;
            margin-left: auto;
            margin-right: auto;
}
.page-about-us .page-header {
    text-align: center;
            margin-bottom: 3rem;
            padding: 3rem 0;
            background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
            border-radius: 15px;
            color: white;
}
.page-about-us .page-title {
    font-size: 2.8rem;
            margin-bottom: 1rem;
            font-weight: 700;
}
.page-about-us .page-subtitle {
    font-size: 1.2rem;
            max-width: 700px;
            margin: 0 auto;
            line-height: 1.8;
            opacity: 0.95;
}
.page-about-us .about-content {
    background: white;
            padding: 3rem;
            border-radius: 15px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            margin-bottom: 2rem;
}
.page-about-us .welcome-section {
    text-align: center;
            margin-bottom: 3rem;
            padding: 2rem;
            background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
            border-radius: 10px;
            border-left: 4px solid #3498db;
}
.page-about-us .welcome-title {
    font-size: 2.2rem;
            color: #2c3e50;
            margin-bottom: 1rem;
            font-weight: 700;
}
.page-about-us .welcome-text {
    font-size: 1.1rem;
            color: #34495e;
            line-height: 1.7;
}
.page-about-us .section-title {
    font-size: 1.8rem;
            color: #2c3e50;
            margin: 2.5rem 0 1.5rem 0;
            font-weight: 600;
            border-bottom: 3px solid #f39c12;
            padding-bottom: 0.5rem;
            display: flex;
            align-items: center;
}
.page-about-us .section-content {
    color: #2c3e50;
            margin-bottom: 1.5rem;
            line-height: 1.7;
            font-size: 1.05rem;
}
.page-about-us .section-content p {
    margin-bottom: 1.2rem;
}
.page-about-us .highlight-box {
    background: #fff3cd;
            border: 1px solid #ffc107;
            border-radius: 10px;
            padding: 1.8rem;
            margin: 1.5rem 0;
            border-left: 4px solid #f39c12;
}
.page-about-us .highlight-box h4 {
    color: #856404;
            margin-bottom: 1rem;
            font-size: 1.3rem;
            font-weight: 600;
}
.page-about-us .values-grid {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
            gap: 1.5rem;
            margin: 2rem 0;
}
.page-about-us .value-card {
    background: #f8f9fa;
            padding: 1.8rem;
            border-radius: 10px;
            border-top: 4px solid #3498db;
            transition: all 0.3s ease;
}
.page-about-us .value-card:hover {
    transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(52, 152, 219, 0.15);
}
.page-about-us .value-card h4 {
    color: #2c3e50;
            margin-bottom: 1rem;
            font-size: 1.2rem;
            font-weight: 600;
            display: flex;
            align-items: center;
}
.page-about-us .value-icon {
    margin-right: 0.5rem;
            font-size: 1.3rem;
}
.page-about-us .value-card p {
    color: #34495e;
            line-height: 1.6;
            font-size: 0.95rem;
}
.page-about-us .contact-section {
    background: #e8f5e8;
            border-radius: 15px;
            padding: 2.5rem;
            margin: 3rem 0;
            border-left: 4px solid #27ae60;
            text-align: center;
}
.page-about-us .contact-section h3 {
    color: #27ae60;
            margin-bottom: 1.5rem;
            font-size: 1.8rem;
            font-weight: 600;
}
.page-about-us .contact-section p {
    margin-bottom: 1rem;
            color: #2c3e50;
            font-size: 1.05rem;
}
.page-about-us .contact-email {
    background: white;
            padding: 1rem 2rem;
            border-radius: 25px;
            display: inline-block;
            margin: 1rem 0;
            border: 2px solid #27ae60;
            color: #27ae60;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.3s ease;
}
.page-about-us .contact-email:hover {
    background: #27ae60;
            color: white;
            transform: translateY(-2px);
}
.page-about-us .closing-message {
    text-align: center;
            font-size: 1.1rem;
            color: #7f8c8d;
            font-style: italic;
            margin-top: 2rem;
            padding: 1.5rem;
            background: #f8f9fa;
            border-radius: 10px;
}
@media (max-width: 768px) {


            .page-title {
                font-size: 2.2rem;
            }

            .about-content {
                padding: 2rem;
            }

            .section-title {
                font-size: 1.5rem;
                flex-direction: column;
                align-items: flex-start;
            }

            .section-icon {
                margin-right: 0;
                margin-bottom: 0.5rem;
            }

            .values-grid {
                grid-template-columns: 1fr;
            }

            .welcome-section {
                padding: 1.5rem;
            }

            .welcome-title {
                font-size: 1.8rem;
            }
}
@media (max-width: 480px) {


            .main-content {
                padding: 1rem 0.5rem;
            }

            .page-title {
                font-size: 2rem;
            }

            .about-content {
                padding: 1.5rem;
            }

            .welcome-section {
                padding: 1rem;
            }

            .welcome-title {
                font-size: 1.6rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: best-crypto-casinos.html
   Namespace: .page-best-crypto-casinos
   ══════════════════════════════════════════════ */
.page-best-crypto-casinos main {
    margin-top: 80px;
            padding: 2rem 0;
            min-height: calc(100vh - 200px);
}
.page-best-crypto-casinos .breadcrumb {
    margin-bottom: 2rem;
            color: #34495e;
            padding: 0 20px;
}
.page-best-crypto-casinos .breadcrumb a {
    color: #f39c12;
            text-decoration: none;
}
.page-best-crypto-casinos .breadcrumb a:hover {
    text-decoration: underline;
}
.page-best-crypto-casinos .page-header {
    text-align: center;
            margin-bottom: 3rem;
            padding: 0 20px;
}
.page-best-crypto-casinos .page-title {
    color: #2c3e50;
            font-size: 2.5rem;
            margin-bottom: 1rem;
}
.page-best-crypto-casinos .page-subtitle {
    color: #7f8c8d;
            font-size: 1.2rem;
            max-width: 800px;
            margin: 0 auto;
            line-height: 1.6;
}
.page-best-crypto-casinos .stars {
    color: #f39c12;
            font-size: 1.2rem;
            margin-bottom: 0.25rem;
            display: block;
}
.page-best-crypto-casinos .rating-score {
    font-size: 0.9rem;
            opacity: 0.9;
}
.page-best-crypto-casinos .responsible-gambling {
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
            color: white;
            padding: 1.5rem;
            margin: 3rem auto;
            border-radius: 12px;
            text-align: center;
            max-width: 1200px;
            margin-left: 20px;
            margin-right: 20px;
}
.page-best-crypto-casinos h1 {
    color: #2c3e50;
            font-size: 2.5rem;
            margin-bottom: 1rem;
}
.page-best-crypto-casinos h2 {
    color: #2c3e50;
            font-size: 2rem;
            margin: 2rem 0 1rem 0;
            border-bottom: 3px solid #f39c12;
            padding-bottom: 0.5rem;
}
.page-best-crypto-casinos h3 {
    color: #34495e;
            font-size: 1.5rem;
            margin: 1.5rem 0 1rem 0;
}
.page-best-crypto-casinos h4 {
    color: #34495e;
            font-size: 1.2rem;
            margin: 1rem 0 0.5rem 0;
}
.page-best-crypto-casinos p {
    margin-bottom: 1rem;
            line-height: 1.8;
}
@media (max-width: 768px) {


            .casino-details {
                grid-template-columns: 1fr;
                gap: 1.5rem;
            }

            .casino-actions {
                min-width: auto;
                width: 100%;
            }

            .casino-features {
                grid-template-columns: 1fr;
                gap: 0.75rem;
            }

            .page-title {
                font-size: 2rem;
            }

            .page-subtitle {
                font-size: 1.1rem;
            }

            .casino-header {
                flex-direction: column;
                gap: 1rem;
                text-align: center;
            }

            .casino-rating {
                text-align: center;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}
@media (max-width: 480px) {


            .casino-card {
                margin: 0 10px 2rem 10px;
            }
}


/* ══════════════════════════════════════════════
   PAGE: best-crypto-dice-sites.html
   Namespace: .page-best-crypto-dice-sites
   ══════════════════════════════════════════════ */

.page-best-crypto-dice-sites .breadcrumb {
    margin-bottom: 2rem;
            color: #f39c12;
            padding: 0 20px;
}
.page-best-crypto-dice-sites .breadcrumb a:hover {
    color: #e67e22;
}
@media (max-width: 768px) {


            .dice-site-details {
                grid-template-columns: 1fr;
                gap: 1.5rem;
            }

            .dice-site-actions {
                min-width: auto;
                width: 100%;
            }

            .dice-site-features {
                grid-template-columns: 1fr;
                gap: 0.75rem;
            }

            .page-title {
                font-size: 2rem;
            }

            .page-subtitle {
                font-size: 1.1rem;
            }

            .dice-site-header {
                flex-direction: column;
                gap: 1rem;
                text-align: center;
            }

            .dice-site-rating {
                text-align: center;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}
@media (max-width: 480px) {


            .dice-site-card {
                margin: 0 10px 2rem 10px;
            }
}


/* ══════════════════════════════════════════════
   PAGE: best-crypto-exchanges-guide.html
   Namespace: .page-best-crypto-exchanges-guide
   ══════════════════════════════════════════════ */

.page-best-crypto-exchanges-guide main {
    margin-top: 80px;
            min-height: calc(100vh - 160px);
}
.page-best-crypto-exchanges-guide .hero-section {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
            color: white;
            padding: 4rem 0;
            text-align: center;
}
.page-best-crypto-exchanges-guide .hero-section h1 {
    font-size: 2.5rem;
            margin-bottom: 1rem;
            font-weight: 700;
}
.page-best-crypto-exchanges-guide .hero-section p {
    font-size: 1.2rem;
            opacity: 0.9;
            max-width: 800px;
            margin: 0 auto;
}
.page-best-crypto-exchanges-guide .content-section {
    padding: 3rem 0;
}
.page-best-crypto-exchanges-guide .content-section h2 {
    color: #2c3e50;
            margin-bottom: 1.5rem;
            font-size: 2rem;
            border-bottom: 3px solid #f39c12;
            padding-bottom: 0.5rem;
            font-weight: 600;
}
.page-best-crypto-exchanges-guide .content-section h3 {
    color: #34495e;
            margin: 2rem 0 1rem 0;
            font-size: 1.5rem;
            font-weight: 600;
}
.page-best-crypto-exchanges-guide .content-section h4 {
    color: #2c3e50;
            margin: 1.5rem 0 1rem 0;
            font-size: 1.2rem;
            font-weight: 600;
}
.page-best-crypto-exchanges-guide .content-section p {
    margin-bottom: 1.5rem;
            line-height: 1.8;
}
.page-best-crypto-exchanges-guide .breadcrumb {
    background: #f8f9fa;
            padding: 1rem 0;
            border-bottom: 1px solid #e9ecef;
}
.page-best-crypto-exchanges-guide .toc {
    background: #f8f9fa;
            border: 1px solid #e9ecef;
            border-radius: 8px;
            padding: 2rem;
            margin: 2rem 0;
}
.page-best-crypto-exchanges-guide .toc h3 {
    color: #f39c12;
            margin-bottom: 1rem;
            font-size: 1.3rem;
}
.page-best-crypto-exchanges-guide .stat-item {
    display: inline-block;
            margin: 1rem;
            padding: 1rem;
            background: white;
            border-radius: 8px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            min-width: 140px;
}
.page-best-crypto-exchanges-guide .stat-number {
    font-size: 2rem;
            font-weight: bold;
            color: #f39c12;
            display: block;
}
.page-best-crypto-exchanges-guide .country-grid {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
            gap: 2rem;
            margin: 2rem 0;
}
.page-best-crypto-exchanges-guide .country-card {
    background: #f8f9fa;
            border: 1px solid #e9ecef;
            border-radius: 8px;
            padding: 1.5rem;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.page-best-crypto-exchanges-guide .country-card:hover {
    transform: translateY(-3px);
            box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}
.page-best-crypto-exchanges-guide .country-card h4 {
    color: #f39c12;
            margin-bottom: 1rem;
            font-size: 1.4rem;
            display: flex;
            align-items: center;
}
.page-best-crypto-exchanges-guide .country-flag {
    font-size: 1.8rem;
            margin-right: 0.5rem;
}
.page-best-crypto-exchanges-guide .exchange-list {
    margin: 1rem 0;
}
.page-best-crypto-exchanges-guide .exchange-item {
    background: white;
            border: 1px solid #e9ecef;
            border-radius: 6px;
            padding: 1rem;
            margin-bottom: 0.8rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
}
.page-best-crypto-exchanges-guide .exchange-name {
    font-weight: 600;
            color: #2c3e50;
}
.page-best-crypto-exchanges-guide .exchange-features {
    font-size: 0.9rem;
            color: #6c757d;
}
.page-best-crypto-exchanges-guide .rating {
    display: flex;
            align-items: center;
}
.page-best-crypto-exchanges-guide .stars {
    color: #f39c12;
            margin-right: 0.5rem;
}
.page-best-crypto-exchanges-guide .exchange-grid {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 2rem;
            margin: 2rem 0;
}
.page-best-crypto-exchanges-guide .exchange-card {
    background: #f8f9fa;
            border: 1px solid #e9ecef;
            border-radius: 8px;
            padding: 1.5rem;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            transition: transform 0.3s ease;
}
.page-best-crypto-exchanges-guide .exchange-card:hover {
    transform: translateY(-2px);
}
.page-best-crypto-exchanges-guide .top-tier {
    border-left: 4px solid #28a745;
}
.page-best-crypto-exchanges-guide .mid-tier {
    border-left: 4px solid #ffc107;
}
.page-best-crypto-exchanges-guide .budget-tier {
    border-left: 4px solid #17a2b8;
}
.page-best-crypto-exchanges-guide .exchange-card h4 {
    margin-bottom: 1rem;
            font-size: 1.3rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
}
.page-best-crypto-exchanges-guide .top-tier h4 {
    color: #28a745;
}
.page-best-crypto-exchanges-guide .mid-tier h4 {
    color: #856404;
}
.page-best-crypto-exchanges-guide .budget-tier h4 {
    color: #117a8b;
}
.page-best-crypto-exchanges-guide .comparison-table {
    background: #f8f9fa;
            border: 1px solid #e9ecef;
            border-radius: 8px;
            padding: 1.5rem;
            margin: 2rem 0;
            overflow-x: auto;
}
.page-best-crypto-exchanges-guide .comparison-table table {
    width: 100%;
            border-collapse: collapse;
            margin-top: 1rem;
            min-width: 800px;
}
.page-best-crypto-exchanges-guide .comparison-table th, .page-best-crypto-exchanges-guide .comparison-table td {
    padding: 0.8rem;
            text-align: left;
            border-bottom: 1px solid #dee2e6;
            font-size: 0.9rem;
}
.page-best-crypto-exchanges-guide .comparison-table th {
    background-color: #f39c12;
            color: white;
            font-weight: bold;
            position: sticky;
            top: 0;
}
.page-best-crypto-exchanges-guide .pros-cons-grid {
    display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1.5rem;
            margin: 1.5rem 0;
}
.page-best-crypto-exchanges-guide .pros-card {
    background: #d4edda;
            border: 1px solid #c3e6cb;
            border-left: 4px solid #28a745;
            border-radius: 8px;
            padding: 1rem;
}
.page-best-crypto-exchanges-guide .cons-card {
    background: #f8d7da;
            border: 1px solid #f5c6cb;
            border-left: 4px solid #dc3545;
            border-radius: 8px;
            padding: 1rem;
}
.page-best-crypto-exchanges-guide .pros-card h5 {
    color: #155724;
            margin-bottom: 0.5rem;
}
.page-best-crypto-exchanges-guide .cons-card h5 {
    color: #721c24;
            margin-bottom: 0.5rem;
}
.page-best-crypto-exchanges-guide .pros-card ul, .page-best-crypto-exchanges-guide .cons-card ul {
    margin: 0;
            padding-left: 1.2rem;
}
.page-best-crypto-exchanges-guide .pros-card li {
    color: #155724;
            margin-bottom: 0.3rem;
}
.page-best-crypto-exchanges-guide .cons-card li {
    color: #721c24;
            margin-bottom: 0.3rem;
}
.page-best-crypto-exchanges-guide .warning-box {
    background-color: #f8d7da;
            border: 1px solid #f5c6cb;
            border-left: 4px solid #dc3545;
            padding: 1.5rem;
            margin: 2rem 0;
            border-radius: 4px;
}
.page-best-crypto-exchanges-guide .warning-box h4 {
    color: #721c24;
            margin-bottom: 0.5rem;
            display: flex;
            align-items: center;
}
.page-best-crypto-exchanges-guide .warning-box p {
    color: #721c24;
            margin-bottom: 0.5rem;
}
.page-best-crypto-exchanges-guide .tip-box {
    background-color: #d1ecf1;
            border: 1px solid #bee5eb;
            border-left: 4px solid #17a2b8;
            padding: 1.5rem;
            margin: 2rem 0;
            border-radius: 4px;
}
.page-best-crypto-exchanges-guide .tip-box h4 {
    color: #0c5460;
            margin-bottom: 0.5rem;
            display: flex;
            align-items: center;
}
.page-best-crypto-exchanges-guide .tip-box p {
    color: #0c5460;
            margin-bottom: 0.5rem;
}
.page-best-crypto-exchanges-guide .feature-grid {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 1.5rem;
            margin: 2rem 0;
}
.page-best-crypto-exchanges-guide .feature-card {
    background: #e7f3ff;
            border: 1px solid #b3d9ff;
            border-radius: 8px;
            padding: 1.5rem;
            text-align: center;
}
.page-best-crypto-exchanges-guide .feature-card h5 {
    color: #004085;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            justify-content: center;
}
.page-best-crypto-exchanges-guide .feature-icon {
    font-size: 1.5rem;
            margin-right: 0.5rem;
}
.page-best-crypto-exchanges-guide .security-checklist li:before {
    content: "✓";
            position: absolute;
            left: 0;
            color: #28a745;
            font-weight: bold;
            font-size: 1.2rem;
}
.page-best-crypto-exchanges-guide .related-links {
    background: #f8f9fa;
            border: 1px solid #e9ecef;
            border-radius: 8px;
            padding: 2rem;
            margin: 3rem 0;
}
.page-best-crypto-exchanges-guide ul, .page-best-crypto-exchanges-guide ol {
    margin: 1rem 0 1.5rem 2rem;
}
.page-best-crypto-exchanges-guide li {
    margin-bottom: 0.5rem;
}
@media (max-width: 768px) {


            .hero-section h1 {
                font-size: 2rem;
            }

            .hero-section p {
                font-size: 1rem;
            }

            .country-grid {
                grid-template-columns: 1fr;
            }

            .exchange-grid {
                grid-template-columns: 1fr;
            }

            .feature-grid {
                grid-template-columns: 1fr;
            }

            .pros-cons-grid {
                grid-template-columns: 1fr;
            }

            .links-grid {
                grid-template-columns: 1fr;
            }

            .comparison-table {
                font-size: 0.8rem;
            }

            .stat-item {
                margin: 0.5rem;
                padding: 0.8rem;
                min-width: 120px;
            }

            .stat-number {
                font-size: 1.5rem;
            }

            .exchange-item {
                flex-direction: column;
                align-items: flex-start;
            }

            .rating {
                margin-top: 0.5rem;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: best-crypto-exchanges.html
   Namespace: .page-best-crypto-exchanges
   ══════════════════════════════════════════════ */

.page-best-crypto-exchanges main {
    margin-top: 80px;
            padding: 2rem 0;
}
.page-best-crypto-exchanges .breadcrumb {
    margin-bottom: 2rem;
            color: #34495e;
}
.page-best-crypto-exchanges h1 {
    color: #2c3e50;
            font-size: 2.5rem;
            margin-bottom: 1rem;
            text-align: center;
}
.page-best-crypto-exchanges .intro-section {
    background: #f8f9fa;
            padding: 2rem;
            border-radius: 10px;
            margin-bottom: 2rem;
            border-left: 5px solid #f39c12;
}
.page-best-crypto-exchanges .country-nav {
    background: #ffffff;
            border: 2px solid #f39c12;
            border-radius: 8px;
            padding: 1rem;
            margin: 2rem 0;
            text-align: center;
}
.page-best-crypto-exchanges .country-nav h3 {
    margin-bottom: 1rem;
            color: #2c3e50;
}
.page-best-crypto-exchanges .country-buttons {
    display: flex;
            flex-wrap: wrap;
            gap: 1rem;
            justify-content: center;
}
.page-best-crypto-exchanges .country-button {
    background: #2c3e50;
            color: white;
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            text-decoration: none;
            font-weight: bold;
            transition: background-color 0.3s ease;
}
.page-best-crypto-exchanges .country-button:hover {
    background: #f39c12;
            color: white;
            text-decoration: none;
}
.page-best-crypto-exchanges .country-section {
    margin: 3rem 0;
            padding: 2rem;
            background: #f8f9fa;
            border-radius: 10px;
            border-left: 5px solid #f39c12;
}
.page-best-crypto-exchanges .country-flag {
    font-size: 2rem;
            margin-right: 0.5rem;
}
.page-best-crypto-exchanges .exchange-card {
    background: #ffffff;
            border: 1px solid #e9ecef;
            border-radius: 8px;
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.page-best-crypto-exchanges .exchange-card:hover {
    transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}
.page-best-crypto-exchanges .exchange-header {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
            color: white;
            padding: 1.5rem;
            text-align: center;
}
.page-best-crypto-exchanges .exchange-header h4 {
    color: white;
            margin: 0;
            font-size: 1.3rem;
}
.page-best-crypto-exchanges .exchange-rank {
    background: #f39c12;
            color: white;
            padding: 0.3rem 0.8rem;
            border-radius: 15px;
            font-size: 0.8rem;
            margin-top: 0.5rem;
            display: inline-block;
}
.page-best-crypto-exchanges .exchange-content {
    padding: 1.5rem;
}
.page-best-crypto-exchanges .exchange-rating {
    text-align: center;
            margin-bottom: 1rem;
}
.page-best-crypto-exchanges .stars {
    color: #f39c12;
            font-size: 1.2rem;
            margin-bottom: 0.5rem;
}
.page-best-crypto-exchanges .exchange-specs {
    background: #f8f9fa;
            padding: 1rem;
            border-radius: 5px;
            margin: 1rem 0;
}
.page-best-crypto-exchanges .pros-cons {
    display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1rem;
            margin: 1rem 0;
}
.page-best-crypto-exchanges .pros, .page-best-crypto-exchanges .cons {
    padding: 1rem;
            border-radius: 5px;
}
.page-best-crypto-exchanges .pros {
    background: #e8f5e8;
            border-left: 4px solid #27ae60;
}
.page-best-crypto-exchanges .cons {
    background: #ffeaea;
            border-left: 4px solid #e74c3c;
}
.page-best-crypto-exchanges .pros h5, .page-best-crypto-exchanges .cons h5 {
    margin-bottom: 0.5rem;
            font-size: 0.9rem;
            text-transform: uppercase;
            letter-spacing: 0.5px;
}
.page-best-crypto-exchanges .pros ul, .page-best-crypto-exchanges .cons ul {
    list-style: none;
            padding: 0;
}
.page-best-crypto-exchanges .pros li, .page-best-crypto-exchanges .cons li {
    font-size: 0.9rem;
            margin-bottom: 0.3rem;
            padding-left: 1rem;
            position: relative;
}
.page-best-crypto-exchanges .exchange-cta {
    text-align: center;
            margin-top: 1rem;
}
.page-best-crypto-exchanges .exchange-button {
    background: #f39c12;
            color: white;
            padding: 12px 24px;
            border: none;
            border-radius: 5px;
            text-decoration: none;
            display: inline-block;
            font-weight: bold;
            transition: background-color 0.3s ease;
            width: 100%;
}
.page-best-crypto-exchanges .exchange-button:hover {
    background: #e67e22;
            color: white;
            text-decoration: none;
}
.page-best-crypto-exchanges .comparison-table {
    width: 100%;
            border-collapse: collapse;
            margin: 2rem 0;
            background: white;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.page-best-crypto-exchanges .comparison-table th, .page-best-crypto-exchanges .comparison-table td {
    border: 1px solid #ddd;
            padding: 12px;
            text-align: center;
}
.page-best-crypto-exchanges .comparison-table th {
    background: #2c3e50;
            color: white;
            font-weight: bold;
}
.page-best-crypto-exchanges .comparison-table tr:nth-child(even) {
    background-color: #f9f9f9;
}
.page-best-crypto-exchanges .comparison-table .exchange-name {
    text-align: left;
            font-weight: bold;
            color: #2c3e50;
}
.page-best-crypto-exchanges .additional-options {
    background: #e3f2fd;
            border: 1px solid #bbdefb;
            border-radius: 8px;
            padding: 2rem;
            margin: 3rem 0;
}
.page-best-crypto-exchanges .additional-options h3 {
    color: #1976d2;
            margin-bottom: 1rem;
}
.page-best-crypto-exchanges .non-kyc-section {
    background: #fff3cd;
            border: 1px solid #ffeaa7;
            border-radius: 8px;
            padding: 2rem;
            margin: 3rem 0;
}
.page-best-crypto-exchanges .non-kyc-section h3 {
    color: #856404;
            margin-bottom: 1rem;
}
.page-best-crypto-exchanges .warning-box {
    background: #ffebee;
            border: 1px solid #ffcdd2;
            border-left: 5px solid #f44336;
            border-radius: 5px;
            padding: 1rem;
            margin: 1rem 0;
}
.page-best-crypto-exchanges .warning-box h4 {
    color: #d32f2f;
            margin-bottom: 0.5rem;
}
.page-best-crypto-exchanges .info-box {
    background: #e3f2fd;
            border: 1px solid #bbdefb;
            border-left: 5px solid #2196f3;
            border-radius: 5px;
            padding: 1rem;
            margin: 1rem 0;
}
.page-best-crypto-exchanges .info-box h4 {
    color: #1976d2;
            margin-bottom: 0.5rem;
}
.page-best-crypto-exchanges .selection-guide {
    background: #f8f9fa;
            border-radius: 8px;
            padding: 2rem;
            margin: 2rem 0;
}
.page-best-crypto-exchanges .selection-steps {
    counter-reset: step-counter;
}
.page-best-crypto-exchanges .selection-step {
    counter-increment: step-counter;
            margin-bottom: 1.5rem;
            padding-left: 3rem;
            position: relative;
}
.page-best-crypto-exchanges .selection-step:before {
    content: counter(step-counter);
            position: absolute;
            left: 0;
            top: 0;
            background: #f39c12;
            color: white;
            width: 2rem;
            height: 2rem;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
}
.page-best-crypto-exchanges .cta-section {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
            color: white;
            padding: 3rem 2rem;
            border-radius: 10px;
            text-align: center;
            margin: 3rem 0;
}
.page-best-crypto-exchanges .cta-button {
    background: #f39c12;
            color: white;
            padding: 15px 30px;
            border: none;
            border-radius: 5px;
            text-decoration: none;
            display: inline-block;
            font-weight: bold;
            font-size: 1.1rem;
            transition: background-color 0.3s ease;
            margin: 0 10px;
}
.page-best-crypto-exchanges .cta-button:hover {
    background: #e67e22;
}
@media (max-width: 768px) {


            h1 {
                font-size: 2rem;
            }

            h2 {
                font-size: 1.5rem;
            }

            .exchange-grid {
                grid-template-columns: 1fr;
            }

            .country-buttons {
                flex-direction: column;
                align-items: center;
            }

            .country-button {
                width: 200px;
            }

            .pros-cons {
                grid-template-columns: 1fr;
            }

            .comparison-table {
                font-size: 0.8rem;
            }

            .comparison-table th,
            .comparison-table td {
                padding: 8px 4px;
            }
}


/* ══════════════════════════════════════════════
   PAGE: best-crypto-slots-sites.html
   Namespace: .page-best-crypto-slots-sites
   ══════════════════════════════════════════════ */

.page-best-crypto-slots-sites .breadcrumb {
    margin-bottom: 2rem;
            color: #34495e;
            padding: 0 20px;
            max-width: 1200px;
            margin-left: auto;
            margin-right: auto;
}
.page-best-crypto-slots-sites .slots-badge {
    display: inline-flex;
            align-items: center;
            background: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%);
            color: #fff;
            padding: 0.5rem 1rem;
            border-radius: 25px;
            font-weight: bold;
            margin-bottom: 1rem;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.page-best-crypto-slots-sites .slots-badge::before {
    content: '🎰';
            margin-right: 0.5rem;
}
.page-best-crypto-slots-sites .slots-list {
    max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
}
.page-best-crypto-slots-sites .slots-card {
    background: #fff;
            border-radius: 12px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
            margin-bottom: 2rem;
            overflow: hidden;
            transition: all 0.3s ease;
            border: 2px solid transparent;
}
.page-best-crypto-slots-sites .slots-card:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
            border-color: #f39c12;
            transform: translateY(-2px);
}
.page-best-crypto-slots-sites .slots-header {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
            padding: 1.5rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: white;
}
.page-best-crypto-slots-sites .slots-info {
    display: flex;
            align-items: center;
            gap: 1rem;
}
.page-best-crypto-slots-sites .slots-rank {
    background: #f39c12;
            color: white;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            font-size: 1.2rem;
}
.page-best-crypto-slots-sites .slots-name {
    color: white;
            font-size: 1.8rem;
            margin: 0;
}
.page-best-crypto-slots-sites .slots-rating {
    text-align: right;
}
.page-best-crypto-slots-sites .provably-fair {
    background: #8e44ad;
            color: white;
            padding: 0.25rem 0.75rem;
            border-radius: 15px;
            font-size: 0.8rem;
            margin-left: 1rem;
            font-weight: bold;
}
.page-best-crypto-slots-sites .jackpot-badge {
    background: #e74c3c;
            color: white;
            padding: 0.25rem 0.75rem;
            border-radius: 15px;
            font-size: 0.8rem;
            margin-left: 0.5rem;
            font-weight: bold;
}
.page-best-crypto-slots-sites .slots-details {
    padding: 2rem;
            display: grid;
            grid-template-columns: 1fr auto;
            gap: 2rem;
            align-items: center;
}
.page-best-crypto-slots-sites .slots-features {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 1rem;
}
.page-best-crypto-slots-sites .slots-actions {
    display: flex;
            flex-direction: column;
            gap: 1rem;
            min-width: 200px;
}
@media (max-width: 768px) {


            .slots-details {
                grid-template-columns: 1fr;
                gap: 1.5rem;
            }

            .slots-actions {
                min-width: auto;
                width: 100%;
            }

            .slots-features {
                grid-template-columns: 1fr;
            }

            .page-title {
                font-size: 2rem;
            }

            .slots-header {
                flex-direction: column;
                gap: 1rem;
                text-align: center;
            }
}


/* ══════════════════════════════════════════════
   PAGE: best-crypto-sportsbooks.html
   Namespace: .page-best-crypto-sportsbooks
   ══════════════════════════════════════════════ */

.page-best-crypto-sportsbooks .sports-badge {
    display: inline-flex;
            align-items: center;
            background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
            color: #fff;
            padding: 0.5rem 1rem;
            border-radius: 25px;
            font-weight: bold;
            margin-bottom: 1rem;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.page-best-crypto-sportsbooks .sports-badge::before {
    content: '⚽';
            margin-right: 0.5rem;
}
.page-best-crypto-sportsbooks .live-betting {
    background: #e74c3c;
            color: white;
            padding: 0.25rem 0.75rem;
            border-radius: 15px;
            font-size: 0.8rem;
            margin-left: 1rem;
            font-weight: bold;
}
@media (max-width: 768px) {


            .sportsbook-details {
                grid-template-columns: 1fr;
                gap: 1.5rem;
            }

            .sportsbook-actions {
                min-width: auto;
                width: 100%;
            }

            .sportsbook-features {
                grid-template-columns: 1fr;
            }

            .page-title {
                font-size: 2rem;
            }

            .sportsbook-header {
                flex-direction: column;
                gap: 1rem;
                text-align: center;
            }
}


/* ══════════════════════════════════════════════
   PAGE: best-crypto-wallets.html
   Namespace: .page-best-crypto-wallets
   ══════════════════════════════════════════════ */

.page-best-crypto-wallets .wallet-type-overview {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
            margin: 2rem 0;
}
.page-best-crypto-wallets .overview-card {
    background: #f8f9fa;
            border: 1px solid #e9ecef;
            border-radius: 8px;
            padding: 2rem;
            text-align: center;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.page-best-crypto-wallets .overview-card:hover {
    transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}
.page-best-crypto-wallets .overview-card h3 {
    color: #2c3e50;
            margin-bottom: 1rem;
}
.page-best-crypto-wallets .overview-card.hardware {
    border-left: 5px solid #27ae60;
}
.page-best-crypto-wallets .overview-card.software {
    border-left: 5px solid #3498db;
}
.page-best-crypto-wallets .wallet-grid {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 2rem;
            margin: 2rem 0;
}
.page-best-crypto-wallets .wallet-card {
    background: #ffffff;
            border: 1px solid #e9ecef;
            border-radius: 8px;
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.page-best-crypto-wallets .wallet-card:hover {
    transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}
.page-best-crypto-wallets .wallet-header {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
            color: white;
            padding: 1.5rem;
            text-align: center;
}
.page-best-crypto-wallets .wallet-header h4 {
    color: white;
            margin: 0;
            font-size: 1.3rem;
}
.page-best-crypto-wallets .wallet-type-badge {
    background: #f39c12;
            color: white;
            padding: 0.3rem 0.8rem;
            border-radius: 15px;
            font-size: 0.8rem;
            margin-top: 0.5rem;
            display: inline-block;
}
.page-best-crypto-wallets .wallet-content {
    padding: 1.5rem;
}
.page-best-crypto-wallets .wallet-rating {
    text-align: center;
            margin-bottom: 1rem;
}
.page-best-crypto-wallets .wallet-specs {
    background: #f8f9fa;
            padding: 1rem;
            border-radius: 5px;
            margin: 1rem 0;
}
.page-best-crypto-wallets .wallet-cta {
    text-align: center;
            margin-top: 1rem;
}
.page-best-crypto-wallets .wallet-button {
    background: #f39c12;
            color: white;
            padding: 12px 24px;
            border: none;
            border-radius: 5px;
            text-decoration: none;
            display: inline-block;
            font-weight: bold;
            transition: background-color 0.3s ease;
            width: 100%;
}
.page-best-crypto-wallets .wallet-button:hover {
    background: #e67e22;
            color: white;
            text-decoration: none;
}
.page-best-crypto-wallets .comparison-table .wallet-name {
    text-align: left;
            font-weight: bold;
            color: #2c3e50;
}
.page-best-crypto-wallets .security-section {
    background: #fff3cd;
            border: 1px solid #ffeaa7;
            border-radius: 8px;
            padding: 2rem;
            margin: 2rem 0;
}
.page-best-crypto-wallets .security-section h3 {
    color: #856404;
            margin-bottom: 1rem;
}
.page-best-crypto-wallets .tip-card {
    background: #e3f2fd;
            border: 1px solid #bbdefb;
            border-radius: 8px;
            padding: 1.5rem;
            text-align: center;
}
.page-best-crypto-wallets .tip-card h4 {
    color: #1976d2;
            margin-bottom: 1rem;
}
.page-best-crypto-wallets .setup-guide {
    background: #f8f9fa;
            border-radius: 8px;
            padding: 2rem;
            margin: 2rem 0;
}
.page-best-crypto-wallets .setup-steps {
    counter-reset: step-counter;
}
.page-best-crypto-wallets .setup-step {
    counter-increment: step-counter;
            margin-bottom: 1.5rem;
            padding-left: 3rem;
            position: relative;
}
.page-best-crypto-wallets .setup-step:before {
    content: counter(step-counter);
            position: absolute;
            left: 0;
            top: 0;
            background: #f39c12;
            color: white;
            width: 2rem;
            height: 2rem;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
}
@media (max-width: 768px) {


            h1 {
                font-size: 2rem;
            }

            h2 {
                font-size: 1.5rem;
            }

            .wallet-grid {
                grid-template-columns: 1fr;
            }

            .wallet-type-overview {
                grid-template-columns: 1fr;
            }

            .pros-cons {
                grid-template-columns: 1fr;
            }

            .tips-grid {
                grid-template-columns: 1fr;
            }

            .comparison-table {
                font-size: 0.8rem;
            }

            .comparison-table th,
            .comparison-table td {
                padding: 8px 4px;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: best-no-kyc-crypto-casinos.html
   Namespace: .page-best-no-kyc-crypto-casinos
   ══════════════════════════════════════════════ */

@media (max-width: 768px) {


            .casino-details {
                grid-template-columns: 1fr;
                gap: 1.5rem;
            }

            .casino-actions {
                min-width: auto;
                width: 100%;
            }

            .casino-features {
                grid-template-columns: 1fr;
            }

            .page-title {
                font-size: 2rem;
            }

            .casino-header {
                flex-direction: column;
                gap: 1rem;
                text-align: center;
            }
}


/* ══════════════════════════════════════════════
   PAGE: best-no-kyc-crypto-sportsbooks.html
   Namespace: .page-best-no-kyc-crypto-sportsbooks
   ══════════════════════════════════════════════ */

.page-best-no-kyc-crypto-sportsbooks .live-betting {
    background: #e74c3c;
            color: white;
            padding: 0.25rem 0.75rem;
            border-radius: 15px;
            font-size: 0.8rem;
            margin-left: 0.5rem;
            font-weight: bold;
}


/* ══════════════════════════════════════════════
   PAGE: best-usa-crypto-casinos.html
   Namespace: .page-best-usa-crypto-casinos
   ══════════════════════════════════════════════ */

@media (max-width: 768px) {


            .casino-details {
                grid-template-columns: 1fr;
                gap: 1.5rem;
            }

            .casino-actions {
                min-width: auto;
                width: 100%;
            }

            .casino-features {
                grid-template-columns: 1fr;
            }

            .page-title {
                font-size: 2rem;
            }

            .casino-header {
                flex-direction: column;
                gap: 1rem;
                text-align: center;
            }
}


/* ══════════════════════════════════════════════
   PAGE: betting-odds-probability-guide.html
   Namespace: .page-betting-odds-probability-guide
   ══════════════════════════════════════════════ */

.page-betting-odds-probability-guide .breadcrumb {
    margin-bottom: 2rem;
            color: #7f8c8d;
}
.page-betting-odds-probability-guide .breadcrumb a {
    color: #3498db;
            text-decoration: none;
}
.page-betting-odds-probability-guide .breadcrumb a:hover {
    color: #f39c12;
}
.page-betting-odds-probability-guide .warning-box {
    background-color: #ffeaa7;
            border-left: 5px solid #f39c12;
            padding: 1rem;
            margin: 1.5rem 0;
            border-radius: 5px;
}
.page-betting-odds-probability-guide .math-box {
    background-color: #d5f4e6;
            border-left: 5px solid #27ae60;
            padding: 1rem;
            margin: 1.5rem 0;
            border-radius: 5px;
}
.page-betting-odds-probability-guide .tip-box {
    background-color: #d1f2eb;
            border-left: 5px solid #27ae60;
            padding: 1rem;
            margin: 1.5rem 0;
            border-radius: 5px;
}
.page-betting-odds-probability-guide .calculation-box {
    background-color: #e8f4fd;
            border: 1px solid #3498db;
            padding: 1.5rem;
            margin: 1.5rem 0;
            border-radius: 5px;
}
.page-betting-odds-probability-guide .example-box {
    background-color: #f8f9fa;
            border: 2px solid #6c757d;
            padding: 1.5rem;
            margin: 1.5rem 0;
            border-radius: 5px;
}
.page-betting-odds-probability-guide .value-box {
    background-color: #fdcb6e;
            border-left: 5px solid #e17055;
            padding: 1rem;
            margin: 1.5rem 0;
            border-radius: 5px;
}
.page-betting-odds-probability-guide ul, .page-betting-odds-probability-guide ol {
    margin-left: 2rem;
            margin-bottom: 1rem;
}
.page-betting-odds-probability-guide .odds-comparison {
    width: 100%;
            border-collapse: collapse;
            margin: 2rem 0;
            background-color: #ffffff;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.page-betting-odds-probability-guide .odds-comparison th, .page-betting-odds-probability-guide .odds-comparison td {
    padding: 1rem;
            text-align: center;
            border-bottom: 1px solid #bdc3c7;
}
.page-betting-odds-probability-guide .odds-comparison th {
    background-color: #2c3e50;
            color: white;
            font-weight: bold;
}
.page-betting-odds-probability-guide .odds-comparison tr:nth-child(even) {
    background-color: #ecf0f1;
}
.page-betting-odds-probability-guide .probability-high {
    background-color: #d5f4e6;
            font-weight: bold;
            color: #27ae60;
}
.page-betting-odds-probability-guide .probability-medium {
    background-color: #ffeaa7;
            font-weight: bold;
            color: #f39c12;
}
.page-betting-odds-probability-guide .probability-low {
    background-color: #fab1a0;
            font-weight: bold;
            color: #e74c3c;
}
.page-betting-odds-probability-guide .odds-formats {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 1.5rem;
            margin: 2rem 0;
}
.page-betting-odds-probability-guide .format-card {
    background-color: #ffffff;
            border: 2px solid #bdc3c7;
            padding: 1.5rem;
            border-radius: 10px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.page-betting-odds-probability-guide .format-card h4 {
    color: #2c3e50;
            margin-bottom: 1rem;
            padding-bottom: 0.5rem;
            border-bottom: 2px solid #f39c12;
}
.page-betting-odds-probability-guide .difficulty-easy {
    background-color: #27ae60;
            color: white;
}
.page-betting-odds-probability-guide .difficulty-medium {
    background-color: #f39c12;
            color: white;
}
.page-betting-odds-probability-guide .difficulty-hard {
    background-color: #e74c3c;
            color: white;
}
.page-betting-odds-probability-guide .calculator-grid {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 1.5rem;
            margin: 2rem 0;
}
.page-betting-odds-probability-guide .calculator-card {
    background-color: #e8f4fd;
            border: 2px solid #3498db;
            padding: 1.5rem;
            border-radius: 10px;
}
.page-betting-odds-probability-guide .value-betting {
    background-color: #d1f2eb;
            padding: 2rem;
            border-radius: 10px;
            margin: 2rem 0;
            border-left: 5px solid #27ae60;
}
.page-betting-odds-probability-guide .margin-analysis {
    background-color: #ffeaa7;
            padding: 2rem;
            border-radius: 10px;
            margin: 2rem 0;
            border-left: 5px solid #f39c12;
}
.page-betting-odds-probability-guide .quick-reference {
    background-color: #e8f4fd;
            padding: 2rem;
            border-radius: 10px;
            margin: 2rem 0;
            border-left: 5px solid #3498db;
}
.page-betting-odds-probability-guide .cta-button {
    background-color: #f39c12;
            color: white;
            padding: 1rem 2rem;
            text-decoration: none;
            border-radius: 5px;
            display: inline-block;
            margin: 1rem 0;
            transition: background-color 0.3s ease;
            font-weight: bold;
}
.page-betting-odds-probability-guide .cta-button:hover {
    background-color: #e67e22;
}
@media (max-width: 768px) {


            h1 {
                font-size: 2rem;
            }

            h2 {
                font-size: 1.5rem;
            }

            .container {
                padding: 0 15px;
            }

            .odds-formats {
                grid-template-columns: 1fr;
            }

            .calculator-grid {
                grid-template-columns: 1fr;
            }

            .odds-comparison {
                font-size: 0.9rem;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: bitcoin-wallet-setup-guide.html
   Namespace: .page-bitcoin-wallet-setup-guide
   ══════════════════════════════════════════════ */

.page-bitcoin-wallet-setup-guide .main-content {
    margin-top: 80px;
            max-width: 1000px;
            margin-left: auto;
            margin-right: auto;
            padding: 2rem;
}
.page-bitcoin-wallet-setup-guide .guide-header {
    text-align: center;
            padding: 3rem 0;
            background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
            border-radius: 15px;
            margin-bottom: 3rem;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.page-bitcoin-wallet-setup-guide .guide-title {
    font-size: 3rem;
            color: #2c3e50;
            margin-bottom: 1rem;
            font-weight: 700;
}
.page-bitcoin-wallet-setup-guide .difficulty-badge {
    background: #d5f4e6;
            color: #27ae60;
            padding: 0.5rem 1rem;
            border-radius: 20px;
            font-size: 0.9rem;
            font-weight: 600;
            text-transform: uppercase;
}
.page-bitcoin-wallet-setup-guide .content-section {
    margin-bottom: 3rem;
}
.page-bitcoin-wallet-setup-guide .section-title {
    font-size: 2rem;
            color: #2c3e50;
            margin-bottom: 1.5rem;
            font-weight: 700;
            border-bottom: 3px solid #f39c12;
            padding-bottom: 0.5rem;
}
.page-bitcoin-wallet-setup-guide .highlight-box {
    background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
            color: white;
            padding: 1.5rem;
            border-radius: 10px;
            margin: 2rem 0;
            text-align: center;
            font-weight: 600;
}
.page-bitcoin-wallet-setup-guide .info-box {
    background: #e8f4fd;
            border-left: 4px solid #3498db;
            padding: 1.5rem;
            margin: 2rem 0;
            border-radius: 0 10px 10px 0;
}
.page-bitcoin-wallet-setup-guide .warning-box {
    background: #fdf2e9;
            border-left: 4px solid #e67e22;
            padding: 1.5rem;
            margin: 2rem 0;
            border-radius: 0 10px 10px 0;
}
.page-bitcoin-wallet-setup-guide .danger-box {
    background: #fdedec;
            border-left: 4px solid #e74c3c;
            padding: 1.5rem;
            margin: 2rem 0;
            border-radius: 0 10px 10px 0;
}
.page-bitcoin-wallet-setup-guide .wallet-comparison {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 1.5rem;
            margin: 2rem 0;
}
.page-bitcoin-wallet-setup-guide .wallet-card {
    background: #f8f9fa;
            padding: 1.5rem;
            border-radius: 10px;
            border: 2px solid #e9ecef;
}
.page-bitcoin-wallet-setup-guide .wallet-card h4 {
    color: #2c3e50;
            margin-bottom: 1rem;
            font-size: 1.2rem;
}
.page-bitcoin-wallet-setup-guide .pros-cons {
    font-size: 0.95rem;
}
.page-bitcoin-wallet-setup-guide .pros-cons ul {
    margin: 0.5rem 0;
            padding-left: 1rem;
}
.page-bitcoin-wallet-setup-guide .step-box {
    background: #f8f9fa;
            border-left: 4px solid #f39c12;
            padding: 1.5rem;
            margin: 1rem 0;
            border-radius: 0 10px 10px 0;
}
.page-bitcoin-wallet-setup-guide .step-number {
    background: #f39c12;
            color: white;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            margin-right: 1rem;
}
.page-bitcoin-wallet-setup-guide .table-of-contents {
    background: #f8f9fa;
            padding: 2rem;
            border-radius: 10px;
            margin-bottom: 3rem;
            border-left: 4px solid #f39c12;
}
.page-bitcoin-wallet-setup-guide .table-of-contents ul {
    list-style: none;
            margin: 0;
            padding: 0;
}
.page-bitcoin-wallet-setup-guide .table-of-contents a {
    color: #2c3e50;
            text-decoration: none;
            font-weight: 500;
}
@media (max-width: 768px) {


            .guide-title {
                font-size: 2rem;
            }

            .main-content {
                padding: 1rem;
            }

            .guide-content {
                padding: 2rem;
            }

            .guide-meta {
                flex-direction: column;
                gap: 1rem;
            }

            .wallet-comparison {
                grid-template-columns: 1fr;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}
@media (max-width: 480px) {


            .guide-title {
                font-size: 1.8rem;
            }

            .guide-content {
                padding: 1.5rem;
            }

            .next-steps {
                padding: 2rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: blockchain-technology-explained-simply.html
   Namespace: .page-blockchain-technology-explained-simply
   ══════════════════════════════════════════════ */

.page-blockchain-technology-explained-simply .main-content {
    margin-top: 80px;
            max-width: 1200px;
            margin-left: auto;
            margin-right: auto;
            padding: 2rem;
}
.page-blockchain-technology-explained-simply .guide-header {
    text-align: center;
            padding: 3rem 0 2rem;
            border-bottom: 2px solid #f8f9fa;
            margin-bottom: 3rem;
}
.page-blockchain-technology-explained-simply .guide-title {
    font-size: 2.5rem;
            color: #2c3e50;
            margin-bottom: 1rem;
            font-weight: 700;
}
.page-blockchain-technology-explained-simply .guide-subtitle {
    font-size: 1.2rem;
            color: #7f8c8d;
            max-width: 800px;
            margin: 0 auto;
}
.page-blockchain-technology-explained-simply .toc {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
            border: 1px solid #e9ecef;
            border-radius: 10px;
            padding: 2rem;
            margin-bottom: 3rem;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.page-blockchain-technology-explained-simply .toc h3 {
    color: #2c3e50;
            margin-bottom: 1rem;
            font-size: 1.3rem;
}
.page-blockchain-technology-explained-simply .toc-list {
    list-style: none;
            padding-left: 0;
}
.page-blockchain-technology-explained-simply .toc-list a {
    color: #34495e;
            text-decoration: none;
            padding: 0.3rem 0;
            display: block;
            border-left: 3px solid transparent;
            padding-left: 1rem;
            transition: all 0.3s ease;
}
.page-blockchain-technology-explained-simply .toc-list a:hover {
    color: #f39c12;
            border-left-color: #f39c12;
            background-color: rgba(243, 156, 18, 0.1);
}
.page-blockchain-technology-explained-simply .guide-section {
    margin-bottom: 3rem;
            padding: 2rem 0;
}
.page-blockchain-technology-explained-simply .guide-section h2 {
    color: #2c3e50;
            font-size: 2rem;
            margin-bottom: 1.5rem;
            border-bottom: 2px solid #f39c12;
            padding-bottom: 0.5rem;
}
.page-blockchain-technology-explained-simply .guide-section h3 {
    color: #34495e;
            font-size: 1.5rem;
            margin: 2rem 0 1rem;
}
.page-blockchain-technology-explained-simply .guide-section h4 {
    color: #2c3e50;
            font-size: 1.2rem;
            margin: 1.5rem 0 0.8rem;
}
.page-blockchain-technology-explained-simply .guide-section p {
    margin-bottom: 1.2rem;
            font-size: 1.1rem;
}
.page-blockchain-technology-explained-simply .info-box {
    background: linear-gradient(135deg, #e8f5e8 0%, #f0f8f0 100%);
            border: 1px solid #27ae60;
            border-radius: 8px;
            padding: 1.5rem;
            margin: 1.5rem 0;
            border-left: 4px solid #27ae60;
}
.page-blockchain-technology-explained-simply .warning-box {
    background: linear-gradient(135deg, #ffeaa7 0%, #fdcb6e 20%, #ffeaa7 100%);
            border: 1px solid #f39c12;
            border-radius: 8px;
            padding: 1.5rem;
            margin: 1.5rem 0;
            border-left: 4px solid #f39c12;
}
.page-blockchain-technology-explained-simply .analogy-box {
    background: linear-gradient(135deg, #f3e5f5 0%, #faf2fc 100%);
            border: 1px solid #9c27b0;
            border-radius: 8px;
            padding: 1.5rem;
            margin: 1.5rem 0;
            border-left: 4px solid #9c27b0;
}
.page-blockchain-technology-explained-simply .info-box h4, .page-blockchain-technology-explained-simply .warning-box h4, .page-blockchain-technology-explained-simply .fact-box h4, .page-blockchain-technology-explained-simply .analogy-box h4 {
    margin-top: 0;
            margin-bottom: 0.8rem;
}
.page-blockchain-technology-explained-simply .guide-section ul, .page-blockchain-technology-explained-simply .guide-section ol {
    margin: 1rem 0 1.5rem 2rem;
}
.page-blockchain-technology-explained-simply .guide-section li {
    margin-bottom: 0.8rem;
            font-size: 1.1rem;
}
.page-blockchain-technology-explained-simply .block-diagram {
    background: #f8f9fa;
            border: 2px solid #e9ecef;
            border-radius: 10px;
            padding: 2rem;
            margin: 2rem 0;
            text-align: center;
}
.page-blockchain-technology-explained-simply .block {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
            color: white;
            padding: 1rem;
            margin: 0.5rem;
            border-radius: 8px;
            display: inline-block;
            position: relative;
            min-width: 150px;
}
.page-blockchain-technology-explained-simply .block-arrow {
    color: #f39c12;
            font-size: 2rem;
            margin: 0 1rem;
}
.page-blockchain-technology-explained-simply .cta-section {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
            color: white;
            padding: 3rem;
            border-radius: 15px;
            text-align: center;
            margin: 3rem 0;
}
.page-blockchain-technology-explained-simply .cta-button {
    background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
            color: white;
            padding: 1rem 2rem;
            border: none;
            border-radius: 50px;
            font-size: 1.1rem;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-block;
            margin: 1rem 0.5rem 0;
            box-shadow: 0 4px 15px rgba(243, 156, 18, 0.3);
}
.page-blockchain-technology-explained-simply .cta-button:hover {
    transform: translateY(-3px);
            box-shadow: 0 6px 20px rgba(243, 156, 18, 0.4);
}
@media (max-width: 768px) {


            .main-content {
                padding: 1rem;
            }

            .guide-title {
                font-size: 2rem;
            }

            .guide-section h2 {
                font-size: 1.6rem;
            }

            .toc {
                padding: 1rem;
            }

            .step-list li {
                padding-left: 2rem;
            }

            .cta-section {
                padding: 2rem 1rem;
            }

            .block {
                display: block;
                margin: 0.5rem auto;
                min-width: auto;
            }

            .block-arrow {
                display: block;
                transform: rotate(90deg);
                margin: 0.5rem auto;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: contact.html
   Namespace: .page-contact
   ══════════════════════════════════════════════ */

.page-contact .page-header {
    text-align: center;
            margin-bottom: 3rem;
            padding: 3rem 0;
            background: linear-gradient(135deg, #27ae60 0%, #229954 100%);
            border-radius: 15px;
            color: white;
}
.page-contact .contact-content {
    background: white;
            padding: 3rem;
            border-radius: 15px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            margin-bottom: 2rem;
}
.page-contact .last-updated {
    color: #7f8c8d;
            font-style: italic;
            margin-bottom: 2rem;
            font-size: 0.95rem;
            text-align: center;
}
.page-contact .intro-text {
    font-size: 1.1rem;
            color: #34495e;
            margin-bottom: 2.5rem;
            line-height: 1.7;
            text-align: center;
            padding: 1.5rem;
            background: #f8f9fa;
            border-left: 4px solid #27ae60;
            border-radius: 5px;
}
.page-contact .section-title {
    font-size: 1.8rem;
            color: #2c3e50;
            margin: 2rem 0 1.5rem 0;
            font-weight: 600;
            border-bottom: 3px solid #27ae60;
            padding-bottom: 0.5rem;
            display: flex;
            align-items: center;
}
.page-contact .contact-methods {
    background: #e8f5e8;
            border-radius: 15px;
            padding: 2.5rem;
            margin: 2rem 0;
            border-left: 4px solid #27ae60;
            text-align: center;
}
.page-contact .email-section {
    margin-bottom: 2rem;
}
.page-contact .email-label {
    font-size: 1.2rem;
            font-weight: 600;
            color: #27ae60;
            margin-bottom: 1rem;
            display: block;
}
.page-contact .email-address {
    background: white;
            padding: 1.2rem 2.5rem;
            border-radius: 50px;
            display: inline-block;
            margin: 0.5rem 0;
            border: 3px solid #27ae60;
            color: #27ae60;
            font-weight: 600;
            text-decoration: none;
            font-size: 1.1rem;
            transition: all 0.3s ease;
}
.page-contact .email-address:hover {
    background: #27ae60;
            color: white;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(39, 174, 96, 0.3);
}
.page-contact .response-time {
    font-size: 1rem;
            color: #7f8c8d;
            margin-top: 1rem;
            font-style: italic;
}
.page-contact .contact-tips {
    background: #fff3cd;
            border: 1px solid #ffc107;
            border-radius: 10px;
            padding: 1.8rem;
            margin: 2rem 0;
            border-left: 4px solid #f39c12;
}
.page-contact .contact-tips h4 {
    color: #856404;
            margin-bottom: 1rem;
            font-size: 1.3rem;
            font-weight: 600;
}
.page-contact .contact-tips p {
    color: #856404;
            margin-bottom: 0.8rem;
}
.page-contact .important-notes {
    background: #f8f9fa;
            border-radius: 10px;
            padding: 2rem;
            margin: 2rem 0;
            border-top: 4px solid #34495e;
}
.page-contact .note-item {
    margin-bottom: 1.5rem;
            padding-bottom: 1.5rem;
            border-bottom: 1px solid #e9ecef;
}
.page-contact .note-item:last-child {
    margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: none;
}
.page-contact .note-title {
    font-weight: 600;
            color: #2c3e50;
            margin-bottom: 0.5rem;
            font-size: 1.1rem;
}
.page-contact .note-content {
    color: #34495e;
            line-height: 1.6;
}
.page-contact .related-links {
    text-align: center;
            margin-top: 2.5rem;
            padding: 2rem;
            background: #f8f9fa;
            border-radius: 10px;
}
.page-contact .related-links h4 {
    color: #2c3e50;
            margin-bottom: 1.5rem;
            font-size: 1.2rem;
}
.page-contact .link-buttons {
    display: flex;
            gap: 1rem;
            justify-content: center;
            flex-wrap: wrap;
}
.page-contact .link-button {
    background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
            color: white;
            padding: 0.8rem 1.5rem;
            border-radius: 25px;
            text-decoration: none;
            font-weight: 500;
            transition: all 0.3s ease;
            border: none;
            cursor: pointer;
}
.page-contact .link-button:hover {
    transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3);
}
.page-contact .thank-you {
    text-align: center;
            font-size: 1.1rem;
            color: #7f8c8d;
            font-style: italic;
            margin: 2rem 0;
            padding: 1.5rem;
            background: #f8f9fa;
            border-radius: 10px;
}
@media (max-width: 768px) {


            .page-title {
                font-size: 2.2rem;
            }

            .contact-content {
                padding: 2rem;
            }

            .section-title {
                font-size: 1.5rem;
                flex-direction: column;
                align-items: flex-start;
            }

            .section-icon {
                margin-right: 0;
                margin-bottom: 0.5rem;
            }

            .contact-methods {
                padding: 2rem;
            }

            .email-address {
                padding: 1rem 2rem;
                font-size: 1rem;
            }

            .link-buttons {
                flex-direction: column;
                align-items: center;
            }

            .link-button {
                width: 100%;
                max-width: 250px;
                text-align: center;
            }
}
@media (max-width: 480px) {


            .main-content {
                padding: 1rem 0.5rem;
            }

            .page-title {
                font-size: 2rem;
            }

            .contact-content {
                padding: 1.5rem;
            }

            .contact-methods {
                padding: 1.5rem;
            }

            .email-address {
                padding: 0.8rem 1.5rem;
                font-size: 0.95rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: crypto-betting-guide.html
   Namespace: .page-crypto-betting-guide
   ══════════════════════════════════════════════ */

.page-crypto-betting-guide .games-grid {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 1.5rem;
            margin: 2rem 0;
}
.page-crypto-betting-guide .game-card {
    background-color: #ffffff;
            border: 2px solid #bdc3c7;
            padding: 1.5rem;
            border-radius: 10px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.page-crypto-betting-guide .strategies-grid {
    display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 2rem;
            margin: 2rem 0;
}
@media (max-width: 768px) {

            .mobile-menu-btn {
                display: block;
            }

            nav ul {
                display: none;
                position: absolute;
                top: 100%;
                left: 0;
                width: 100%;
                background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
                flex-direction: column;
                padding: 1rem;
                gap: 1rem;
            }

            nav ul.active {
                display: flex;
            }

            h1 {
                font-size: 2rem;
            }

            h2 {
                font-size: 1.5rem;
            }

            .container {
                padding: 0 15px;
            }

            .strategies-grid {
                grid-template-columns: 1fr;
                gap: 1rem;
            }

            .games-grid {
                grid-template-columns: 1fr;
            }

            .betting-markets {
                grid-template-columns: 1fr;
            }

            .games-comparison {
                font-size: 0.9rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: crypto-casino-beginners-guide.html
   Namespace: .page-crypto-casino-beginners-guide
   ══════════════════════════════════════════════ */

.page-crypto-casino-beginners-guide .security-box {
    background-color: #d5f4e6;
            border-left: 5px solid #27ae60;
            padding: 1rem;
            margin: 1.5rem 0;
            border-radius: 5px;
}
.page-crypto-casino-beginners-guide .scam-box {
    background-color: #fd79a8;
            border-left: 5px solid #e84393;
            padding: 1rem;
            margin: 1.5rem 0;
            border-radius: 5px;
}
.page-crypto-casino-beginners-guide .comparison-table {
    width: 100%;
            border-collapse: collapse;
            margin: 2rem 0;
            background-color: #ffffff;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.page-crypto-casino-beginners-guide .comparison-table th, .page-crypto-casino-beginners-guide .comparison-table td {
    padding: 1rem;
            text-align: left;
            border-bottom: 1px solid #bdc3c7;
}
.page-crypto-casino-beginners-guide .comparison-table th {
    background-color: #2c3e50;
            color: white;
            font-weight: bold;
}
.page-crypto-casino-beginners-guide .comparison-table tr:nth-child(even) {
    background-color: #ecf0f1;
}
.page-crypto-casino-beginners-guide .pros-cons {
    display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 2rem;
            margin: 2rem 0;
}
.page-crypto-casino-beginners-guide .pros {
    background-color: #d5f4e6;
            padding: 1.5rem;
            border-radius: 5px;
            border-left: 5px solid #27ae60;
}
.page-crypto-casino-beginners-guide .cons {
    background-color: #fab1a0;
            padding: 1.5rem;
            border-radius: 5px;
            border-left: 5px solid #e74c3c;
}
.page-crypto-casino-beginners-guide .step-box {
    background-color: #e8f4fd;
            border: 1px solid #3498db;
            padding: 1.5rem;
            margin: 1.5rem 0;
            border-radius: 5px;
}
.page-crypto-casino-beginners-guide .step-number {
    background-color: #3498db;
            color: white;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            margin-right: 1rem;
}
.page-crypto-casino-beginners-guide .red-flags {
    background-color: #fab1a0;
            padding: 1.5rem;
            border-radius: 10px;
            margin: 2rem 0;
            border-left: 5px solid #e74c3c;
}
.page-crypto-casino-beginners-guide .game-grid {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 1.5rem;
            margin: 2rem 0;
}
.page-crypto-casino-beginners-guide .house-edge {
    background-color: #e74c3c;
            color: white;
            padding: 0.3rem 0.8rem;
            border-radius: 15px;
            font-size: 0.9rem;
            font-weight: bold;
            display: inline-block;
            margin-bottom: 0.5rem;
}
.page-crypto-casino-beginners-guide .cta-button {
    background-color: #f39c12;
            color: white;
            padding: 1rem 2rem;
            text-decoration: none;
            border-radius: 5px;
            display: inline-block;
            margin: 1rem 0;
            transition: background-color 0.3s ease;
}
@media (max-width: 768px) {


            h1 {
                font-size: 2rem;
            }

            h2 {
                font-size: 1.5rem;
            }

            .container {
                padding: 0 15px;
            }

            .pros-cons {
                grid-template-columns: 1fr;
                gap: 1rem;
            }

            .game-grid {
                grid-template-columns: 1fr;
            }

            .comparison-table {
                font-size: 0.9rem;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: crypto-casino-bonuses-guide.html
   Namespace: .page-crypto-casino-bonuses-guide
   ══════════════════════════════════════════════ */

.page-crypto-casino-bonuses-guide .scam-alert {
    background-color: #fd79a8;
            border-left: 5px solid #e84393;
            padding: 1rem;
            margin: 1.5rem 0;
            border-radius: 5px;
}
.page-crypto-casino-bonuses-guide .math-box {
    background-color: #e8f4fd;
            border: 1px solid #3498db;
            padding: 1.5rem;
            margin: 1.5rem 0;
            border-radius: 5px;
}
.page-crypto-casino-bonuses-guide .bonus-example {
    background-color: #f8f9fa;
            border: 2px solid #6c757d;
            padding: 1.5rem;
            margin: 1.5rem 0;
            border-radius: 5px;
}
.page-crypto-casino-bonuses-guide .bonus-comparison {
    width: 100%;
            border-collapse: collapse;
            margin: 2rem 0;
            background-color: #ffffff;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.page-crypto-casino-bonuses-guide .bonus-comparison th, .page-crypto-casino-bonuses-guide .bonus-comparison td {
    padding: 1rem;
            text-align: left;
            border-bottom: 1px solid #bdc3c7;
}
.page-crypto-casino-bonuses-guide .bonus-comparison th {
    background-color: #2c3e50;
            color: white;
            font-weight: bold;
}
.page-crypto-casino-bonuses-guide .bonus-comparison tr:nth-child(even) {
    background-color: #ecf0f1;
}
.page-crypto-casino-bonuses-guide .rating-excellent {
    background-color: #d5f4e6;
            font-weight: bold;
            color: #27ae60;
}
.page-crypto-casino-bonuses-guide .rating-good {
    background-color: #ffeaa7;
            font-weight: bold;
            color: #f39c12;
}
.page-crypto-casino-bonuses-guide .rating-poor {
    background-color: #fab1a0;
            font-weight: bold;
            color: #e74c3c;
}
.page-crypto-casino-bonuses-guide .rating-avoid {
    background-color: #fd79a8;
            font-weight: bold;
            color: #e84393;
}
.page-crypto-casino-bonuses-guide .bonus-types-grid {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 1.5rem;
            margin: 2rem 0;
}
.page-crypto-casino-bonuses-guide .bonus-card {
    background-color: #ffffff;
            border: 2px solid #bdc3c7;
            padding: 1.5rem;
            border-radius: 10px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.page-crypto-casino-bonuses-guide .bonus-card h4 {
    color: #2c3e50;
            margin-bottom: 1rem;
            padding-bottom: 0.5rem;
            border-bottom: 2px solid #f39c12;
}
.page-crypto-casino-bonuses-guide .value-rating {
    display: inline-block;
            padding: 0.3rem 0.8rem;
            border-radius: 15px;
            font-size: 0.9rem;
            font-weight: bold;
            margin-bottom: 1rem;
}
.page-crypto-casino-bonuses-guide .value-high {
    background-color: #27ae60;
            color: white;
}
.page-crypto-casino-bonuses-guide .value-medium {
    background-color: #f39c12;
            color: white;
}
.page-crypto-casino-bonuses-guide .value-low {
    background-color: #e74c3c;
            color: white;
}
.page-crypto-casino-bonuses-guide .value-trap {
    background-color: #e84393;
            color: white;
}
.page-crypto-casino-bonuses-guide .wagering-calculator {
    background-color: #e8f4fd;
            padding: 2rem;
            border-radius: 10px;
            margin: 2rem 0;
            border-left: 5px solid #3498db;
}
.page-crypto-casino-bonuses-guide .strategy-grid {
    display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 2rem;
            margin: 2rem 0;
}
.page-crypto-casino-bonuses-guide .good-strategy {
    background-color: #d5f4e6;
            padding: 1.5rem;
            border-radius: 5px;
            border-left: 5px solid #27ae60;
}
.page-crypto-casino-bonuses-guide .bad-strategy {
    background-color: #fab1a0;
            padding: 1.5rem;
            border-radius: 5px;
            border-left: 5px solid #e74c3c;
}
.page-crypto-casino-bonuses-guide .terms-breakdown {
    background-color: #f8f9fa;
            padding: 2rem;
            border-radius: 10px;
            margin: 2rem 0;
}
.page-crypto-casino-bonuses-guide .checklist {
    background-color: #d1f2eb;
            padding: 2rem;
            border-radius: 10px;
            margin: 2rem 0;
            border-left: 5px solid #27ae60;
}
@media (max-width: 768px) {


            h1 {
                font-size: 2rem;
            }

            h2 {
                font-size: 1.5rem;
            }

            .container {
                padding: 0 15px;
            }

            .strategy-grid {
                grid-template-columns: 1fr;
                gap: 1rem;
            }

            .bonus-types-grid {
                grid-template-columns: 1fr;
            }

            .bonus-comparison {
                font-size: 0.9rem;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: crypto-dice-strategies.html
   Namespace: .page-crypto-dice-strategies
   ══════════════════════════════════════════════ */

.page-crypto-dice-strategies .main-content {
    margin-top: 80px;
            padding: 2rem 2rem 4rem;
            max-width: 1200px;
            margin-left: auto;
            margin-right: auto;
}
.page-crypto-dice-strategies .breadcrumbs {
    padding: 1rem 0;
            color: #f39c12; 
            font-size: 0.9rem;
}
.page-crypto-dice-strategies .breadcrumbs a {
    color: #f39c12; 
            text-decoration: none;
}
.page-crypto-dice-strategies .breadcrumbs a:hover {
    color: #e67e22;
}
.page-crypto-dice-strategies .guide-header {
    text-align: center;
            padding: 2rem 0 3rem;
            border-bottom: 2px solid #ecf0f1;
            margin-bottom: 3rem;
}
.page-crypto-dice-strategies .guide-subtitle {
    font-size: 1.2rem;
            color: #7f8c8d;
            margin-bottom: 2rem;
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
}
.page-crypto-dice-strategies .table-of-contents {
    background: #f8f9fa;
            padding: 2rem;
            border-radius: 10px;
            margin-bottom: 3rem;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.page-crypto-dice-strategies .table-of-contents ul {
    list-style: none;
            padding: 0;
}
.page-crypto-dice-strategies .table-of-contents a {
    color: #3498db;
            text-decoration: none;
            font-weight: 500;
}
.page-crypto-dice-strategies .content-section {
    margin-bottom: 3rem;
            padding: 2rem 0;
            border-bottom: 1px solid #ecf0f1;
}
.page-crypto-dice-strategies .content-section h2 {
    color: #2c3e50;
            font-size: 1.8rem;
            margin-bottom: 1.5rem;
            padding-bottom: 0.5rem;
            border-bottom: 2px solid #f39c12;
            display: inline-block;
}
.page-crypto-dice-strategies .content-section h3 {
    color: #34495e;
            font-size: 1.4rem;
            margin: 1.5rem 0 1rem;
}
.page-crypto-dice-strategies .content-section h4 {
    color: #34495e;
            font-size: 1.2rem;
            margin: 1.25rem 0 0.75rem;
            font-weight: 600;
}
.page-crypto-dice-strategies .content-section p {
    color: #555;
            margin-bottom: 1rem;
            text-align: justify;
}
.page-crypto-dice-strategies .strategy-table {
    width: 100%;
            border-collapse: collapse;
            margin: 1.5rem 0;
            background: white;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            border-radius: 10px;
            overflow: hidden;
}
.page-crypto-dice-strategies .strategy-table th {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
            color: white;
            padding: 1rem;
            text-align: left;
            font-weight: 600;
}
.page-crypto-dice-strategies .strategy-table td {
    padding: 0.75rem 1rem;
            border-bottom: 1px solid #ecf0f1;
}
.page-crypto-dice-strategies .strategy-table tr:nth-child(even) {
    background: #f8f9fa;
}
.page-crypto-dice-strategies .strategy-table tr:hover {
    background: #e8f4f8;
}
.page-crypto-dice-strategies .odds-table {
    width: 100%;
            border-collapse: collapse;
            margin: 1.5rem 0;
            background: white;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            border-radius: 10px;
            overflow: hidden;
}
.page-crypto-dice-strategies .odds-table th {
    background: linear-gradient(135deg, #27ae60 0%, #229954 100%);
            color: white;
            padding: 1rem;
            text-align: center;
            font-weight: 600;
}
.page-crypto-dice-strategies .odds-table td {
    padding: 0.75rem 1rem;
            border-bottom: 1px solid #ecf0f1;
            text-align: center;
}
.page-crypto-dice-strategies .example-scenario {
    background: #fff3cd;
            border: 1px solid #ffeaa7;
            border-radius: 10px;
            padding: 1.5rem;
            margin: 1.5rem 0;
}
.page-crypto-dice-strategies .example-scenario h4 {
    color: #856404;
            margin-bottom: 1rem;
}
.page-crypto-dice-strategies .example-scenario p {
    color: #856404;
}
.page-crypto-dice-strategies .myth-buster {
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
            color: white;
            padding: 1.5rem;
            border-radius: 10px;
            margin: 1.5rem 0;
            box-shadow: 0 4px 15px rgba(231, 76, 60, 0.3);
}
.page-crypto-dice-strategies .myth-buster h4 {
    color: white;
            margin-bottom: 1rem;
}
.page-crypto-dice-strategies .myth-buster p {
    color: white;
}
.page-crypto-dice-strategies .bankroll-chart {
    width: 100%;
            border-collapse: collapse;
            margin: 1.5rem 0;
            background: white;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            border-radius: 10px;
            overflow: hidden;
}
.page-crypto-dice-strategies .bankroll-chart th {
    background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
            color: white;
            padding: 1rem;
            text-align: center;
            font-weight: 600;
}
.page-crypto-dice-strategies .bankroll-chart td {
    padding: 0.75rem 1rem;
            border-bottom: 1px solid #ecf0f1;
            text-align: center;
}
.page-crypto-dice-strategies .bankroll-chart tr:nth-child(even) {
    background: #f8f9fa;
}
.page-crypto-dice-strategies .warning-box {
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
            color: white;
            padding: 1.5rem;
            border-radius: 10px;
            margin: 2rem 0;
            box-shadow: 0 4px 15px rgba(231, 76, 60, 0.3);
            text-align: center;
}
.page-crypto-dice-strategies .warning-box p {
    color: white;
            margin-bottom: 0.5rem;
}
.page-crypto-dice-strategies .probability-box {
    background: #d5f4e6;
            border-left: 4px solid #27ae60;
            padding: 1.5rem;
            margin: 1.5rem 0;
            border-radius: 0 10px 10px 0;
}
.page-crypto-dice-strategies .probability-box h4 {
    color: #27ae60;
            margin-bottom: 0.5rem;
}
.page-crypto-dice-strategies .probability-box p {
    color: #155724;
}
@media (max-width: 768px) {


            .guide-title {
                font-size: 2rem;
            }

            .guide-subtitle {
                font-size: 1rem;
            }

            .main-content {
                padding: 1rem;
            }

            .content-section {
                padding: 1rem 0;
            }

            .table-of-contents {
                padding: 1.5rem;
            }

            .strategy-table {
                font-size: 0.9rem;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}
@media (max-width: 480px) {


            .guide-title {
                font-size: 1.8rem;
            }

            .content-section h2 {
                font-size: 1.5rem;
            }

            .main-content {
                padding: 0.5rem;
            }

            .table-of-contents {
                padding: 1rem;
                margin-bottom: 2rem;
            }

            .strategy-table th,
            .strategy-table td {
                padding: 0.5rem;
                font-size: 0.8rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: crypto-esports-betting-guide.html
   Namespace: .page-crypto-esports-betting-guide
   ══════════════════════════════════════════════ */

@media (max-width: 768px) {


            h1 {
                font-size: 2rem;
            }

            h2 {
                font-size: 1.5rem;
            }

            .container {
                padding: 0 15px;
            }

            .strategies-grid {
                grid-template-columns: 1fr;
                gap: 1rem;
            }

            .games-grid {
                grid-template-columns: 1fr;
            }

            .betting-markets {
                grid-template-columns: 1fr;
            }

            .games-comparison {
                font-size: 0.9rem;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: crypto-gambling-guide.html
   Namespace: .page-crypto-gambling-guide
   ══════════════════════════════════════════════ */

.page-crypto-gambling-guide .danger-box {
    background: linear-gradient(135deg, #ffe5e5 0%, #ffebeb 100%);
            border: 1px solid #e74c3c;
            border-radius: 8px;
            padding: 1.5rem;
            margin: 1.5rem 0;
            border-left: 4px solid #e74c3c;
}
.page-crypto-gambling-guide .info-box h4, .page-crypto-gambling-guide .warning-box h4, .page-crypto-gambling-guide .danger-box h4 {
    margin-top: 0;
            margin-bottom: 0.8rem;
}
@media (max-width: 768px) {


            .main-content {
                padding: 1rem;
            }

            .guide-title {
                font-size: 2rem;
            }

            .guide-section h2 {
                font-size: 1.6rem;
            }

            .toc {
                padding: 1rem;
            }

            .step-list li {
                padding-left: 2rem;
            }

            .cta-section {
                padding: 2rem 1rem;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: crypto-guides.html
   Namespace: .page-crypto-guides
   ══════════════════════════════════════════════ */

.page-crypto-guides .main-content {
    margin-top: 80px;
            padding: 2rem 1rem;
            max-width: 1200px;
            margin-left: auto;
            margin-right: auto;
}
.page-crypto-guides .page-header {
    text-align: center;
            margin-bottom: 3rem;
            padding: 3rem 0;
            background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
            border-radius: 15px;
}
.page-crypto-guides .page-title {
    font-size: 2.8rem;
            color: #2c3e50;
            margin-bottom: 1rem;
            font-weight: 700;
}
.page-crypto-guides .page-subtitle {
    font-size: 1.2rem;
            color: #7f8c8d;
            max-width: 700px;
            margin: 0 auto;
            line-height: 1.8;
}
.page-crypto-guides .guide-categories {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 2rem;
            margin-bottom: 3rem;
}
.page-crypto-guides .category-card {
    background: white;
            border-radius: 15px;
            padding: 2rem;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            border: 1px solid #e8e9ea;
            transition: all 0.3s ease;
}
.page-crypto-guides .category-card:hover {
    transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}
.page-crypto-guides .category-header {
    display: flex;
            align-items: center;
            margin-bottom: 1.5rem;
}
.page-crypto-guides .category-icon {
    background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
            color: white;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.8rem;
            margin-right: 1rem;
}
.page-crypto-guides .category-title {
    font-size: 1.6rem;
            font-weight: 700;
            color: #2c3e50;
}
.page-crypto-guides .category-description {
    color: #7f8c8d;
            margin-bottom: 1.5rem;
            font-size: 1rem;
            line-height: 1.6;
}
.page-crypto-guides .guide-list {
    list-style: none;
            margin: 0;
            padding: 0;
}
.page-crypto-guides .guide-item {
    margin-bottom: 0.8rem;
}
.page-crypto-guides .guide-link {
    color: #2c3e50;
            text-decoration: none;
            font-weight: 500;
            padding: 0.5rem 0;
            display: block;
            transition: all 0.3s ease;
            border-left: 3px solid transparent;
            padding-left: 1rem;
}
.page-crypto-guides .guide-link:hover {
    color: #f39c12;
            border-left-color: #f39c12;
            background: #f8f9fa;
            padding-left: 1.2rem;
}
.page-crypto-guides .guide-link.coming-soon {
    color: #95a5a6;
            font-style: italic;
}
.page-crypto-guides .guide-link.coming-soon:hover {
    color: #7f8c8d;
            border-left-color: #95a5a6;
}
.page-crypto-guides .difficulty-badge {
    display: inline-block;
            padding: 0.2rem 0.6rem;
            border-radius: 12px;
            font-size: 0.75rem;
            font-weight: 600;
            text-transform: uppercase;
            margin-left: 0.5rem;
}
.page-crypto-guides .beginner {
    background: #d5f4e6;
            color: #27ae60;
}
.page-crypto-guides .intermediate {
    background: #fef5e7;
            color: #f39c12;
}
.page-crypto-guides .advanced {
    background: #fadbd8;
            color: #e74c3c;
}
.page-crypto-guides .featured-guide {
    background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
            color: white;
            padding: 3rem;
            border-radius: 15px;
            text-align: center;
            margin-bottom: 3rem;
}
.page-crypto-guides .featured-guide h2 {
    font-size: 2rem;
            margin-bottom: 1rem;
}
.page-crypto-guides .featured-guide p {
    font-size: 1.1rem;
            margin-bottom: 2rem;
            opacity: 0.9;
}
.page-crypto-guides .featured-guide-btn {
    background: white;
            color: #2980b9;
            padding: 1rem 2rem;
            border: none;
            border-radius: 50px;
            font-size: 1.1rem;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-block;
}
.page-crypto-guides .featured-guide-btn:hover {
    transform: translateY(-2px);
            box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
}
.page-crypto-guides .search-section {
    background: #f8f9fa;
            padding: 2rem;
            border-radius: 15px;
            margin-bottom: 3rem;
            text-align: center;
}
.page-crypto-guides .search-box {
    max-width: 500px;
            margin: 0 auto;
            position: relative;
}
.page-crypto-guides .page-search-input {
    width: 100%;
            padding: 1rem 1.5rem;
            border: 2px solid #e9ecef;
            border-radius: 50px;
            font-size: 1rem;
            outline: none;
            transition: all 0.3s ease;
}
.page-crypto-guides .page-search-input:focus {
    border-color: #f39c12;
            box-shadow: 0 0 0 3px rgba(243, 156, 18, 0.1);
}
@media (max-width: 768px) {


            .page-title {
                font-size: 2.2rem;
            }

            .guide-categories {
                grid-template-columns: 1fr;
            }

            .category-card {
                padding: 1.5rem;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}
@media (max-width: 480px) {


            .main-content {
                padding: 1rem 0.5rem;
            }

            .page-title {
                font-size: 2rem;
            }

            .featured-guide {
                padding: 2rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: crypto-news.html
   Namespace: .page-crypto-news
   ══════════════════════════════════════════════ */

.page-crypto-news .news-header {
    background: #f8f9fa;
            padding: 2rem;
            border-radius: 10px;
            margin-bottom: 2rem;
            border-left: 5px solid #f39c12;
            text-align: center;
}
.page-crypto-news .breaking-banner {
    background: #e74c3c;
            color: white;
            padding: 0.5rem 1rem;
            border-radius: 5px;
            display: inline-block;
            margin-bottom: 1rem;
            font-weight: bold;
            animation: pulse 2s infinite;
}
@keyframes pulse {

            0% { opacity: 1; }
            50% { opacity: 0.7; }
            100% { opacity: 1; }
}
.page-crypto-news .news-controls {
    background: #ffffff;
            border: 2px solid #f39c12;
            border-radius: 8px;
            padding: 1.5rem;
            margin: 2rem 0;
}
.page-crypto-news .search-section {
    display: flex;
            gap: 1rem;
            margin-bottom: 1rem;
            flex-wrap: wrap;
}
.page-crypto-news .search-button {
    background: #f39c12;
            color: white;
            padding: 12px 24px;
            border: none;
            border-radius: 5px;
            font-weight: bold;
            cursor: pointer;
            transition: background-color 0.3s ease;
}
.page-crypto-news .search-button:hover {
    background: #e67e22;
}
.page-crypto-news .category-filters {
    display: flex;
            gap: 0.5rem;
            flex-wrap: wrap;
            justify-content: center;
}
.page-crypto-news .category-btn {
    background: #34495e;
            color: white;
            padding: 8px 16px;
            border: none;
            border-radius: 20px;
            font-size: 0.9rem;
            cursor: pointer;
            transition: all 0.3s ease;
}
.page-crypto-news .category-btn:hover, .page-crypto-news .category-btn.active {
    background: #f39c12;
}
.page-crypto-news .featured-section {
    margin: 3rem 0;
}
.page-crypto-news .featured-article {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
            color: white;
            border-radius: 10px;
            overflow: hidden;
            display: grid;
            grid-template-columns: 1fr 1fr;
            min-height: 300px;
}
.page-crypto-news .featured-content {
    padding: 2rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
}
.page-crypto-news .featured-badge {
    background: #f39c12;
            color: white;
            padding: 0.3rem 0.8rem;
            border-radius: 15px;
            font-size: 0.8rem;
            display: inline-block;
            margin-bottom: 1rem;
            width: fit-content;
}
.page-crypto-news .featured-title {
    font-size: 1.8rem;
            margin-bottom: 1rem;
            color: white;
}
.page-crypto-news .featured-excerpt {
    margin-bottom: 1.5rem;
            opacity: 0.9;
}
.page-crypto-news .featured-meta {
    font-size: 0.9rem;
            opacity: 0.8;
            margin-bottom: 1rem;
}
.page-crypto-news .read-more-btn {
    background: #f39c12;
            color: white;
            padding: 12px 24px;
            border: none;
            border-radius: 5px;
            text-decoration: none;
            display: inline-block;
            font-weight: bold;
            transition: background-color 0.3s ease;
            width: fit-content;
}
.page-crypto-news .read-more-btn:hover {
    background: #e67e22;
            text-decoration: none;
            color: white;
}
.page-crypto-news .featured-image {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300"><rect fill="%23f39c12" width="400" height="300"/><circle fill="%23ffffff" cx="200" cy="150" r="50"/><text x="200" y="160" font-family="Arial" font-size="20" fill="%232c3e50" text-anchor="middle">₿</text></svg>') center/cover;
}
.page-crypto-news .news-grid {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 2rem;
            margin: 2rem 0;
}
.page-crypto-news .news-card {
    background: #ffffff;
            border: 1px solid #e9ecef;
            border-radius: 8px;
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.page-crypto-news .news-card:hover {
    transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}
.page-crypto-news .news-image {
    height: 200px;
            background: linear-gradient(45deg, #f39c12, #e67e22);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 2rem;
            font-weight: bold;
}
.page-crypto-news .news-content {
    padding: 1.5rem;
}
.page-crypto-news .news-category {
    background: #f39c12;
            color: white;
            padding: 0.3rem 0.8rem;
            border-radius: 15px;
            font-size: 0.8rem;
            display: inline-block;
            margin-bottom: 1rem;
}
.page-crypto-news .news-title {
    font-size: 1.2rem;
            margin-bottom: 0.5rem;
            color: #2c3e50;
}
.page-crypto-news .news-title a {
    color: #2c3e50;
            text-decoration: none;
            transition: color 0.3s ease;
}
.page-crypto-news .news-title a:hover {
    color: #f39c12;
}
.page-crypto-news .news-excerpt {
    margin-bottom: 1rem;
            color: #666;
            line-height: 1.6;
}
.page-crypto-news .news-meta {
    display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 0.9rem;
            color: #999;
            margin-bottom: 1rem;
}
.page-crypto-news .news-cta {
    text-align: center;
}
.page-crypto-news .news-btn {
    background: #2c3e50;
            color: white;
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            text-decoration: none;
            display: inline-block;
            font-weight: bold;
            transition: background-color 0.3s ease;
}
.page-crypto-news .news-btn:hover {
    background: #f39c12;
            text-decoration: none;
            color: white;
}
.page-crypto-news .newsletter-section {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
            color: white;
            padding: 3rem 2rem;
            border-radius: 10px;
            text-align: center;
            margin: 3rem 0;
}
.page-crypto-news .newsletter-section h3 {
    color: white;
            margin-bottom: 1rem;
}
.page-crypto-news .newsletter-form {
    display: flex;
            gap: 1rem;
            max-width: 500px;
            margin: 0 auto;
            flex-wrap: wrap;
}
.page-crypto-news .newsletter-input {
    flex: 1;
            min-width: 250px;
            padding: 12px;
            border: none;
            border-radius: 5px;
            font-size: 1rem;
}
.page-crypto-news .newsletter-btn {
    background: #f39c12;
            color: white;
            padding: 12px 24px;
            border: none;
            border-radius: 5px;
            font-weight: bold;
            cursor: pointer;
            transition: background-color 0.3s ease;
}
.page-crypto-news .newsletter-btn:hover {
    background: #e67e22;
}
.page-crypto-news .load-more-section {
    text-align: center;
            margin: 3rem 0;
}
.page-crypto-news .load-more-btn {
    background: #f39c12;
            color: white;
            padding: 15px 30px;
            border: none;
            border-radius: 5px;
            font-size: 1.1rem;
            font-weight: bold;
            cursor: pointer;
            transition: background-color 0.3s ease;
}
.page-crypto-news .load-more-btn:hover {
    background: #e67e22;
}
.page-crypto-news .trending-section {
    background: #f8f9fa;
            padding: 2rem;
            border-radius: 10px;
            margin: 2rem 0;
}
.page-crypto-news .trending-tags {
    display: flex;
            gap: 0.5rem;
            flex-wrap: wrap;
            justify-content: center;
}
.page-crypto-news .trending-tag {
    background: #e3f2fd;
            color: #1976d2;
            padding: 0.5rem 1rem;
            border-radius: 20px;
            text-decoration: none;
            font-size: 0.9rem;
            transition: all 0.3s ease;
}
.page-crypto-news .trending-tag:hover {
    background: #f39c12;
            color: white;
            text-decoration: none;
}
@media (max-width: 768px) {


            h1 {
                font-size: 2rem;
            }

            h2 {
                font-size: 1.5rem;
            }

            .news-grid {
                grid-template-columns: 1fr;
            }

            .featured-article {
                grid-template-columns: 1fr;
            }

            .featured-image {
                height: 200px;
            }

            .search-section {
                flex-direction: column;
            }

            .category-filters {
                justify-content: flex-start;
            }

            .newsletter-form {
                flex-direction: column;
                align-items: center;
            }

            .newsletter-input {
                min-width: 100%;
            }
}


/* ══════════════════════════════════════════════
   PAGE: crypto-scams-comprehensive-guide.html
   Namespace: .page-crypto-scams-comprehensive-guide
   ══════════════════════════════════════════════ */

.page-crypto-scams-comprehensive-guide .scam-grid {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
            gap: 2rem;
            margin: 2rem 0;
}
.page-crypto-scams-comprehensive-guide .scam-card {
    background: #f8f9fa;
            border: 1px solid #e9ecef;
            border-left: 4px solid #dc3545;
            border-radius: 8px;
            padding: 1.5rem;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.page-crypto-scams-comprehensive-guide .scam-card:hover {
    transform: translateY(-3px);
            box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}
.page-crypto-scams-comprehensive-guide .scam-card h4 {
    color: #dc3545;
            margin-bottom: 1rem;
            font-size: 1.3rem;
            display: flex;
            align-items: center;
}
.page-crypto-scams-comprehensive-guide .scam-icon {
    font-size: 1.5rem;
            margin-right: 0.5rem;
}
.page-crypto-scams-comprehensive-guide .protection-card {
    background: #d4edda;
            border: 1px solid #c3e6cb;
            border-left: 4px solid #28a745;
            border-radius: 8px;
            padding: 1.5rem;
            margin: 1.5rem 0;
            transition: transform 0.3s ease;
}
.page-crypto-scams-comprehensive-guide .protection-card:hover {
    transform: translateY(-2px);
}
.page-crypto-scams-comprehensive-guide .protection-card h4 {
    color: #155724;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
}
.page-crypto-scams-comprehensive-guide .protection-icon {
    font-size: 1.3rem;
            margin-right: 0.5rem;
}
.page-crypto-scams-comprehensive-guide .protection-card p {
    color: #155724;
            margin-bottom: 0.5rem;
}
.page-crypto-scams-comprehensive-guide .checklist {
    background: #f8f9fa;
            border: 1px solid #e9ecef;
            border-radius: 8px;
            padding: 2rem;
            margin: 2rem 0;
}
.page-crypto-scams-comprehensive-guide .checklist h4 {
    color: #f39c12;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
}
.page-crypto-scams-comprehensive-guide .red-flags {
    background: #fff3cd;
            border: 1px solid #ffeaa7;
            border-left: 4px solid #f39c12;
            border-radius: 8px;
            padding: 1.5rem;
            margin: 2rem 0;
}
.page-crypto-scams-comprehensive-guide .red-flags h4 {
    color: #856404;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
}
.page-crypto-scams-comprehensive-guide .red-flags ul {
    margin: 0;
            padding-left: 1.5rem;
}
.page-crypto-scams-comprehensive-guide .red-flags li {
    color: #856404;
            margin-bottom: 0.5rem;
            font-weight: 500;
}
.page-crypto-scams-comprehensive-guide .stat-item {
    display: inline-block;
            margin: 1rem;
            padding: 1rem;
            background: white;
            border-radius: 8px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.page-crypto-scams-comprehensive-guide .stat-number {
    font-size: 2rem;
            font-weight: bold;
            color: #dc3545;
            display: block;
}
@media (max-width: 768px) {


            .hero-section h1 {
                font-size: 2rem;
            }

            .hero-section p {
                font-size: 1rem;
            }

            .scam-grid {
                grid-template-columns: 1fr;
            }

            .links-grid {
                grid-template-columns: 1fr;
            }

            .stat-item {
                margin: 0.5rem;
                padding: 0.8rem;
            }

            .stat-number {
                font-size: 1.5rem;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: crypto-slot-strategies-guide.html
   Namespace: .page-crypto-slot-strategies-guide
   ══════════════════════════════════════════════ */

.page-crypto-slot-strategies-guide .myth-box {
    background-color: #fdcb6e;
            border-left: 5px solid #e17055;
            padding: 1rem;
            margin: 1.5rem 0;
            border-radius: 5px;
}
.page-crypto-slot-strategies-guide .bankroll-box {
    background-color: #e8f4fd;
            border: 1px solid #3498db;
            padding: 1.5rem;
            margin: 1.5rem 0;
            border-radius: 5px;
}
.page-crypto-slot-strategies-guide .volatility-box {
    background-color: #f8f9fa;
            border: 2px solid #6c757d;
            padding: 1.5rem;
            margin: 1.5rem 0;
            border-radius: 5px;
}
.page-crypto-slot-strategies-guide .rtp-table {
    width: 100%;
            border-collapse: collapse;
            margin: 2rem 0;
            background-color: #ffffff;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.page-crypto-slot-strategies-guide .rtp-table th, .page-crypto-slot-strategies-guide .rtp-table td {
    padding: 1rem;
            text-align: left;
            border-bottom: 1px solid #bdc3c7;
}
.page-crypto-slot-strategies-guide .rtp-table th {
    background-color: #2c3e50;
            color: white;
            font-weight: bold;
}
.page-crypto-slot-strategies-guide .rtp-table tr:nth-child(even) {
    background-color: #ecf0f1;
}
.page-crypto-slot-strategies-guide .rtp-good {
    background-color: #d5f4e6;
            font-weight: bold;
}
.page-crypto-slot-strategies-guide .rtp-average {
    background-color: #ffeaa7;
            font-weight: bold;
}
.page-crypto-slot-strategies-guide .rtp-poor {
    background-color: #fab1a0;
            font-weight: bold;
}
.page-crypto-slot-strategies-guide .bankroll-grid {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 1.5rem;
            margin: 2rem 0;
}
.page-crypto-slot-strategies-guide .bankroll-card {
    background-color: #ffffff;
            border: 2px solid #bdc3c7;
            padding: 1.5rem;
            border-radius: 10px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.page-crypto-slot-strategies-guide .bankroll-card h4 {
    color: #2c3e50;
            margin-bottom: 1rem;
            padding-bottom: 0.5rem;
            border-bottom: 2px solid #f39c12;
}
.page-crypto-slot-strategies-guide .risk-level {
    display: inline-block;
            padding: 0.3rem 0.8rem;
            border-radius: 15px;
            font-size: 0.9rem;
            font-weight: bold;
            margin-bottom: 1rem;
}
.page-crypto-slot-strategies-guide .risk-low {
    background-color: #27ae60;
            color: white;
}
.page-crypto-slot-strategies-guide .risk-medium {
    background-color: #f39c12;
            color: white;
}
.page-crypto-slot-strategies-guide .risk-high {
    background-color: #e74c3c;
            color: white;
}
.page-crypto-slot-strategies-guide .strategy-comparison {
    display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 2rem;
            margin: 2rem 0;
}
.page-crypto-slot-strategies-guide .ineffective-strategies {
    background-color: #fab1a0;
            padding: 1.5rem;
            border-radius: 5px;
            border-left: 5px solid #e74c3c;
}
.page-crypto-slot-strategies-guide .quick-tips {
    background-color: #e8f4fd;
            padding: 2rem;
            border-radius: 10px;
            margin: 2rem 0;
            border-left: 5px solid #3498db;
}
@media (max-width: 768px) {


            h1 {
                font-size: 2rem;
            }

            h2 {
                font-size: 1.5rem;
            }

            .container {
                padding: 0 15px;
            }

            .strategy-comparison {
                grid-template-columns: 1fr;
                gap: 1rem;
            }

            .bankroll-grid {
                grid-template-columns: 1fr;
            }

            .rtp-table {
                font-size: 0.9rem;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: crypto-tax-guide.html
   Namespace: .page-crypto-tax-guide
   ══════════════════════════════════════════════ */

.page-crypto-tax-guide .info-box {
    background: #e3f2fd;
            border: 1px solid #bbdefb;
            border-radius: 5px;
            padding: 1rem;
            margin: 1.5rem 0;
}
.page-crypto-tax-guide .country-sections {
    margin: 2rem 0;
}
.page-crypto-tax-guide .country-card {
    background: #f8f9fa;
            border: 1px solid #e9ecef;
            border-radius: 8px;
            padding: 2rem;
            margin: 1.5rem 0;
            border-left: 5px solid #f39c12;
}
.page-crypto-tax-guide .country-card h3 {
    color: #2c3e50;
            margin-bottom: 1rem;
}
.page-crypto-tax-guide .taxable-events-list {
    background: #fff3cd;
            padding: 1.5rem;
            border-radius: 8px;
            margin: 1rem 0;
            border-left: 5px solid #ffc107;
}
.page-crypto-tax-guide .comparison-table {
    width: 100%;
            border-collapse: collapse;
            margin: 1.5rem 0;
            background: white;
}
.page-crypto-tax-guide .comparison-table th, .page-crypto-tax-guide .comparison-table td {
    border: 1px solid #ddd;
            padding: 15px;
            text-align: left;
}
.page-crypto-tax-guide .comparison-table th {
    background: #2c3e50;
            color: white;
}
.page-crypto-tax-guide .software-grid {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 1.5rem;
            margin: 2rem 0;
}
.page-crypto-tax-guide .software-card {
    background: #f8f9fa;
            border: 1px solid #e9ecef;
            border-radius: 8px;
            padding: 1.5rem;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.page-crypto-tax-guide .software-card:hover {
    transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.page-crypto-tax-guide .software-card h4 {
    color: #f39c12;
            margin-bottom: 0.5rem;
}
.page-crypto-tax-guide .record-keeping-box {
    background: #e3f2fd;
            border: 1px solid #bbdefb;
            border-radius: 8px;
            padding: 1.5rem;
            margin: 1.5rem 0;
}
.page-crypto-tax-guide .record-keeping-box h4 {
    color: #1976d2;
            margin-bottom: 1rem;
}
.page-crypto-tax-guide .professional-advice {
    background: #f1f8e9;
            border-left: 4px solid #8bc34a;
            padding: 1rem;
            margin: 1rem 0;
            font-style: italic;
}
.page-crypto-tax-guide .cta-button {
    background: #f39c12;
            color: white;
            padding: 12px 24px;
            border: none;
            border-radius: 5px;
            text-decoration: none;
            display: inline-block;
            font-weight: bold;
            transition: background-color 0.3s ease;
            margin: 0 10px;
}
@media (max-width: 768px) {


            h1 {
                font-size: 2rem;
            }

            h2 {
                font-size: 1.5rem;
            }

            .software-grid {
                grid-template-columns: 1fr;
            }

            .comparison-table {
                font-size: 0.9rem;
            }

            .comparison-table th,
            .comparison-table td {
                padding: 8px;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: crypto-volatility-guide.html
   Namespace: .page-crypto-volatility-guide
   ══════════════════════════════════════════════ */

.page-crypto-volatility-guide .risk-box {
    background-color: #fab1a0;
            border-left: 5px solid #e74c3c;
            padding: 1rem;
            margin: 1.5rem 0;
            border-radius: 5px;
}
.page-crypto-volatility-guide .example-box {
    background-color: #e8f4fd;
            border: 1px solid #3498db;
            padding: 1rem;
            margin: 1.5rem 0;
            border-radius: 5px;
}
@media (max-width: 768px) {


            h1 {
                font-size: 2rem;
            }

            h2 {
                font-size: 1.5rem;
            }

            .container {
                padding: 0 15px;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: dca-crypto-guide.html
   Namespace: .page-dca-crypto-guide
   ══════════════════════════════════════════════ */

.page-dca-crypto-guide .warning-box {
    background: #fff3cd;
            border: 1px solid #ffeaa7;
            border-radius: 5px;
            padding: 1rem;
            margin: 1.5rem 0;
}
.page-dca-crypto-guide .warning-box h4 {
    color: #856404;
            margin-bottom: 0.5rem;
}
.page-dca-crypto-guide .example-box {
    background: #e8f4fd;
            border: 1px solid #bee5eb;
            border-radius: 8px;
            padding: 1.5rem;
            margin: 1.5rem 0;
}
.page-dca-crypto-guide .example-box h4 {
    color: #0c5460;
            margin-bottom: 1rem;
}
.page-dca-crypto-guide .calculation-table {
    width: 100%;
            border-collapse: collapse;
            margin: 1rem 0;
            background: white;
}
.page-dca-crypto-guide .calculation-table th, .page-dca-crypto-guide .calculation-table td {
    border: 1px solid #ddd;
            padding: 12px;
            text-align: center;
}
.page-dca-crypto-guide .calculation-table th {
    background: #2c3e50;
            color: white;
}
.page-dca-crypto-guide .calculation-table tr:nth-child(even) {
    background-color: #f9f9f9;
}
@media (max-width: 768px) {


            h1 {
                font-size: 2rem;
            }

            h2 {
                font-size: 1.5rem;
            }

            .platform-grid {
                grid-template-columns: 1fr;
            }

            .calculation-table,
            .comparison-table {
                font-size: 0.9rem;
            }

            .calculation-table th,
            .calculation-table td,
            .comparison-table th,
            .comparison-table td {
                padding: 8px;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: defi-and-smart-contracts-explained.html
   Namespace: .page-defi-and-smart-contracts-explained
   ══════════════════════════════════════════════ */

.page-defi-and-smart-contracts-explained .example-box {
    background: linear-gradient(135deg, #f3e5f5 0%, #faf2fc 100%);
            border: 1px solid #9c27b0;
            border-radius: 8px;
            padding: 1.5rem;
            margin: 1.5rem 0;
            border-left: 4px solid #9c27b0;
}
.page-defi-and-smart-contracts-explained .info-box h4, .page-defi-and-smart-contracts-explained .warning-box h4, .page-defi-and-smart-contracts-explained .danger-box h4, .page-defi-and-smart-contracts-explained .fact-box h4, .page-defi-and-smart-contracts-explained .example-box h4 {
    margin-top: 0;
            margin-bottom: 0.8rem;
}
.page-defi-and-smart-contracts-explained .protocol-grid {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
            margin: 2rem 0;
}
.page-defi-and-smart-contracts-explained .protocol-card {
    background: white;
            border: 1px solid #e9ecef;
            border-radius: 10px;
            padding: 2rem;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
}
.page-defi-and-smart-contracts-explained .protocol-card:hover {
    transform: translateY(-5px);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.page-defi-and-smart-contracts-explained .protocol-card h4 {
    color: #2c3e50;
            margin-bottom: 1rem;
            font-size: 1.3rem;
}
.page-defi-and-smart-contracts-explained .protocol-logo {
    background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
            color: white;
            padding: 0.5rem 1rem;
            border-radius: 20px;
            font-weight: bold;
            display: inline-block;
            margin-bottom: 1rem;
            font-size: 0.9rem;
}
.page-defi-and-smart-contracts-explained .contract-diagram {
    background: #f8f9fa;
            border: 2px solid #e9ecef;
            border-radius: 10px;
            padding: 2rem;
            margin: 2rem 0;
            text-align: center;
}
.page-defi-and-smart-contracts-explained .contract-flow {
    display: flex;
            justify-content: space-around;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
}
.page-defi-and-smart-contracts-explained .flow-step {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
            color: white;
            padding: 1rem;
            border-radius: 8px;
            min-width: 120px;
            position: relative;
}
.page-defi-and-smart-contracts-explained .flow-arrow {
    color: #f39c12;
            font-size: 2rem;
            margin: 0 0.5rem;
}
.page-defi-and-smart-contracts-explained .code-example {
    background: #2c3e50;
            color: #ecf0f1;
            padding: 1.5rem;
            border-radius: 8px;
            margin: 1.5rem 0;
            font-family: 'Courier New', monospace;
            overflow-x: auto;
}
.page-defi-and-smart-contracts-explained .code-comment {
    color: #95a5a6;
            font-style: italic;
}
@media (max-width: 768px) {


            .main-content {
                padding: 1rem;
            }

            .guide-title {
                font-size: 2rem;
            }

            .guide-section h2 {
                font-size: 1.6rem;
            }

            .toc {
                padding: 1rem;
            }

            .step-list li {
                padding-left: 2rem;
            }

            .cta-section {
                padding: 2rem 1rem;
            }

            .protocol-grid {
                grid-template-columns: 1fr;
            }

            .contract-flow {
                flex-direction: column;
            }

            .flow-arrow {
                transform: rotate(90deg);
                margin: 0.5rem 0;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: defi-smart-contracts-guide.html
   Namespace: .page-defi-smart-contracts-guide
   ══════════════════════════════════════════════ */

.page-defi-smart-contracts-guide .concept-grid {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
            gap: 2rem;
            margin: 2rem 0;
}
.page-defi-smart-contracts-guide .concept-card {
    background: #f8f9fa;
            border: 1px solid #e9ecef;
            border-radius: 8px;
            padding: 1.5rem;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.page-defi-smart-contracts-guide .concept-card:hover {
    transform: translateY(-3px);
            box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}
.page-defi-smart-contracts-guide .defi-card {
    border-left: 4px solid #3498db;
}
.page-defi-smart-contracts-guide .smart-contract-card {
    border-left: 4px solid #9b59b6;
}
.page-defi-smart-contracts-guide .gambling-card {
    border-left: 4px solid #e74c3c;
}
.page-defi-smart-contracts-guide .tech-card {
    border-left: 4px solid #27ae60;
}
.page-defi-smart-contracts-guide .concept-card h4 {
    margin-bottom: 1rem;
            font-size: 1.3rem;
            display: flex;
            align-items: center;
}
.page-defi-smart-contracts-guide .defi-card h4 {
    color: #3498db;
}
.page-defi-smart-contracts-guide .smart-contract-card h4 {
    color: #9b59b6;
}
.page-defi-smart-contracts-guide .gambling-card h4 {
    color: #e74c3c;
}
.page-defi-smart-contracts-guide .tech-card h4 {
    color: #27ae60;
}
.page-defi-smart-contracts-guide .concept-icon {
    font-size: 1.5rem;
            margin-right: 0.5rem;
}
.page-defi-smart-contracts-guide .comparison-table table {
    width: 100%;
            border-collapse: collapse;
            margin-top: 1rem;
            min-width: 600px;
}
.page-defi-smart-contracts-guide .pros-cons-grid {
    display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 2rem;
            margin: 2rem 0;
}
.page-defi-smart-contracts-guide .pros-card {
    background: #d4edda;
            border: 1px solid #c3e6cb;
            border-left: 4px solid #28a745;
            border-radius: 8px;
            padding: 1.5rem;
}
.page-defi-smart-contracts-guide .cons-card {
    background: #f8d7da;
            border: 1px solid #f5c6cb;
            border-left: 4px solid #dc3545;
            border-radius: 8px;
            padding: 1.5rem;
}
.page-defi-smart-contracts-guide .pros-card h4 {
    color: #155724;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
}
.page-defi-smart-contracts-guide .cons-card h4 {
    color: #721c24;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
}
.page-defi-smart-contracts-guide .protocol-grid {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 1.5rem;
            margin: 2rem 0;
}
.page-defi-smart-contracts-guide .protocol-card {
    background: #e7f3ff;
            border: 1px solid #b3d9ff;
            border-radius: 8px;
            padding: 1.5rem;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            transition: transform 0.3s ease;
}
.page-defi-smart-contracts-guide .protocol-card:hover {
    transform: translateY(-2px);
}
.page-defi-smart-contracts-guide .protocol-card h4 {
    color: #004085;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
}
.page-defi-smart-contracts-guide .step {
    display: flex;
            align-items: flex-start;
            margin-bottom: 1.5rem;
            padding: 1rem;
            background: white;
            border-radius: 6px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.page-defi-smart-contracts-guide .step-number {
    background: #f39c12;
            color: white;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            margin-right: 1rem;
            flex-shrink: 0;
}
.page-defi-smart-contracts-guide .security-checklist li:before {
    content: "🔒";
            position: absolute;
            left: 0;
            font-size: 1.2rem;
}
.page-defi-smart-contracts-guide .stat-item {
    display: inline-block;
            margin: 1rem;
            padding: 1rem;
            background: white;
            border-radius: 8px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            min-width: 120px;
}
.page-defi-smart-contracts-guide .code-snippet {
    background: #f8f9fa;
            border: 1px solid #e9ecef;
            border-radius: 4px;
            padding: 1rem;
            font-family: 'Courier New', monospace;
            font-size: 0.9rem;
            color: #495057;
            overflow-x: auto;
            margin: 1rem 0;
}
@media (max-width: 768px) {


            .hero-section h1 {
                font-size: 2rem;
            }

            .hero-section p {
                font-size: 1rem;
            }

            .concept-grid {
                grid-template-columns: 1fr;
            }

            .protocol-grid {
                grid-template-columns: 1fr;
            }

            .pros-cons-grid {
                grid-template-columns: 1fr;
            }

            .links-grid {
                grid-template-columns: 1fr;
            }

            .comparison-table {
                font-size: 0.8rem;
            }

            .stat-item {
                margin: 0.5rem;
                padding: 0.8rem;
                min-width: 100px;
            }

            .stat-number {
                font-size: 1.5rem;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: ethereum-paper-wallet-guide.html
   Namespace: .page-ethereum-paper-wallet-guide
   ══════════════════════════════════════════════ */

.page-ethereum-paper-wallet-guide .danger-box {
    background-color: #fab1a0;
            border-left: 5px solid #e74c3c;
            padding: 1rem;
            margin: 1.5rem 0;
            border-radius: 5px;
}
.page-ethereum-paper-wallet-guide .security-box {
    background-color: #fdcb6e;
            border-left: 5px solid #e17055;
            padding: 1rem;
            margin: 1.5rem 0;
            border-radius: 5px;
}
.page-ethereum-paper-wallet-guide .code-block {
    background-color: #2c3e50;
            color: #ecf0f1;
            padding: 1rem;
            border-radius: 5px;
            font-family: 'Courier New', monospace;
            overflow-x: auto;
            margin: 1rem 0;
}
.page-ethereum-paper-wallet-guide .cons {
    background-color: #ffeaa7;
            padding: 1.5rem;
            border-radius: 5px;
            border-left: 5px solid #f39c12;
}
@media (max-width: 768px) {


            h1 {
                font-size: 2rem;
            }

            h2 {
                font-size: 1.5rem;
            }

            .container {
                padding: 0 15px;
            }

            .pros-cons {
                grid-template-columns: 1fr;
                gap: 1rem;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: hardware-wallets-security-guide.html
   Namespace: .page-hardware-wallets-security-guide
   ══════════════════════════════════════════════ */

.page-hardware-wallets-security-guide .difficulty-badge {
    background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
            color: white;
            padding: 0.5rem 1rem;
            border-radius: 20px;
            font-weight: bold;
            display: inline-block;
            margin: 1rem 0;
            font-size: 0.9rem;
}
.page-hardware-wallets-security-guide .security-box {
    background: linear-gradient(135deg, #f3e5f5 0%, #faf2fc 100%);
            border: 1px solid #9c27b0;
            border-radius: 8px;
            padding: 1.5rem;
            margin: 1.5rem 0;
            border-left: 4px solid #9c27b0;
}
.page-hardware-wallets-security-guide .info-box h4, .page-hardware-wallets-security-guide .warning-box h4, .page-hardware-wallets-security-guide .danger-box h4, .page-hardware-wallets-security-guide .fact-box h4, .page-hardware-wallets-security-guide .security-box h4 {
    margin-top: 0;
            margin-bottom: 0.8rem;
}
.page-hardware-wallets-security-guide .hw-grid {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 2rem;
            margin: 2rem 0;
}
.page-hardware-wallets-security-guide .hw-card {
    background: white;
            border: 1px solid #e9ecef;
            border-radius: 10px;
            padding: 2rem;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
}
.page-hardware-wallets-security-guide .hw-card:hover {
    transform: translateY(-5px);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.page-hardware-wallets-security-guide .hw-card h4 {
    color: #2c3e50;
            margin-bottom: 1rem;
            font-size: 1.4rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
}
.page-hardware-wallets-security-guide .hw-brand {
    background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
            color: white;
            padding: 0.3rem 0.8rem;
            border-radius: 15px;
            font-weight: bold;
            font-size: 0.8rem;
}
.page-hardware-wallets-security-guide .price-tag {
    background: #27ae60;
            color: white;
            padding: 0.3rem 0.8rem;
            border-radius: 15px;
            font-weight: bold;
            font-size: 0.8rem;
            margin-left: auto;
}
.page-hardware-wallets-security-guide .specs-list {
    background: #f8f9fa;
            padding: 1rem;
            border-radius: 8px;
            margin: 1rem 0;
}
.page-hardware-wallets-security-guide .specs-list h5 {
    margin-bottom: 0.5rem;
            color: #2c3e50;
}
.page-hardware-wallets-security-guide .specs-list ul {
    margin: 0;
            padding-left: 1.2rem;
}
.page-hardware-wallets-security-guide .specs-list li {
    font-size: 0.9rem;
            margin-bottom: 0.3rem;
}
.page-hardware-wallets-security-guide .rating {
    display: flex;
            justify-content: space-between;
            margin: 1rem 0;
            font-size: 0.9rem;
}
.page-hardware-wallets-security-guide .rating-item {
    text-align: center;
}
.page-hardware-wallets-security-guide .rating-score {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
            color: white;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 0.3rem;
            font-weight: bold;
}
.page-hardware-wallets-security-guide .comparison-table {
    overflow-x: auto;
            margin: 2rem 0;
}
.page-hardware-wallets-security-guide .comparison-table table {
    width: 100%;
            border-collapse: collapse;
            background: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.page-hardware-wallets-security-guide .comparison-table th {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
            color: white;
            padding: 1rem;
            text-align: left;
            font-weight: 600;
}
.page-hardware-wallets-security-guide .comparison-table td {
    padding: 1rem;
            border-bottom: 1px solid #e9ecef;
}
.page-hardware-wallets-security-guide .comparison-table tr:nth-child(even) {
    background-color: #f8f9fa;
}
@media (max-width: 768px) {


            .main-content {
                padding: 1rem;
            }

            .guide-title {
                font-size: 2rem;
            }

            .guide-section h2 {
                font-size: 1.6rem;
            }

            .toc {
                padding: 1rem;
            }

            .step-list li {
                padding-left: 2rem;
            }

            .cta-section {
                padding: 2rem 1rem;
            }

            .hw-grid {
                grid-template-columns: 1fr;
            }

            .rating {
                flex-direction: column;
                gap: 1rem;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: home.html
   Namespace: .page-home
   ══════════════════════════════════════════════ */
.page-home .main-content {
    margin-top: 80px;
            padding: 4rem 2rem;
            max-width: 1200px;
            margin-left: auto;
            margin-right: auto;
}
.page-home .hero-section {
    text-align: center;
            padding: 4rem 0;
}
.page-home .cta-button {
    background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
            color: white;
            padding: 1rem 2rem;
            border: none;
            border-radius: 50px;
            font-size: 1.1rem;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-block;
            box-shadow: 0 4px 15px rgba(243, 156, 18, 0.3);
}
@keyframes bounce {

            0%, 100% {
                transform: translateY(0);
            }
            50% {
                transform: translateY(-5px);
            }
}
.page-home .feature-card {
    background: white;
            padding: 2rem;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            text-align: center;
            transition: transform 0.3s ease;
}
.page-home .feature-icon {
    width: 60px;
            height: 60px;
            background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 1rem;
            color: white;
            font-size: 1.5rem;
            font-weight: bold;
}
@media (max-width: 768px) {


            .hero-title {
                font-size: 2rem;
            }

            .hero-subtitle {
                font-size: 1rem;
            }

            .main-content {
                padding: 2rem 1rem;
            }

            .features-grid {
                grid-template-columns: 1fr;
                padding: 0 1rem;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
            }
}
@media (max-width: 480px) {


            .hero-title {
                font-size: 1.8rem;
            }

            .cta-buttons {
                flex-direction: column;
                gap: 0.8rem;
            }

            .cta-button {
                padding: 0.8rem 1.5rem;
                font-size: 1rem;
                width: 100%;
                max-width: 250px;
            }
}


/* ══════════════════════════════════════════════
   PAGE: how-to-buy-bitcoin-guide.html
   Namespace: .page-how-to-buy-bitcoin-guide
   ══════════════════════════════════════════════ */

.page-how-to-buy-bitcoin-guide .method-grid {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
            gap: 2rem;
            margin: 2rem 0;
}
.page-how-to-buy-bitcoin-guide .method-card {
    background: #f8f9fa;
            border: 1px solid #e9ecef;
            border-radius: 8px;
            padding: 1.5rem;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.page-how-to-buy-bitcoin-guide .method-card:hover {
    transform: translateY(-3px);
            box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}
.page-how-to-buy-bitcoin-guide .beginner-card {
    border-left: 4px solid #28a745;
}
.page-how-to-buy-bitcoin-guide .intermediate-card {
    border-left: 4px solid #ffc107;
}
.page-how-to-buy-bitcoin-guide .advanced-card {
    border-left: 4px solid #dc3545;
}
.page-how-to-buy-bitcoin-guide .method-card h4 {
    margin-bottom: 1rem;
            font-size: 1.3rem;
            display: flex;
            align-items: center;
}
.page-how-to-buy-bitcoin-guide .beginner-card h4 {
    color: #28a745;
}
.page-how-to-buy-bitcoin-guide .intermediate-card h4 {
    color: #856404;
}
.page-how-to-buy-bitcoin-guide .advanced-card h4 {
    color: #dc3545;
}
.page-how-to-buy-bitcoin-guide .method-icon {
    font-size: 1.5rem;
            margin-right: 0.5rem;
}
.page-how-to-buy-bitcoin-guide .exchange-grid {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 1.5rem;
            margin: 2rem 0;
}
.page-how-to-buy-bitcoin-guide .exchange-card {
    background: #e7f3ff;
            border: 1px solid #b3d9ff;
            border-radius: 8px;
            padding: 1.5rem;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            transition: transform 0.3s ease;
}
.page-how-to-buy-bitcoin-guide .exchange-card h4 {
    color: #004085;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
}
.page-how-to-buy-bitcoin-guide .rating {
    display: flex;
            align-items: center;
            margin: 0.5rem 0;
}
.page-how-to-buy-bitcoin-guide .comparison-table table {
    width: 100%;
            border-collapse: collapse;
            margin-top: 1rem;
            min-width: 700px;
}
@media (max-width: 768px) {


            .hero-section h1 {
                font-size: 2rem;
            }

            .hero-section p {
                font-size: 1rem;
            }

            .method-grid {
                grid-template-columns: 1fr;
            }

            .exchange-grid {
                grid-template-columns: 1fr;
            }

            .pros-cons-grid {
                grid-template-columns: 1fr;
            }

            .links-grid {
                grid-template-columns: 1fr;
            }

            .comparison-table {
                font-size: 0.8rem;
            }

            .stat-item {
                margin: 0.5rem;
                padding: 0.8rem;
                min-width: 100px;
            }

            .stat-number {
                font-size: 1.5rem;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}
@media (max-width: 480px) {


            .hero-title {
                font-size: 1.8rem;
            }

            .container {
                padding: 0 1rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: how-to-setup-bitcoin-wallet.html
   Namespace: .page-how-to-setup-bitcoin-wallet
   ══════════════════════════════════════════════ */

.page-how-to-setup-bitcoin-wallet .difficulty-badge {
    background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);
            color: white;
            padding: 0.5rem 1rem;
            border-radius: 20px;
            font-weight: bold;
            display: inline-block;
            margin: 1rem 0;
            font-size: 0.9rem;
}
.page-how-to-setup-bitcoin-wallet .info-box h4, .page-how-to-setup-bitcoin-wallet .warning-box h4, .page-how-to-setup-bitcoin-wallet .danger-box h4, .page-how-to-setup-bitcoin-wallet .fact-box h4 {
    margin-top: 0;
            margin-bottom: 0.8rem;
}
.page-how-to-setup-bitcoin-wallet .wallet-grid {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
            margin: 2rem 0;
}
.page-how-to-setup-bitcoin-wallet .wallet-card {
    background: white;
            border: 1px solid #e9ecef;
            border-radius: 10px;
            padding: 2rem;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
}
.page-how-to-setup-bitcoin-wallet .wallet-card:hover {
    transform: translateY(-5px);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.page-how-to-setup-bitcoin-wallet .wallet-card h4 {
    color: #2c3e50;
            margin-bottom: 1rem;
            font-size: 1.3rem;
}
.page-how-to-setup-bitcoin-wallet .wallet-type {
    background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
            color: white;
            padding: 0.3rem 0.8rem;
            border-radius: 15px;
            font-weight: bold;
            display: inline-block;
            margin-bottom: 1rem;
            font-size: 0.8rem;
}
.page-how-to-setup-bitcoin-wallet .pros, .page-how-to-setup-bitcoin-wallet .cons {
    padding: 1rem;
            border-radius: 8px;
}
.page-how-to-setup-bitcoin-wallet .cons {
    background: #ffe5e5;
            border-left: 4px solid #e74c3c;
}
.page-how-to-setup-bitcoin-wallet .pros h5, .page-how-to-setup-bitcoin-wallet .cons h5 {
    margin-bottom: 0.5rem;
            font-size: 1rem;
}
.page-how-to-setup-bitcoin-wallet .pros ul, .page-how-to-setup-bitcoin-wallet .cons ul {
    margin: 0;
            padding-left: 1.2rem;
}
.page-how-to-setup-bitcoin-wallet .pros li, .page-how-to-setup-bitcoin-wallet .cons li {
    font-size: 0.9rem;
            margin-bottom: 0.3rem;
}
@media (max-width: 768px) {


            .main-content {
                padding: 1rem;
            }

            .guide-title {
                font-size: 2rem;
            }

            .guide-section h2 {
                font-size: 1.6rem;
            }

            .toc {
                padding: 1rem;
            }

            .step-list li {
                padding-left: 2rem;
            }

            .cta-section {
                padding: 2rem 1rem;
            }

            .wallet-grid {
                grid-template-columns: 1fr;
            }

            .pros-cons {
                grid-template-columns: 1fr;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: index.html
   Namespace: .page-index
   ══════════════════════════════════════════════ */

@media (max-width: 768px) {


            .hero-title {
                font-size: 2rem;
            }

            .hero-subtitle {
                font-size: 1rem;
            }

            .main-content {
                padding: 2rem 1rem;
            }

            .features-grid {
                grid-template-columns: 1fr;
                padding: 0 1rem;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: kyc-requirements-guide.html
   Namespace: .page-kyc-requirements-guide
   ══════════════════════════════════════════════ */

.page-kyc-requirements-guide .hero-section h1 {
    font-size: 2.5rem;
            margin-bottom: 1rem;
}
.page-kyc-requirements-guide .hero-section p {
    font-size: 1.2rem;
            opacity: 0.9;
}
.page-kyc-requirements-guide .content-section h2 {
    color: #2c3e50;
            margin-bottom: 1.5rem;
            font-size: 2rem;
            border-bottom: 3px solid #f39c12;
            padding-bottom: 0.5rem;
}
.page-kyc-requirements-guide .content-section h3 {
    color: #34495e;
            margin: 2rem 0 1rem 0;
            font-size: 1.5rem;
}
.page-kyc-requirements-guide .content-section h4 {
    color: #2c3e50;
            margin: 1.5rem 0 1rem 0;
            font-size: 1.2rem;
}
.page-kyc-requirements-guide .tier-grid {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 2rem;
            margin: 2rem 0;
}
.page-kyc-requirements-guide .tier-card {
    background: #f8f9fa;
            border: 1px solid #e9ecef;
            border-radius: 8px;
            padding: 1.5rem;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            transition: transform 0.3s ease;
}
.page-kyc-requirements-guide .tier-card:hover {
    transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.page-kyc-requirements-guide .tier-1 {
    border-left: 4px solid #28a745;
}
.page-kyc-requirements-guide .tier-2 {
    border-left: 4px solid #ffc107;
}
.page-kyc-requirements-guide .tier-3 {
    border-left: 4px solid #dc3545;
}
.page-kyc-requirements-guide .tier-card h4 {
    margin-bottom: 1rem;
            font-size: 1.3rem;
}
.page-kyc-requirements-guide .tier-1 h4 {
    color: #28a745;
}
.page-kyc-requirements-guide .tier-2 h4 {
    color: #856404;
}
.page-kyc-requirements-guide .tier-3 h4 {
    color: #dc3545;
}
.page-kyc-requirements-guide .document-grid {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 1.5rem;
            margin: 2rem 0;
}
.page-kyc-requirements-guide .document-card {
    background: #e7f3ff;
            border: 1px solid #b3d9ff;
            border-radius: 8px;
            padding: 1.5rem;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.page-kyc-requirements-guide .document-card h4 {
    color: #004085;
            margin-bottom: 1rem;
}
.page-kyc-requirements-guide .pros-card h4 {
    color: #155724;
            margin-bottom: 1rem;
}
.page-kyc-requirements-guide .cons-card h4 {
    color: #721c24;
            margin-bottom: 1rem;
}
.page-kyc-requirements-guide .info-box {
    background-color: #d1ecf1;
            border: 1px solid #bee5eb;
            border-left: 4px solid #17a2b8;
            padding: 1.5rem;
            margin: 2rem 0;
            border-radius: 4px;
}
.page-kyc-requirements-guide .info-box h4 {
    color: #0c5460;
            margin-bottom: 0.5rem;
}
.page-kyc-requirements-guide .info-box p {
    color: #0c5460;
            margin-bottom: 0;
}
.page-kyc-requirements-guide .warning-box {
    background-color: #fff3cd;
            border: 1px solid #ffeaa7;
            border-left: 4px solid #f39c12;
            padding: 1.5rem;
            margin: 2rem 0;
            border-radius: 4px;
}
.page-kyc-requirements-guide .warning-box p {
    color: #856404;
            margin-bottom: 0;
}
.page-kyc-requirements-guide .checklist h4 {
    color: #f39c12;
            margin-bottom: 1rem;
}
.page-kyc-requirements-guide .process-steps {
    background: #f8f9fa;
            border: 1px solid #e9ecef;
            border-radius: 8px;
            padding: 2rem;
            margin: 2rem 0;
}
.page-kyc-requirements-guide .process-steps h4 {
    color: #2c3e50;
            margin-bottom: 1rem;
}
.page-kyc-requirements-guide .step {
    display: flex;
            align-items: center;
            margin-bottom: 1.5rem;
            padding: 1rem;
            background: white;
            border-radius: 6px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
@media (max-width: 768px) {


            .hero-section h1 {
                font-size: 2rem;
            }

            .hero-section p {
                font-size: 1rem;
            }

            .tier-grid {
                grid-template-columns: 1fr;
            }

            .document-grid {
                grid-template-columns: 1fr;
            }

            .pros-cons-grid {
                grid-template-columns: 1fr;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: legal-disclaimer-comprehensive-guide.html
   Namespace: .page-legal-disclaimer-comprehensive-guide
   ══════════════════════════════════════════════ */

.page-legal-disclaimer-comprehensive-guide main {
    margin-top: 80px;
            min-height: calc(100vh - 160px);
            padding: 3rem 0;
}
.page-legal-disclaimer-comprehensive-guide h1 {
    color: #2c3e50;
            font-size: 2.5rem;
            margin-bottom: 1rem;
            text-align: center;
            border-bottom: 3px solid #f39c12;
            padding-bottom: 1rem;
}
.page-legal-disclaimer-comprehensive-guide h2 {
    color: #2c3e50;
            margin: 2.5rem 0 1rem 0;
            font-size: 1.8rem;
            border-left: 4px solid #f39c12;
            padding-left: 1rem;
}
.page-legal-disclaimer-comprehensive-guide h3 {
    color: #34495e;
            margin: 2rem 0 1rem 0;
            font-size: 1.3rem;
}
.page-legal-disclaimer-comprehensive-guide h4 {
    color: #2c3e50;
            margin: 1.5rem 0 0.5rem 0;
            font-size: 1.1rem;
}
.page-legal-disclaimer-comprehensive-guide p {
    margin-bottom: 1.5rem;
            line-height: 1.8;
            text-align: justify;
}
.page-legal-disclaimer-comprehensive-guide li {
    margin-bottom: 0.8rem;
            line-height: 1.6;
}
.page-legal-disclaimer-comprehensive-guide .warning-box h3 {
    color: #721c24;
            margin-bottom: 1rem;
}
.page-legal-disclaimer-comprehensive-guide .info-box p {
    color: #0c5460;
            margin-bottom: 0.5rem;
}
@media (max-width: 768px) {


            .legal-container {
                padding: 1.5rem;
            }

            h1 {
                font-size: 2rem;
            }

            h2 {
                font-size: 1.5rem;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: legal-disclaimer-comprehensive.html
   Namespace: .page-legal-disclaimer-comprehensive
   ══════════════════════════════════════════════ */

@media (max-width: 768px) {

            .mobile-menu-toggle {
                display: block;
            }

            nav ul {
                display: none;
                position: absolute;
                top: 100%;
                left: 0;
                width: 100%;
                background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
                flex-direction: column;
                padding: 1rem 0;
                gap: 0;
            }

            nav ul.active {
                display: flex;
            }

            nav a {
                display: block;
                padding: 1rem;
                border-bottom: 1px solid #34495e;
            }

            .legal-container {
                padding: 1.5rem;
            }

            h1 {
                font-size: 2rem;
            }

            h2 {
                font-size: 1.5rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: legal-disclaimer.html
   Namespace: .page-legal-disclaimer
   ══════════════════════════════════════════════ */

.page-legal-disclaimer .page-header {
    text-align: center;
            margin-bottom: 3rem;
            padding: 3rem 0;
            background: linear-gradient(135deg, #34495e 0%, #2c3e50 100%);
            border-radius: 15px;
            color: white;
}
.page-legal-disclaimer .legal-content {
    background: white;
            padding: 3rem;
            border-radius: 15px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            margin-bottom: 2rem;
}
.page-legal-disclaimer .last-updated {
    color: #7f8c8d;
            font-style: italic;
            margin-bottom: 2rem;
            font-size: 0.95rem;
}
.page-legal-disclaimer .intro-text {
    font-size: 1.1rem;
            color: #34495e;
            margin-bottom: 2rem;
            line-height: 1.7;
            padding: 1.5rem;
            background: #f8f9fa;
            border-left: 4px solid #34495e;
            border-radius: 5px;
}
.page-legal-disclaimer .section-title {
    font-size: 1.6rem;
            color: #2c3e50;
            margin: 2.5rem 0 1rem 0;
            font-weight: 600;
            border-bottom: 2px solid #f39c12;
            padding-bottom: 0.5rem;
}
.page-legal-disclaimer .section-content {
    color: #2c3e50;
            margin-bottom: 1.5rem;
            line-height: 1.7;
}
.page-legal-disclaimer .section-content p {
    margin-bottom: 1rem;
}
.page-legal-disclaimer .highlight-box {
    background: #fff3cd;
            border: 1px solid #ffc107;
            border-radius: 8px;
            padding: 1.5rem;
            margin: 1.5rem 0;
}
.page-legal-disclaimer .highlight-box h4 {
    color: #856404;
            margin-bottom: 1rem;
            font-size: 1.2rem;
}
.page-legal-disclaimer .warning-box {
    background: #f8d7da;
            border: 1px solid #dc3545;
            border-radius: 8px;
            padding: 1.5rem;
            margin: 1.5rem 0;
}
.page-legal-disclaimer .warning-box h4 {
    color: #721c24;
            margin-bottom: 1rem;
            font-size: 1.2rem;
}
.page-legal-disclaimer .info-box {
    background: #d1ecf1;
            border: 1px solid #17a2b8;
            border-radius: 8px;
            padding: 1.5rem;
            margin: 1.5rem 0;
}
.page-legal-disclaimer .info-box h4 {
    color: #0c5460;
            margin-bottom: 1rem;
            font-size: 1.2rem;
}
@media (max-width: 768px) {


            .page-title {
                font-size: 2.2rem;
            }

            .legal-content {
                padding: 2rem;
            }

            .section-title {
                font-size: 1.4rem;
            }
}
@media (max-width: 480px) {


            .main-content {
                padding: 1rem 0.5rem;
            }

            .page-title {
                font-size: 2rem;
            }

            .legal-content {
                padding: 1.5rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: legal-status comprehensive-guide.html
   Namespace: .page-legal-status-comprehensive-guide
   ══════════════════════════════════════════════ */

.page-legal-status-comprehensive-guide .country-grid {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
            gap: 2rem;
            margin: 2rem 0;
}
.page-legal-status-comprehensive-guide .country-card h4 {
    color: #f39c12;
            margin-bottom: 1rem;
            font-size: 1.3rem;
            display: flex;
            align-items: center;
}
.page-legal-status-comprehensive-guide .country-flag {
    font-size: 1.5rem;
            margin-right: 0.5rem;
}
.page-legal-status-comprehensive-guide .warning-box p {
    color: #856404;
            margin-bottom: 0.5rem;
}
.page-legal-status-comprehensive-guide .info-box {
    background-color: #d1ecf1;
            border: 1px solid #bee5eb;
            border-left: 4px solid #2c3e50;
            padding: 1.5rem;
            margin: 2rem 0;
            border-radius: 4px;
}
.page-legal-status-comprehensive-guide .risk-low {
    background-color: #28a745;
}
.page-legal-status-comprehensive-guide .risk-medium {
    background-color: #ffc107;
}
.page-legal-status-comprehensive-guide .risk-high {
    background-color: #dc3545;
}
@media (max-width: 768px) {


            .hero-section h1 {
                font-size: 2rem;
            }

            .hero-section p {
                font-size: 1rem;
            }

            .country-grid {
                grid-template-columns: 1fr;
            }

            .summary-table {
                font-size: 0.8rem;
            }

            .summary-table th, .summary-table td {
                padding: 0.5rem;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: legal-status-comprehensive-guide.html
   Namespace: .page-legal-status-comprehensive-guide
   ══════════════════════════════════════════════ */

@media (max-width: 768px) {

            .mobile-menu-toggle {
                display: block;
            }

            nav ul {
                display: none;
                position: absolute;
                top: 100%;
                left: 0;
                width: 100%;
                background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
                flex-direction: column;
                padding: 1rem 0;
                gap: 0;
            }

            nav ul.active {
                display: flex;
            }

            nav a {
                display: block;
                padding: 1rem;
                border-bottom: 1px solid #34495e;
            }

            .hero-section h1 {
                font-size: 2rem;
            }

            .hero-section p {
                font-size: 1rem;
            }

            .country-grid {
                grid-template-columns: 1fr;
            }

            .summary-table {
                font-size: 0.8rem;
            }

            .summary-table th, .summary-table td {
                padding: 0.5rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: live-betting-strategies-guide.html
   Namespace: .page-live-betting-strategies-guide
   ══════════════════════════════════════════════ */

.page-live-betting-strategies-guide .timing-box {
    background-color: #fdcb6e;
            border-left: 5px solid #e17055;
            padding: 1rem;
            margin: 1.5rem 0;
            border-radius: 5px;
}
.page-live-betting-strategies-guide .live-example {
    background-color: #e8f4fd;
            border: 1px solid #3498db;
            padding: 1.5rem;
            margin: 1.5rem 0;
            border-radius: 5px;
}
.page-live-betting-strategies-guide .scenario-box {
    background-color: #f8f9fa;
            border: 2px solid #6c757d;
            padding: 1.5rem;
            margin: 1.5rem 0;
            border-radius: 5px;
}
.page-live-betting-strategies-guide .sports-comparison {
    width: 100%;
            border-collapse: collapse;
            margin: 2rem 0;
            background-color: #ffffff;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.page-live-betting-strategies-guide .sports-comparison th, .page-live-betting-strategies-guide .sports-comparison td {
    padding: 1rem;
            text-align: left;
            border-bottom: 1px solid #bdc3c7;
}
.page-live-betting-strategies-guide .sports-comparison th {
    background-color: #2c3e50;
            color: white;
            font-weight: bold;
}
.page-live-betting-strategies-guide .sports-comparison tr:nth-child(even) {
    background-color: #ecf0f1;
}
.page-live-betting-strategies-guide .opportunity-high {
    background-color: #d5f4e6;
            font-weight: bold;
            color: #27ae60;
}
.page-live-betting-strategies-guide .opportunity-medium {
    background-color: #ffeaa7;
            font-weight: bold;
            color: #f39c12;
}
.page-live-betting-strategies-guide .opportunity-low {
    background-color: #fab1a0;
            font-weight: bold;
            color: #e74c3c;
}
.page-live-betting-strategies-guide .strategies-grid {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 1.5rem;
            margin: 2rem 0;
}
.page-live-betting-strategies-guide .strategy-card {
    background-color: #ffffff;
            border: 2px solid #bdc3c7;
            padding: 1.5rem;
            border-radius: 10px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.page-live-betting-strategies-guide .strategy-card h4 {
    color: #2c3e50;
            margin-bottom: 1rem;
            padding-bottom: 0.5rem;
            border-bottom: 2px solid #f39c12;
}
.page-live-betting-strategies-guide .difficulty-beginner {
    background-color: #27ae60;
            color: white;
}
.page-live-betting-strategies-guide .difficulty-intermediate {
    background-color: #f39c12;
            color: white;
}
.page-live-betting-strategies-guide .difficulty-advanced {
    background-color: #e74c3c;
            color: white;
}
.page-live-betting-strategies-guide .timing-strategies {
    display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 2rem;
            margin: 2rem 0;
}
.page-live-betting-strategies-guide .good-timing {
    background-color: #d5f4e6;
            padding: 1.5rem;
            border-radius: 5px;
            border-left: 5px solid #27ae60;
}
.page-live-betting-strategies-guide .bad-timing {
    background-color: #fab1a0;
            padding: 1.5rem;
            border-radius: 5px;
            border-left: 5px solid #e74c3c;
}
.page-live-betting-strategies-guide .cashout-calculator {
    background-color: #e8f4fd;
            padding: 2rem;
            border-radius: 10px;
            margin: 2rem 0;
            border-left: 5px solid #3498db;
}
.page-live-betting-strategies-guide .momentum-indicators {
    background-color: #ffeaa7;
            padding: 2rem;
            border-radius: 10px;
            margin: 2rem 0;
            border-left: 5px solid #f39c12;
}
@media (max-width: 768px) {


            h1 {
                font-size: 2rem;
            }

            h2 {
                font-size: 1.5rem;
            }

            .container {
                padding: 0 15px;
            }

            .timing-strategies {
                grid-template-columns: 1fr;
                gap: 1rem;
            }

            .strategies-grid {
                grid-template-columns: 1fr;
            }

            .sports-comparison {
                font-size: 0.9rem;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: live-dealer-crypto-gambling-guide.html
   Namespace: .page-live-dealer-crypto-gambling-guide
   ══════════════════════════════════════════════ */

.page-live-dealer-crypto-gambling-guide .tech-box {
    background-color: #e8f4fd;
            border: 1px solid #3498db;
            padding: 1.5rem;
            margin: 1.5rem 0;
            border-radius: 5px;
}
.page-live-dealer-crypto-gambling-guide .game-showcase {
    background-color: #f8f9fa;
            border: 2px solid #6c757d;
            padding: 1.5rem;
            margin: 1.5rem 0;
            border-radius: 5px;
}
.page-live-dealer-crypto-gambling-guide .feature-excellent {
    background-color: #d5f4e6;
            font-weight: bold;
            color: #27ae60;
}
.page-live-dealer-crypto-gambling-guide .feature-good {
    background-color: #ffeaa7;
            font-weight: bold;
            color: #f39c12;
}
.page-live-dealer-crypto-gambling-guide .feature-poor {
    background-color: #fab1a0;
            font-weight: bold;
            color: #e74c3c;
}
.page-live-dealer-crypto-gambling-guide .games-grid {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 1.5rem;
            margin: 2rem 0;
}
.page-live-dealer-crypto-gambling-guide .house-edge {
    display: inline-block;
            padding: 0.3rem 0.8rem;
            border-radius: 15px;
            font-size: 0.9rem;
            font-weight: bold;
            margin-bottom: 1rem;
}
.page-live-dealer-crypto-gambling-guide .house-edge-low {
    background-color: #27ae60;
            color: white;
}
.page-live-dealer-crypto-gambling-guide .house-edge-medium {
    background-color: #f39c12;
            color: white;
}
.page-live-dealer-crypto-gambling-guide .house-edge-high {
    background-color: #e74c3c;
            color: white;
}
.page-live-dealer-crypto-gambling-guide .provider-grid {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 1.5rem;
            margin: 2rem 0;
}
.page-live-dealer-crypto-gambling-guide .provider-card {
    background-color: #ffffff;
            border: 2px solid #bdc3c7;
            padding: 1.5rem;
            border-radius: 10px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.page-live-dealer-crypto-gambling-guide .quality-rating {
    display: inline-block;
            padding: 0.3rem 0.8rem;
            border-radius: 15px;
            font-size: 0.9rem;
            font-weight: bold;
            margin-bottom: 1rem;
}
.page-live-dealer-crypto-gambling-guide .quality-excellent {
    background-color: #27ae60;
            color: white;
}
.page-live-dealer-crypto-gambling-guide .quality-good {
    background-color: #f39c12;
            color: white;
}
.page-live-dealer-crypto-gambling-guide .quality-average {
    background-color: #e74c3c;
            color: white;
}
.page-live-dealer-crypto-gambling-guide .requirements-box {
    background-color: #e8f4fd;
            padding: 2rem;
            border-radius: 10px;
            margin: 2rem 0;
            border-left: 5px solid #3498db;
}
@media (max-width: 768px) {


            h1 {
                font-size: 2rem;
            }

            h2 {
                font-size: 1.5rem;
            }

            .container {
                padding: 0 15px;
            }

            .pros-cons {
                grid-template-columns: 1fr;
                gap: 1rem;
            }

            .games-grid {
                grid-template-columns: 1fr;
            }

            .provider-grid {
                grid-template-columns: 1fr;
            }

            .comparison-table {
                font-size: 0.9rem;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: most-popular-slots-games.html
   Namespace: .page-most-popular-slots-games
   ══════════════════════════════════════════════ */

.page-most-popular-slots-games .page-header {
    text-align: center;
            margin-bottom: 3rem;
            padding: 2rem 0;
            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
            border-radius: 10px;
}
.page-most-popular-slots-games .page-header h1 {
    color: #2c3e50;
            font-size: 2.5rem;
            margin-bottom: 1rem;
            font-weight: 700;
}
.page-most-popular-slots-games .page-header p {
    color: #666;
            font-size: 1.1rem;
            max-width: 800px;
            margin: 0 auto;
}
.page-most-popular-slots-games .provider-section {
    background: #fff;
            border-radius: 12px;
            padding: 2rem;
            margin-bottom: 3rem;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
            border-left: 5px solid #f39c12;
}
.page-most-popular-slots-games .provider-header {
    margin-bottom: 2rem;
}
.page-most-popular-slots-games .provider-header h2 {
    color: #2c3e50;
            font-size: 2rem;
            margin-bottom: 0.5rem;
}
.page-most-popular-slots-games .provider-description {
    color: #666;
            font-size: 1.1rem;
            line-height: 1.7;
}
.page-most-popular-slots-games .games-grid {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 2rem;
            margin-bottom: 2rem;
}
.page-most-popular-slots-games .game-card {
    background: #f8f9fa;
            border-radius: 10px;
            padding: 1.5rem;
            border: 1px solid #e9ecef;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.page-most-popular-slots-games .game-card:hover {
    transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}
.page-most-popular-slots-games .game-screenshot {
    width: 100%;
            height: 200px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border-radius: 8px;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: 600;
            text-align: center;
            border: 2px solid #e9ecef;
            position: relative;
            overflow: hidden;
}
.page-most-popular-slots-games .game-screenshot img {
    width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 6px;
}
.page-most-popular-slots-games .screenshot-placeholder {
    padding: 1rem;
            font-size: 0.9rem;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 6px;
}
.page-most-popular-slots-games .game-title {
    color: #2c3e50;
            font-size: 1.3rem;
            font-weight: 600;
            margin-bottom: 1rem;
}
.page-most-popular-slots-games .game-description {
    color: #666;
            margin-bottom: 1rem;
            line-height: 1.6;
}
.page-most-popular-slots-games .game-mechanics {
    background: #fff;
            padding: 1rem;
            border-radius: 8px;
            margin-bottom: 1rem;
            border-left: 3px solid #f39c12;
}
.page-most-popular-slots-games .mechanics-title {
    color: #2c3e50;
            font-weight: 600;
            margin-bottom: 0.5rem;
}
.page-most-popular-slots-games .bonus-features {
    background: #e8f4f8;
            padding: 1rem;
            border-radius: 8px;
            border-left: 3px solid #3498db;
}
.page-most-popular-slots-games .bonus-title {
    color: #2c3e50;
            font-weight: 600;
            margin-bottom: 0.5rem;
}
.page-most-popular-slots-games .feature-list {
    list-style: none;
            padding-left: 0;
}
.page-most-popular-slots-games .feature-list li {
    color: #555;
            margin-bottom: 0.3rem;
            padding-left: 1rem;
            position: relative;
}
.page-most-popular-slots-games .feature-list li::before {
    content: '🎰';
            position: absolute;
            left: 0;
            top: 0;
}
.page-most-popular-slots-games .casino-link {
    background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
            color: white;
            padding: 1rem 2rem;
            border: none;
            border-radius: 8px;
            font-size: 1rem;
            font-weight: 600;
            text-decoration: none;
            display: inline-block;
            transition: all 0.3s ease;
            margin-top: 1rem;
            text-align: center;
}
.page-most-popular-slots-games .casino-link:hover {
    transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(243, 156, 18, 0.4);
            color: white;
            text-decoration: none;
}
.page-most-popular-slots-games .intro-section {
    background: #fff;
            padding: 2rem;
            border-radius: 12px;
            margin-bottom: 3rem;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.page-most-popular-slots-games .intro-section h2 {
    color: #2c3e50;
            margin-bottom: 1rem;
}
.page-most-popular-slots-games .intro-section p {
    color: #666;
            line-height: 1.7;
            margin-bottom: 1rem;
}
@media (max-width: 768px) {


            .main-content {
                padding: 1rem;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }

            .page-header h1 {
                font-size: 2rem;
            }

            .games-grid {
                grid-template-columns: 1fr;
            }
}
@media (max-width: 480px) {


            .main-content {
                padding: 0.5rem;
            }

            .page-header h1 {
                font-size: 1.8rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: multisig-wallet-guide.html
   Namespace: .page-multisig-wallet-guide
   ══════════════════════════════════════════════ */

.page-multisig-wallet-guide .example-box {
    background-color: #e8f4fd;
            border: 1px solid #3498db;
            padding: 1.5rem;
            margin: 1.5rem 0;
            border-radius: 5px;
}
.page-multisig-wallet-guide .complexity-box {
    background-color: #fdcb6e;
            border-left: 5px solid #e17055;
            padding: 1rem;
            margin: 1.5rem 0;
            border-radius: 5px;
}
.page-multisig-wallet-guide .multisig-visual {
    background-color: #f8f9fa;
            border: 2px solid #3498db;
            padding: 2rem;
            margin: 2rem 0;
            border-radius: 10px;
            text-align: center;
}
.page-multisig-wallet-guide .key-holder {
    display: inline-block;
            background-color: #3498db;
            color: white;
            padding: 0.5rem 1rem;
            margin: 0.5rem;
            border-radius: 5px;
            font-weight: bold;
}
.page-multisig-wallet-guide .signature-needed {
    background-color: #27ae60;
}
.page-multisig-wallet-guide .signature-optional {
    background-color: #95a5a6;
}
@media (max-width: 768px) {


            h1 {
                font-size: 2rem;
            }

            h2 {
                font-size: 1.5rem;
            }

            .container {
                padding: 0 15px;
            }

            .pros-cons {
                grid-template-columns: 1fr;
                gap: 1rem;
            }

            .comparison-table {
                font-size: 0.9rem;
            }

            .comparison-table th,
            .comparison-table td {
                padding: 0.5rem;
            }

            .key-holder {
                display: block;
                margin: 0.5rem 0;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: p2p-bitcoin-guide.html
   Namespace: .page-p2p-bitcoin-guide
   ══════════════════════════════════════════════ */

.page-p2p-bitcoin-guide .cta-button {
    background: #f39c12;
            color: white;
            padding: 12px 24px;
            border: none;
            border-radius: 5px;
            text-decoration: none;
            display: inline-block;
            font-weight: bold;
            transition: background-color 0.3s ease;
}
@media (max-width: 768px) {


            h1 {
                font-size: 2rem;
            }

            h2 {
                font-size: 1.5rem;
            }

            .platform-grid {
                grid-template-columns: 1fr;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: poker-strategies.html
   Namespace: .page-poker-strategies
   ══════════════════════════════════════════════ */

.page-poker-strategies .hand-ranking-table {
    width: 100%;
            border-collapse: collapse;
            margin: 1.5rem 0;
            background: white;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            border-radius: 10px;
            overflow: hidden;
}
.page-poker-strategies .hand-ranking-table th {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
            color: white;
            padding: 1rem;
            text-align: left;
            font-weight: 600;
}
.page-poker-strategies .hand-ranking-table td {
    padding: 0.75rem 1rem;
            border-bottom: 1px solid #ecf0f1;
}
.page-poker-strategies .hand-ranking-table tr:nth-child(even) {
    background: #f8f9fa;
}
.page-poker-strategies .hand-ranking-table tr:hover {
    background: #e8f4f8;
}
.page-poker-strategies .position-chart {
    width: 100%;
            border-collapse: collapse;
            margin: 1.5rem 0;
            background: white;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            border-radius: 10px;
            overflow: hidden;
}
.page-poker-strategies .position-chart th {
    background: linear-gradient(135deg, #27ae60 0%, #229954 100%);
            color: white;
            padding: 1rem;
            text-align: center;
            font-weight: 600;
}
.page-poker-strategies .position-chart td {
    padding: 0.75rem 1rem;
            border-bottom: 1px solid #ecf0f1;
            text-align: center;
}
.page-poker-strategies .position-chart tr:nth-child(even) {
    background: #f8f9fa;
}
.page-poker-strategies .example-hand {
    background: #fff3cd;
            border: 1px solid #ffeaa7;
            border-radius: 10px;
            padding: 1.5rem;
            margin: 1.5rem 0;
}
.page-poker-strategies .example-hand h4 {
    color: #856404;
            margin-bottom: 1rem;
}
.page-poker-strategies .example-hand p {
    color: #856404;
}
.page-poker-strategies .odds-table th {
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
            color: white;
            padding: 1rem;
            text-align: center;
            font-weight: 600;
}
@media (max-width: 768px) {


            .guide-title {
                font-size: 2rem;
            }

            .guide-subtitle {
                font-size: 1rem;
            }

            .main-content {
                padding: 1rem;
            }

            .content-section {
                padding: 1rem 0;
            }

            .table-of-contents {
                padding: 1.5rem;
            }

            .hand-ranking-table {
                font-size: 0.9rem;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}
@media (max-width: 480px) {


            .guide-title {
                font-size: 1.8rem;
            }

            .content-section h2 {
                font-size: 1.5rem;
            }

            .main-content {
                padding: 0.5rem;
            }

            .table-of-contents {
                padding: 1rem;
                margin-bottom: 2rem;
            }

            .hand-ranking-table th,
            .hand-ranking-table td {
                padding: 0.5rem;
                font-size: 0.8rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: poker-variations-rules.html
   Namespace: .page-poker-variations-rules
   ══════════════════════════════════════════════ */

.page-poker-variations-rules .game-rules-table {
    width: 100%;
            border-collapse: collapse;
            margin: 1.5rem 0;
            background: white;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            border-radius: 10px;
            overflow: hidden;
}
.page-poker-variations-rules .game-rules-table th {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
            color: white;
            padding: 1rem;
            text-align: left;
            font-weight: 600;
}
.page-poker-variations-rules .game-rules-table td {
    padding: 0.75rem 1rem;
            border-bottom: 1px solid #ecf0f1;
}
.page-poker-variations-rules .game-rules-table tr:nth-child(even) {
    background: #f8f9fa;
}
.page-poker-variations-rules .game-rules-table tr:hover {
    background: #e8f4f8;
}
.page-poker-variations-rules .rules-highlight {
    background: #e8f4f8;
            border-left: 4px solid #3498db;
            padding: 1.5rem;
            margin: 1.5rem 0;
            border-radius: 0 10px 10px 0;
}
.page-poker-variations-rules .rules-highlight h4 {
    color: #2980b9;
            margin-bottom: 0.5rem;
}
.page-poker-variations-rules .betting-structure-table {
    width: 100%;
            border-collapse: collapse;
            margin: 1.5rem 0;
            background: white;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            border-radius: 10px;
            overflow: hidden;
}
.page-poker-variations-rules .betting-structure-table th {
    background: linear-gradient(135deg, #27ae60 0%, #229954 100%);
            color: white;
            padding: 1rem;
            text-align: center;
            font-weight: 600;
}
.page-poker-variations-rules .betting-structure-table td {
    padding: 0.75rem 1rem;
            border-bottom: 1px solid #ecf0f1;
            text-align: center;
}
.page-poker-variations-rules .betting-structure-table tr:nth-child(even) {
    background: #f8f9fa;
}
.page-poker-variations-rules .game-example {
    background: #fff3cd;
            border: 1px solid #ffeaa7;
            border-radius: 10px;
            padding: 1.5rem;
            margin: 1.5rem 0;
}
.page-poker-variations-rules .game-example h4 {
    color: #856404;
            margin-bottom: 1rem;
}
.page-poker-variations-rules .game-example p {
    color: #856404;
}
.page-poker-variations-rules .comparison-table {
    width: 100%;
            border-collapse: collapse;
            margin: 1.5rem 0;
            background: white;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            border-radius: 10px;
            overflow: hidden;
}
.page-poker-variations-rules .comparison-table th {
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
            color: white;
            padding: 1rem;
            text-align: center;
            font-weight: 600;
}
.page-poker-variations-rules .comparison-table td {
    padding: 0.75rem 1rem;
            border-bottom: 1px solid #ecf0f1;
            text-align: center;
}
.page-poker-variations-rules .comparison-table tr:nth-child(even) {
    background: #f8f9fa;
}
.page-poker-variations-rules .variant-card {
    background: white;
            border-radius: 10px;
            padding: 2rem;
            margin: 1.5rem 0;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
            border-left: 4px solid #f39c12;
}
.page-poker-variations-rules .variant-card h3 {
    color: #2c3e50;
            margin-bottom: 1rem;
            font-size: 1.4rem;
}
.page-poker-variations-rules .variant-card .difficulty {
    display: inline-block;
            padding: 0.25rem 0.75rem;
            border-radius: 15px;
            font-size: 0.8rem;
            font-weight: bold;
            margin-bottom: 1rem;
}
.page-poker-variations-rules .difficulty.beginner {
    background: #d5f4e6;
            color: #27ae60;
}
.page-poker-variations-rules .difficulty.intermediate {
    background: #ffeaa7;
            color: #f39c12;
}
.page-poker-variations-rules .difficulty.advanced {
    background: #fab1a0;
            color: #e74c3c;
}
@media (max-width: 768px) {


            .guide-title {
                font-size: 2rem;
            }

            .guide-subtitle {
                font-size: 1rem;
            }

            .main-content {
                padding: 1rem;
            }

            .content-section {
                padding: 1rem 0;
            }

            .table-of-contents {
                padding: 1.5rem;
            }

            .game-rules-table {
                font-size: 0.9rem;
            }

            .variant-card {
                padding: 1.5rem;
                margin: 1rem 0;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}
@media (max-width: 480px) {


            .guide-title {
                font-size: 1.8rem;
            }

            .content-section h2 {
                font-size: 1.5rem;
            }

            .main-content {
                padding: 0.5rem;
            }

            .table-of-contents {
                padding: 1rem;
                margin-bottom: 2rem;
            }

            .game-rules-table th,
            .game-rules-table td {
                padding: 0.5rem;
                font-size: 0.8rem;
            }

            .variant-card {
                padding: 1rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: privacy-anonymity-guide.html
   Namespace: .page-privacy-anonymity-guide
   ══════════════════════════════════════════════ */

.page-privacy-anonymity-guide .privacy-grid {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 2rem;
            margin: 2rem 0;
}
.page-privacy-anonymity-guide .privacy-card {
    background: #f8f9fa;
            border: 1px solid #e9ecef;
            border-radius: 8px;
            padding: 1.5rem;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            transition: transform 0.3s ease;
}
.page-privacy-anonymity-guide .privacy-card:hover {
    transform: translateY(-2px);
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.page-privacy-anonymity-guide .high-privacy {
    border-left: 4px solid #28a745;
}
.page-privacy-anonymity-guide .medium-privacy {
    border-left: 4px solid #ffc107;
}
.page-privacy-anonymity-guide .low-privacy {
    border-left: 4px solid #dc3545;
}
.page-privacy-anonymity-guide .privacy-card h4 {
    margin-bottom: 1rem;
            font-size: 1.3rem;
}
.page-privacy-anonymity-guide .high-privacy h4 {
    color: #28a745;
}
.page-privacy-anonymity-guide .medium-privacy h4 {
    color: #856404;
}
.page-privacy-anonymity-guide .low-privacy h4 {
    color: #dc3545;
}
.page-privacy-anonymity-guide .coin-comparison {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 1.5rem;
            margin: 2rem 0;
}
.page-privacy-anonymity-guide .coin-card {
    background: #e7f3ff;
            border: 1px solid #b3d9ff;
            border-radius: 8px;
            padding: 1.5rem;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.page-privacy-anonymity-guide .coin-card h4 {
    color: #004085;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
}
.page-privacy-anonymity-guide .privacy-level {
    display: inline-block;
            padding: 0.3rem 0.8rem;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: bold;
            margin-left: 1rem;
}
.page-privacy-anonymity-guide .high {
    background-color: #d4edda;
            color: #155724;
}
.page-privacy-anonymity-guide .medium {
    background-color: #fff3cd;
            color: #856404;
}
.page-privacy-anonymity-guide .low {
    background-color: #f8d7da;
            color: #721c24;
}
.page-privacy-anonymity-guide .method-grid {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 1.5rem;
            margin: 2rem 0;
}
.page-privacy-anonymity-guide .method-card {
    background: #f8f9fa;
            border: 1px solid #e9ecef;
            border-left: 4px solid #17a2b8;
            border-radius: 8px;
            padding: 1.5rem;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.page-privacy-anonymity-guide .method-card h4 {
    color: #0c5460;
            margin-bottom: 1rem;
}
.page-privacy-anonymity-guide .warning-box h4 {
    color: #721c24;
            margin-bottom: 0.5rem;
}
.page-privacy-anonymity-guide .tip-box h4 {
    color: #0c5460;
            margin-bottom: 0.5rem;
}
.page-privacy-anonymity-guide .tip-box p {
    color: #0c5460;
            margin-bottom: 0;
}
.page-privacy-anonymity-guide .risk-assessment {
    background: #fff3cd;
            border: 1px solid #ffeaa7;
            border-left: 4px solid #f39c12;
            border-radius: 8px;
            padding: 2rem;
            margin: 2rem 0;
}
.page-privacy-anonymity-guide .risk-assessment h4 {
    color: #856404;
            margin-bottom: 1rem;
}
.page-privacy-anonymity-guide .comparison-table table {
    width: 100%;
            border-collapse: collapse;
            margin-top: 1rem;
}
.page-privacy-anonymity-guide .comparison-table th, .page-privacy-anonymity-guide .comparison-table td {
    padding: 0.8rem;
            text-align: left;
            border-bottom: 1px solid #dee2e6;
}
.page-privacy-anonymity-guide .comparison-table th {
    background-color: #f39c12;
            color: white;
            font-weight: bold;
}
@media (max-width: 768px) {


            .hero-section h1 {
                font-size: 2rem;
            }

            .hero-section p {
                font-size: 1rem;
            }

            .privacy-grid {
                grid-template-columns: 1fr;
            }

            .coin-comparison {
                grid-template-columns: 1fr;
            }

            .method-grid {
                grid-template-columns: 1fr;
            }

            .comparison-table {
                font-size: 0.9rem;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: privacy-policy.html
   Namespace: .page-privacy-policy
   ══════════════════════════════════════════════ */

.page-privacy-policy .privacy-content {
    background: white;
            padding: 3rem;
            border-radius: 15px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            margin-bottom: 2rem;
}
.page-privacy-policy .intro-text {
    font-size: 1.1rem;
            color: #34495e;
            margin-bottom: 2rem;
            line-height: 1.7;
            padding: 1.5rem;
            background: #f8f9fa;
            border-left: 4px solid #f39c12;
            border-radius: 5px;
}
@media (max-width: 768px) {


            .page-title {
                font-size: 2.2rem;
            }

            .privacy-content {
                padding: 2rem;
            }

            .section-title {
                font-size: 1.4rem;
            }
}
@media (max-width: 480px) {


            .main-content {
                padding: 1rem 0.5rem;
            }

            .page-title {
                font-size: 2rem;
            }

            .privacy-content {
                padding: 1.5rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: provably-fair-verification-guide.html
   Namespace: .page-provably-fair-verification-guide
   ══════════════════════════════════════════════ */

.page-provably-fair-verification-guide .technical-box {
    background-color: #e8f4fd;
            border: 1px solid #3498db;
            padding: 1.5rem;
            margin: 1.5rem 0;
            border-radius: 5px;
}
.page-provably-fair-verification-guide .code-block {
    background-color: #2c3e50;
            color: #ecf0f1;
            padding: 1rem;
            border-radius: 5px;
            font-family: 'Courier New', monospace;
            overflow-x: auto;
            margin: 1rem 0;
            font-size: 0.9rem;
}
.page-provably-fair-verification-guide .verification-steps {
    background-color: #e8f4fd;
            padding: 2rem;
            border-radius: 10px;
            margin: 2rem 0;
            border-left: 5px solid #3498db;
}
.page-provably-fair-verification-guide .algorithm-comparison {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 1.5rem;
            margin: 2rem 0;
}
.page-provably-fair-verification-guide .algorithm-card {
    background-color: #ffffff;
            border: 2px solid #bdc3c7;
            padding: 1.5rem;
            border-radius: 10px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.page-provably-fair-verification-guide .algorithm-card h4 {
    color: #2c3e50;
            margin-bottom: 1rem;
            padding-bottom: 0.5rem;
            border-bottom: 2px solid #f39c12;
}
.page-provably-fair-verification-guide .complexity-level {
    display: inline-block;
            padding: 0.3rem 0.8rem;
            border-radius: 15px;
            font-size: 0.9rem;
            font-weight: bold;
            margin-bottom: 1rem;
}
.page-provably-fair-verification-guide .complexity-easy {
    background-color: #27ae60;
            color: white;
}
.page-provably-fair-verification-guide .complexity-medium {
    background-color: #f39c12;
            color: white;
}
.page-provably-fair-verification-guide .complexity-hard {
    background-color: #e74c3c;
            color: white;
}
.page-provably-fair-verification-guide .verification-flow {
    background-color: #f8f9fa;
            padding: 2rem;
            border-radius: 10px;
            margin: 2rem 0;
            text-align: center;
}
.page-provably-fair-verification-guide .flow-step {
    display: inline-block;
            background-color: #3498db;
            color: white;
            padding: 1rem 1.5rem;
            margin: 0.5rem;
            border-radius: 10px;
            font-weight: bold;
            position: relative;
}
.page-provably-fair-verification-guide .flow-arrow {
    font-size: 1.5rem;
            color: #3498db;
            margin: 0 0.5rem;
}
@media (max-width: 768px) {


            h1 {
                font-size: 2rem;
            }

            h2 {
                font-size: 1.5rem;
            }

            .container {
                padding: 0 15px;
            }

            .pros-cons {
                grid-template-columns: 1fr;
                gap: 1rem;
            }

            .algorithm-comparison {
                grid-template-columns: 1fr;
            }

            .flow-step {
                display: block;
                margin: 0.5rem 0;
            }

            .flow-arrow {
                display: block;
                transform: rotate(90deg);
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: responsible-gambling-comprehensive-guide.html
   Namespace: .page-responsible-gambling-comprehensive-guide
   ══════════════════════════════════════════════ */

.page-responsible-gambling-comprehensive-guide .principle-grid {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
            gap: 2rem;
            margin: 2rem 0;
}
.page-responsible-gambling-comprehensive-guide .principle-card {
    background: #f8f9fa;
            border: 1px solid #e9ecef;
            border-left: 4px solid #28a745;
            border-radius: 8px;
            padding: 1.5rem;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.page-responsible-gambling-comprehensive-guide .principle-card:hover {
    transform: translateY(-3px);
            box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}
.page-responsible-gambling-comprehensive-guide .principle-card h4 {
    color: #28a745;
            margin-bottom: 1rem;
            font-size: 1.3rem;
            display: flex;
            align-items: center;
}
.page-responsible-gambling-comprehensive-guide .principle-icon {
    font-size: 1.5rem;
            margin-right: 0.5rem;
}
.page-responsible-gambling-comprehensive-guide .warning-signs-grid {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 1.5rem;
            margin: 2rem 0;
}
.page-responsible-gambling-comprehensive-guide .warning-card {
    background: #fff3cd;
            border: 1px solid #ffeaa7;
            border-left: 4px solid #f39c12;
            border-radius: 8px;
            padding: 1.5rem;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            transition: transform 0.3s ease;
}
.page-responsible-gambling-comprehensive-guide .warning-card:hover {
    transform: translateY(-2px);
}
.page-responsible-gambling-comprehensive-guide .warning-card h4 {
    color: #856404;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
}
.page-responsible-gambling-comprehensive-guide .warning-icon {
    font-size: 1.3rem;
            margin-right: 0.5rem;
}
.page-responsible-gambling-comprehensive-guide .danger-box {
    background-color: #f8d7da;
            border: 1px solid #f5c6cb;
            border-left: 4px solid #dc3545;
            padding: 1.5rem;
            margin: 2rem 0;
            border-radius: 4px;
}
.page-responsible-gambling-comprehensive-guide .danger-box h4 {
    color: #721c24;
            margin-bottom: 0.5rem;
            display: flex;
            align-items: center;
}
.page-responsible-gambling-comprehensive-guide .danger-box p {
    color: #721c24;
            margin-bottom: 0.5rem;
}
.page-responsible-gambling-comprehensive-guide .help-box {
    background-color: #d4edda;
            border: 1px solid #c3e6cb;
            border-left: 4px solid #28a745;
            padding: 1.5rem;
            margin: 2rem 0;
            border-radius: 4px;
}
.page-responsible-gambling-comprehensive-guide .help-box h4 {
    color: #155724;
            margin-bottom: 0.5rem;
            display: flex;
            align-items: center;
}
.page-responsible-gambling-comprehensive-guide .help-box p {
    color: #155724;
            margin-bottom: 0.5rem;
}
.page-responsible-gambling-comprehensive-guide .tool-card {
    background: #e7f3ff;
            border: 1px solid #b3d9ff;
            border-left: 4px solid #17a2b8;
            border-radius: 8px;
            padding: 1.5rem;
            margin: 1.5rem 0;
            transition: transform 0.3s ease;
}
.page-responsible-gambling-comprehensive-guide .tool-card:hover {
    transform: translateY(-2px);
}
.page-responsible-gambling-comprehensive-guide .tool-card h4 {
    color: #004085;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
}
.page-responsible-gambling-comprehensive-guide .limit-calculator {
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
            border: 2px solid #f39c12;
            border-radius: 8px;
            padding: 2rem;
            margin: 2rem 0;
            text-align: center;
}
.page-responsible-gambling-comprehensive-guide .limit-calculator h4 {
    color: #f39c12;
            margin-bottom: 1rem;
            font-size: 1.4rem;
}
.page-responsible-gambling-comprehensive-guide .limit-example {
    background: white;
            padding: 1rem;
            border-radius: 6px;
            margin: 1rem 0;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.page-responsible-gambling-comprehensive-guide .resource-grid {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 1.5rem;
            margin: 2rem 0;
}
.page-responsible-gambling-comprehensive-guide .resource-card {
    background: #e8f5e8;
            border: 1px solid #c3e6cb;
            border-radius: 8px;
            padding: 1.5rem;
            text-align: center;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.page-responsible-gambling-comprehensive-guide .resource-card:hover {
    transform: translateY(-3px);
            box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}
.page-responsible-gambling-comprehensive-guide .resource-card h4 {
    color: #155724;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            justify-content: center;
}
.page-responsible-gambling-comprehensive-guide .psychology-box {
    background: linear-gradient(135deg, #e2e3e5, #f8f9fa);
            border: 1px solid #d6d8db;
            border-left: 4px solid #6c757d;
            border-radius: 8px;
            padding: 1.5rem;
            margin: 2rem 0;
}
.page-responsible-gambling-comprehensive-guide .psychology-box h4 {
    color: #495057;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
}
.page-responsible-gambling-comprehensive-guide .self-assessment {
    background: #fff3cd;
            border: 1px solid #ffeaa7;
            border-radius: 8px;
            padding: 2rem;
            margin: 2rem 0;
}
.page-responsible-gambling-comprehensive-guide .self-assessment h4 {
    color: #856404;
            margin-bottom: 1rem;
            text-align: center;
}
.page-responsible-gambling-comprehensive-guide .assessment-questions {
    background: white;
            padding: 1.5rem;
            border-radius: 6px;
            margin: 1rem 0;
}
.page-responsible-gambling-comprehensive-guide .assessment-questions ol {
    margin: 0;
            padding-left: 1.5rem;
}
.page-responsible-gambling-comprehensive-guide .assessment-questions li {
    margin-bottom: 1rem;
            font-weight: 500;
}
.page-responsible-gambling-comprehensive-guide .stats-highlight {
    background: linear-gradient(135deg, #f39c12, #e67e22);
            color: white;
            padding: 0.3rem 0.6rem;
            border-radius: 4px;
            font-weight: bold;
            display: inline-block;
}
@media (max-width: 768px) {


            .hero-section h1 {
                font-size: 2rem;
            }

            .hero-section p {
                font-size: 1rem;
            }

            .principle-grid {
                grid-template-columns: 1fr;
            }

            .warning-signs-grid {
                grid-template-columns: 1fr;
            }

            .resource-grid {
                grid-template-columns: 1fr;
            }

            .links-grid {
                grid-template-columns: 1fr;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: responsible-gambling.html
   Namespace: .page-responsible-gambling
   ══════════════════════════════════════════════ */

.page-responsible-gambling .page-header {
    text-align: center;
            margin-bottom: 3rem;
            padding: 3rem 0;
            background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
            border-radius: 15px;
            color: white;
}
.page-responsible-gambling .emergency-banner {
    background: #d32f2f;
            color: white;
            padding: 1.5rem;
            border-radius: 10px;
            margin-bottom: 2rem;
            text-align: center;
            border: 3px solid #b71c1c;
}
.page-responsible-gambling .emergency-banner h2 {
    margin-bottom: 1rem;
            font-size: 1.5rem;
}
.page-responsible-gambling .emergency-banner p {
    font-size: 1.1rem;
            margin-bottom: 0.5rem;
}
.page-responsible-gambling .emergency-number {
    font-size: 1.3rem;
            font-weight: bold;
            background: rgba(255, 255, 255, 0.2);
            padding: 0.5rem 1rem;
            border-radius: 5px;
            display: inline-block;
            margin: 0.5rem;
}
.page-responsible-gambling .content-section {
    background: white;
            margin-bottom: 2rem;
            padding: 2.5rem;
            border-radius: 15px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.page-responsible-gambling .section-title {
    font-size: 2rem;
            color: #2c3e50;
            margin-bottom: 1.5rem;
            border-bottom: 3px solid #f39c12;
            padding-bottom: 0.5rem;
}
.page-responsible-gambling .warning-signs-grid {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 1.5rem;
            margin-bottom: 2rem;
}
.page-responsible-gambling .warning-category {
    background: #f8f9fa;
            padding: 1.5rem;
            border-radius: 10px;
            border-left: 4px solid #e74c3c;
}
.page-responsible-gambling .warning-category h3 {
    color: #e74c3c;
            margin-bottom: 1rem;
            font-size: 1.3rem;
}
.page-responsible-gambling .warning-category ul {
    list-style-position: inside;
            color: #2c3e50;
}
.page-responsible-gambling .warning-category li {
    margin-bottom: 0.5rem;
            padding-left: 0.5rem;
}
.page-responsible-gambling .self-assessment {
    background: #fff3cd;
            padding: 2rem;
            border-radius: 10px;
            border: 2px solid #ffc107;
            margin: 2rem 0;
}
.page-responsible-gambling .self-assessment h3 {
    color: #856404;
            margin-bottom: 1rem;
            font-size: 1.4rem;
}
.page-responsible-gambling .assessment-questions {
    list-style: none;
            counter-reset: question-counter;
}
.page-responsible-gambling .assessment-questions li {
    counter-increment: question-counter;
            margin-bottom: 0.8rem;
            padding-left: 2rem;
            position: relative;
}
.page-responsible-gambling .assessment-questions li::before {
    content: counter(question-counter) ".";
            position: absolute;
            left: 0;
            font-weight: bold;
            color: #856404;
}
.page-responsible-gambling .country-resources {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 2rem;
            margin: 2rem 0;
}
.page-responsible-gambling .country-card {
    background: white;
            border: 2px solid #3498db;
            border-radius: 15px;
            padding: 2rem;
            text-align: center;
            transition: all 0.3s ease;
}
.page-responsible-gambling .country-card:hover {
    transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(52, 152, 219, 0.15);
}
.page-responsible-gambling .country-flag {
    font-size: 3rem;
            margin-bottom: 1rem;
}
.page-responsible-gambling .country-name {
    font-size: 1.5rem;
            font-weight: bold;
            color: #2c3e50;
            margin-bottom: 1.5rem;
}
.page-responsible-gambling .helpline {
    background: #e8f6f3;
            padding: 1rem;
            border-radius: 8px;
            margin-bottom: 1rem;
            border-left: 4px solid #27ae60;
}
.page-responsible-gambling .helpline-name {
    font-weight: bold;
            color: #27ae60;
            margin-bottom: 0.5rem;
}
.page-responsible-gambling .helpline-number {
    font-size: 1.2rem;
            font-weight: bold;
            color: #2c3e50;
            margin-bottom: 0.3rem;
}
.page-responsible-gambling .helpline-hours {
    font-size: 0.9rem;
            color: #7f8c8d;
            margin-bottom: 0.5rem;
}
.page-responsible-gambling .helpline-website {
    color: #3498db;
            text-decoration: none;
            font-size: 0.9rem;
}
.page-responsible-gambling .helpline-website:hover {
    text-decoration: underline;
}
.page-responsible-gambling .tip-card {
    background: #e8f5e8;
            padding: 1.5rem;
            border-radius: 10px;
            border-top: 4px solid #27ae60;
}
.page-responsible-gambling .tip-card h4 {
    color: #27ae60;
            margin-bottom: 1rem;
            font-size: 1.2rem;
}
.page-responsible-gambling .tip-card p {
    color: #2c3e50;
            line-height: 1.6;
}
@media (max-width: 768px) {


            .page-title {
                font-size: 2.2rem;
            }

            .content-section {
                padding: 1.5rem;
            }

            .country-resources {
                grid-template-columns: 1fr;
            }

            .warning-signs-grid {
                grid-template-columns: 1fr;
            }

            .tips-grid {
                grid-template-columns: 1fr;
            }
}
@media (max-width: 480px) {


            .main-content {
                padding: 1rem 0.5rem;
            }

            .page-title {
                font-size: 2rem;
            }

            .content-section {
                padding: 1rem;
            }

            .emergency-number {
                font-size: 1.1rem;
                display: block;
                margin: 0.5rem 0;
            }
}


/* ══════════════════════════════════════════════
   PAGE: sports-betting-bankroll-guide.html
   Namespace: .page-sports-betting-bankroll-guide
   ══════════════════════════════════════════════ */

.page-sports-betting-bankroll-guide .disaster-box {
    background-color: #fd79a8;
            border-left: 5px solid #e84393;
            padding: 1rem;
            margin: 1.5rem 0;
            border-radius: 5px;
}
.page-sports-betting-bankroll-guide .formula-box {
    background-color: #e8f4fd;
            border: 1px solid #3498db;
            padding: 1.5rem;
            margin: 1.5rem 0;
            border-radius: 5px;
}
.page-sports-betting-bankroll-guide .example-scenario {
    background-color: #f8f9fa;
            border: 2px solid #6c757d;
            padding: 1.5rem;
            margin: 1.5rem 0;
            border-radius: 5px;
}
.page-sports-betting-bankroll-guide .bankroll-table {
    width: 100%;
            border-collapse: collapse;
            margin: 2rem 0;
            background-color: #ffffff;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.page-sports-betting-bankroll-guide .bankroll-table th, .page-sports-betting-bankroll-guide .bankroll-table td {
    padding: 1rem;
            text-align: center;
            border-bottom: 1px solid #bdc3c7;
}
.page-sports-betting-bankroll-guide .bankroll-table th {
    background-color: #2c3e50;
            color: white;
            font-weight: bold;
}
.page-sports-betting-bankroll-guide .bankroll-table tr:nth-child(even) {
    background-color: #ecf0f1;
}
.page-sports-betting-bankroll-guide .risk-conservative {
    background-color: #d5f4e6;
            font-weight: bold;
            color: #27ae60;
}
.page-sports-betting-bankroll-guide .risk-moderate {
    background-color: #ffeaa7;
            font-weight: bold;
            color: #f39c12;
}
.page-sports-betting-bankroll-guide .risk-aggressive {
    background-color: #fab1a0;
            font-weight: bold;
            color: #e74c3c;
}
.page-sports-betting-bankroll-guide .systems-grid {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 1.5rem;
            margin: 2rem 0;
}
.page-sports-betting-bankroll-guide .system-card {
    background-color: #ffffff;
            border: 2px solid #bdc3c7;
            padding: 1.5rem;
            border-radius: 10px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.page-sports-betting-bankroll-guide .system-card h4 {
    color: #2c3e50;
            margin-bottom: 1rem;
            padding-bottom: 0.5rem;
            border-bottom: 2px solid #f39c12;
}
.page-sports-betting-bankroll-guide .complexity-rating {
    display: inline-block;
            padding: 0.3rem 0.8rem;
            border-radius: 15px;
            font-size: 0.9rem;
            font-weight: bold;
            margin-bottom: 1rem;
}
.page-sports-betting-bankroll-guide .kelly-calculator {
    background-color: #e8f4fd;
            padding: 2rem;
            border-radius: 10px;
            margin: 2rem 0;
            border-left: 5px solid #3498db;
}
.page-sports-betting-bankroll-guide .mistakes-grid {
    display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 2rem;
            margin: 2rem 0;
}
.page-sports-betting-bankroll-guide .common-mistakes {
    background-color: #fab1a0;
            padding: 1.5rem;
            border-radius: 5px;
            border-left: 5px solid #e74c3c;
}
.page-sports-betting-bankroll-guide .smart-practices {
    background-color: #d5f4e6;
            padding: 1.5rem;
            border-radius: 5px;
            border-left: 5px solid #27ae60;
}
.page-sports-betting-bankroll-guide .recovery-strategies {
    background-color: #ffeaa7;
            padding: 2rem;
            border-radius: 10px;
            margin: 2rem 0;
            border-left: 5px solid #f39c12;
}
.page-sports-betting-bankroll-guide .action-plan {
    background-color: #d1f2eb;
            padding: 2rem;
            border-radius: 10px;
            margin: 2rem 0;
            border-left: 5px solid #27ae60;
}
@media (max-width: 768px) {


            h1 {
                font-size: 2rem;
            }

            h2 {
                font-size: 1.5rem;
            }

            .container {
                padding: 0 15px;
            }

            .mistakes-grid {
                grid-template-columns: 1fr;
                gap: 1rem;
            }

            .systems-grid {
                grid-template-columns: 1fr;
            }

            .bankroll-table {
                font-size: 0.9rem;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: sportsbook-guide.html
   Namespace: .page-sportsbook-guide
   ══════════════════════════════════════════════ */

.page-sportsbook-guide .content-wrapper {
    max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
}
.page-sportsbook-guide .guide-section {
    margin-bottom: 4rem;
            background: #fff;
            padding: 2rem;
            border-radius: 12px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
            border-left: 5px solid #f39c12;
}
.page-sportsbook-guide .guide-section h2 {
    color: #2c3e50;
            font-size: 2rem;
            margin-bottom: 1.5rem;
            border-bottom: 3px solid #f39c12;
            padding-bottom: 0.5rem;
}
.page-sportsbook-guide .guide-section h3 {
    color: #34495e;
            font-size: 1.5rem;
            margin: 2rem 0 1rem 0;
}
.page-sportsbook-guide .guide-section h4 {
    color: #34495e;
            font-size: 1.2rem;
            margin: 1.5rem 0 0.5rem 0;
}
.page-sportsbook-guide .guide-section p {
    margin-bottom: 1rem;
            line-height: 1.8;
}
.page-sportsbook-guide .guide-section ul, .page-sportsbook-guide .guide-section ol {
    margin: 1rem 0 1rem 2rem;
}
.page-sportsbook-guide .guide-section li {
    margin-bottom: 0.5rem;
            line-height: 1.6;
}
.page-sportsbook-guide .example-box {
    background: #f8f9fa;
            border: 1px solid #e9ecef;
            border-left: 4px solid #f39c12;
            padding: 1.5rem;
            margin: 1.5rem 0;
            border-radius: 8px;
}
.page-sportsbook-guide .example-box h4 {
    color: #2c3e50;
            margin-top: 0;
            margin-bottom: 1rem;
}
.page-sportsbook-guide .warning-box {
    background: #fff5f5;
            border: 1px solid #fed7d7;
            border-left: 4px solid #e53e3e;
            padding: 1.5rem;
            margin: 1.5rem 0;
            border-radius: 8px;
}
.page-sportsbook-guide .warning-box h4 {
    color: #e53e3e;
            margin-top: 0;
            margin-bottom: 1rem;
}
.page-sportsbook-guide .info-box {
    background: #f0f9ff;
            border: 1px solid #bee3f8;
            border-left: 4px solid #3182ce;
            padding: 1.5rem;
            margin: 1.5rem 0;
            border-radius: 8px;
}
.page-sportsbook-guide .info-box h4 {
    color: #3182ce;
            margin-top: 0;
            margin-bottom: 1rem;
}
.page-sportsbook-guide .table-of-contents {
    background: #f8f9fa;
            border-radius: 12px;
            padding: 2rem;
            margin-bottom: 3rem;
            border: 1px solid #e9ecef;
}
.page-sportsbook-guide .toc-list {
    list-style: none;
            margin: 0;
            padding: 0;
}
.page-sportsbook-guide .toc-list a {
    color: #f39c12;
            text-decoration: none;
            font-weight: 500;
}
.page-sportsbook-guide .toc-list a:hover {
    text-decoration: underline;
}
.page-sportsbook-guide .odds-table {
    width: 100%;
            border-collapse: collapse;
            margin: 1.5rem 0;
            background: white;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
            border-radius: 8px;
            overflow: hidden;
}
.page-sportsbook-guide .odds-table th, .page-sportsbook-guide .odds-table td {
    padding: 1rem;
            text-align: left;
            border-bottom: 1px solid #e9ecef;
}
.page-sportsbook-guide .odds-table th {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
            color: white;
            font-weight: 600;
}
.page-sportsbook-guide .odds-table tr:hover {
    background-color: #f8f9fa;
}
.page-sportsbook-guide .responsible-gambling {
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
            color: white;
            padding: 2rem;
            margin: 3rem auto;
            border-radius: 12px;
            text-align: center;
}
.page-sportsbook-guide .responsible-gambling a {
    color: white;
            text-decoration: underline;
}
@media (max-width: 768px) {


            .page-title {
                font-size: 2rem;
            }

            .page-subtitle {
                font-size: 1.1rem;
            }

            .guide-section {
                padding: 1.5rem;
            }

            .guide-section h2 {
                font-size: 1.5rem;
            }

            .odds-table {
                font-size: 0.9rem;
            }

            .odds-table th,
            .odds-table td {
                padding: 0.75rem;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}
@media (max-width: 480px) {


            .guide-section {
                margin: 0 10px 2rem 10px;
                padding: 1rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: sportsbook-guides.html
   Namespace: .page-sportsbook-guides
   ══════════════════════════════════════════════ */

.page-sportsbook-guides .breadcrumbs {
    padding: 1rem 0;
            color: #7f8c8d;
            font-size: 0.9rem;
}
.page-sportsbook-guides .breadcrumbs a {
    color: #3498db;
            text-decoration: none;
}
.page-sportsbook-guides .breadcrumbs a:hover {
    color: #f39c12;
}
.page-sportsbook-guides .warning-box {
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
            color: white;
            padding: 1.5rem;
            border-radius: 10px;
            margin: 2rem 0;
            box-shadow: 0 4px 15px rgba(231, 76, 60, 0.3);
}
.page-sportsbook-guides .warning-box h3 {
    color: white;
            margin-bottom: 1rem;
            font-size: 1.2rem;
}
.page-sportsbook-guides .info-box {
    background: #e8f4f8;
            border-left: 4px solid #3498db;
            padding: 1.5rem;
            margin: 1.5rem 0;
            border-radius: 0 10px 10px 0;
}
.page-sportsbook-guides .info-box h4 {
    color: #2980b9;
            margin-bottom: 0.5rem;
}
.page-sportsbook-guides .odds-table th {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
            color: white;
            padding: 1rem;
            text-align: left;
            font-weight: 600;
}
.page-sportsbook-guides .odds-table td {
    padding: 0.75rem 1rem;
            border-bottom: 1px solid #ecf0f1;
}
.page-sportsbook-guides .odds-table tr:hover {
    background: #e8f4f8;
}
.page-sportsbook-guides .example-box {
    background: #fff3cd;
            border: 1px solid #ffeaa7;
            border-radius: 10px;
            padding: 1.5rem;
            margin: 1.5rem 0;
}
.page-sportsbook-guides .example-box h4 {
    color: #856404;
            margin-bottom: 1rem;
}
.page-sportsbook-guides .example-box p {
    color: #856404;
}
.page-sportsbook-guides .payout-table {
    width: 100%;
            border-collapse: collapse;
            margin: 1.5rem 0;
            background: white;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            border-radius: 10px;
            overflow: hidden;
}
.page-sportsbook-guides .payout-table th {
    background: linear-gradient(135deg, #27ae60 0%, #229954 100%);
            color: white;
            padding: 1rem;
            text-align: center;
            font-weight: 600;
}
.page-sportsbook-guides .payout-table td {
    padding: 0.75rem 1rem;
            border-bottom: 1px solid #ecf0f1;
            text-align: center;
}
.page-sportsbook-guides .payout-table tr:nth-child(even) {
    background: #f8f9fa;
}
.page-sportsbook-guides .disclaimer {
    background: #2c3e50;
            color: #ecf0f1;
            padding: 2rem;
            border-radius: 10px;
            margin: 3rem 0;
            text-align: center;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.page-sportsbook-guides .disclaimer h3 {
    color: #f39c12;
            margin-bottom: 1rem;
            font-size: 1.3rem;
}
.page-sportsbook-guides .disclaimer p {
    color: #ecf0f1;
            margin-bottom: 1rem;
}
.page-sportsbook-guides .disclaimer strong {
    color: #e74c3c;
}
@media (max-width: 768px) {


            .guide-title {
                font-size: 2rem;
            }

            .guide-subtitle {
                font-size: 1rem;
            }

            .main-content {
                padding: 1rem;
            }

            .content-section {
                padding: 1rem 0;
            }

            .table-of-contents {
                padding: 1.5rem;
            }

            .odds-table {
                font-size: 0.9rem;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}
@media (max-width: 480px) {


            .guide-title {
                font-size: 1.8rem;
            }

            .content-section h2 {
                font-size: 1.5rem;
            }

            .main-content {
                padding: 0.5rem;
            }

            .table-of-contents {
                padding: 1rem;
                margin-bottom: 2rem;
            }

            .odds-table th,
            .odds-table td {
                padding: 0.5rem;
                font-size: 0.8rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: types-of-cryptocurrencies-bitcoin-vs-altcoins.html
   Namespace: .page-types-of-cryptocurrencies-bitcoin-vs-altcoins
   ══════════════════════════════════════════════ */

.page-types-of-cryptocurrencies-bitcoin-vs-altcoins .main-content {
    margin-top: 80px;
            max-width: 1200px;
            margin-left: auto;
            margin-right: auto;
            padding: 2rem;
            min-height: calc(100vh - 200px);
}
.page-types-of-cryptocurrencies-bitcoin-vs-altcoins .comparison-box {
    background: linear-gradient(135deg, #f3e5f5 0%, #faf2fc 100%);
            border: 1px solid #9c27b0;
            border-radius: 8px;
            padding: 1.5rem;
            margin: 1.5rem 0;
            border-left: 4px solid #9c27b0;
}
.page-types-of-cryptocurrencies-bitcoin-vs-altcoins .info-box h4, .page-types-of-cryptocurrencies-bitcoin-vs-altcoins .warning-box h4, .page-types-of-cryptocurrencies-bitcoin-vs-altcoins .fact-box h4, .page-types-of-cryptocurrencies-bitcoin-vs-altcoins .comparison-box h4 {
    margin-top: 0;
            margin-bottom: 0.8rem;
}
.page-types-of-cryptocurrencies-bitcoin-vs-altcoins .crypto-grid {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
            margin: 2rem 0;
}
.page-types-of-cryptocurrencies-bitcoin-vs-altcoins .crypto-card {
    background: white;
            border: 1px solid #e9ecef;
            border-radius: 10px;
            padding: 2rem;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
}
.page-types-of-cryptocurrencies-bitcoin-vs-altcoins .crypto-card:hover {
    transform: translateY(-5px);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.page-types-of-cryptocurrencies-bitcoin-vs-altcoins .crypto-card h4 {
    color: #2c3e50;
            margin-bottom: 1rem;
            font-size: 1.3rem;
}
.page-types-of-cryptocurrencies-bitcoin-vs-altcoins .crypto-symbol {
    background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
            color: white;
            padding: 0.5rem 1rem;
            border-radius: 20px;
            font-weight: bold;
            display: inline-block;
            margin-bottom: 1rem;
}
@media (max-width: 768px) {


            .main-content {
                padding: 1rem;
            }

            .guide-title {
                font-size: 2rem;
            }

            .guide-section h2 {
                font-size: 1.6rem;
            }

            .toc {
                padding: 1rem;
            }

            .cta-section {
                padding: 2rem 1rem;
            }

            .crypto-grid {
                grid-template-columns: 1fr;
            }

            .comparison-table {
                font-size: 0.9rem;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: wallet-backup-recovery-guide.html
   Namespace: .page-wallet-backup-recovery-guide
   ══════════════════════════════════════════════ */

.page-wallet-backup-recovery-guide .disaster-box {
    background-color: #fdcb6e;
            border-left: 5px solid #e17055;
            padding: 1rem;
            margin: 1.5rem 0;
            border-radius: 5px;
}
.page-wallet-backup-recovery-guide .checklist-box {
    background-color: #f8f9fa;
            border: 2px solid #3498db;
            padding: 1.5rem;
            margin: 2rem 0;
            border-radius: 5px;
}
.page-wallet-backup-recovery-guide .backup-methods {
    display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
            margin: 2rem 0;
}
.page-wallet-backup-recovery-guide .method-card {
    background-color: #ffffff;
            border: 2px solid #bdc3c7;
            padding: 1.5rem;
            border-radius: 10px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.page-wallet-backup-recovery-guide .method-card h4 {
    color: #2c3e50;
            margin-bottom: 1rem;
            padding-bottom: 0.5rem;
            border-bottom: 2px solid #f39c12;
}
.page-wallet-backup-recovery-guide .security-level {
    display: inline-block;
            padding: 0.3rem 0.8rem;
            border-radius: 15px;
            font-size: 0.9rem;
            font-weight: bold;
            margin-bottom: 1rem;
}
.page-wallet-backup-recovery-guide .security-high {
    background-color: #27ae60;
            color: white;
}
.page-wallet-backup-recovery-guide .security-medium {
    background-color: #f39c12;
            color: white;
}
.page-wallet-backup-recovery-guide .security-low {
    background-color: #e74c3c;
            color: white;
}
.page-wallet-backup-recovery-guide .seed-phrase {
    background-color: #2c3e50;
            color: #ecf0f1;
            padding: 1rem;
            border-radius: 5px;
            font-family: 'Courier New', monospace;
            text-align: center;
            margin: 1rem 0;
            letter-spacing: 2px;
}
.page-wallet-backup-recovery-guide .do-dont {
    display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 2rem;
            margin: 2rem 0;
}
.page-wallet-backup-recovery-guide .do-list {
    background-color: #d5f4e6;
            padding: 1.5rem;
            border-radius: 5px;
            border-left: 5px solid #27ae60;
}
.page-wallet-backup-recovery-guide .dont-list {
    background-color: #fab1a0;
            padding: 1.5rem;
            border-radius: 5px;
            border-left: 5px solid #e74c3c;
}
.page-wallet-backup-recovery-guide .recovery-steps {
    background-color: #e8f4fd;
            padding: 2rem;
            border-radius: 10px;
            margin: 2rem 0;
}
@media (max-width: 768px) {


            h1 {
                font-size: 2rem;
            }

            h2 {
                font-size: 1.5rem;
            }

            .container {
                padding: 0 15px;
            }

            .do-dont {
                grid-template-columns: 1fr;
                gap: 1rem;
            }

            .backup-methods {
                grid-template-columns: 1fr;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}


/* ══════════════════════════════════════════════
   PAGE: what-is-bitcoin.html
   Namespace: .page-what-is-bitcoin
   ══════════════════════════════════════════════ */

.page-what-is-bitcoin .main-content {
    margin-top: 80px;
            max-width: 1000px;
            margin-left: auto;
            margin-right: auto;
            padding: 2rem;
            min-height: calc(100vh - 200px);
}
@media (max-width: 768px) {


            .guide-title {
                font-size: 2rem;
            }

            .main-content {
                padding: 1rem;
            }

            .guide-content {
                padding: 2rem;
            }

            .guide-meta {
                flex-direction: column;
                gap: 1rem;
            }

            .footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
                gap: 1rem;
            }
}