:root {--d1-gray-200: #f3f4f6;--d1-gray-300: #e5e7eb;--d1-amber: rgb(251,191,36);--d1-text-light: #6b7280;--d1-gradient-primary: linear-gradient(135deg, #facc15 0%, #f59e0b 100%);--d1-accent: #fef3c7;--d1-text-medium: #374151;--d1-blue: #3b82f6;--d1-primary: rgb(255,255,255);--d1-gradient-blue: linear-gradient(135deg, #3b82f6 0%, #0284c7 100%);--d1-secondary: rgb(254,252,232);--d1-sky: #0ea5e9;--d1-gray-500: rgba(156,163,175,1);--d1-yellow: #facc15;--d1-text-dark: #1f2937;--d1-blue-light: rgba(219,234,254,1);--d1-gold: #f59e0b;--d1-yellow-light: #fef08a;--d1-white: #ffffff;--d1-gray-100: #f9fafb;--d1-ocean: rgba(2,132,199,1);--d1-radius: 16px;--d1-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);--d1-gradient-mixed: linear-gradient(135deg, #facc15 0%, #3b82f6 100%);--d1-yellow-dark: #eab308;--d1-shadow-hover: 0 8px 25px rgba(0, 0, 0, 0.12);--d1-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--d1-gradient-secondary: linear-gradient(135deg, #fbbf24 0%, #facc15 100%);--d1-blue-dark: #1e40af}

* { box-sizing: border-box; }

body {font-family: var(--d1-font);margin: 0;background: var(--d1-white);color: var(--d1-text-dark);line-height: 1.6;user-select:auto;pointer-events:auto;visibility:visible}

img {display: block;max-width: 100%}
a {text-decoration: none;color: inherit}
ul {list-style: none;margin: 0;padding: 0}

.d1-container {padding: 0 24px;max-width: 1200px;margin: 0 auto}


.d1-header {background: var(--d1-white);transition: box-shadow 0.3s ease;top: 0;z-index: 100;position: sticky;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06)}

.d1-header-top {padding: 16px 0;border-bottom: 1px solid var(--d1-gray-200)}

.d1-header-container {gap: 16px;display: flex;margin: 0 auto;padding: 0 24px;justify-content: space-between;align-items: center;max-width: 1200px}

.d1-logo-img {height: 44px;width: auto}
.d1-logo-text {background: var(--d1-gradient-primary);font-weight: 800;font-size: 24px;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent}

.d1-header-actions {display: flex;gap: 12px}

.d1-btn {padding: 12px 24px;font-weight: 600;border: none;border-radius: 10px;display: inline-block;cursor: pointer;font-size: 15px;transition: all 0.25s ease;text-align: center}
.d1-btn-primary {box-shadow: 0 4px 14px rgba(250, 204, 21, 0.4);color: var(--d1-text-dark);background: var(--d1-gradient-primary)}
.d1-btn-primary:hover {transform: translateY(-2px);box-shadow: 0 8px 25px rgba(250, 204, 21, 0.5)}
.d1-btn-outline {color: var(--d1-blue-dark);border: 2px solid var(--d1-blue);background: transparent}
.d1-btn-outline:hover {color: var(--d1-white);background: var(--d1-blue)}
.d1-btn-secondary {color: var(--d1-blue-dark);border: 2px solid var(--d1-blue);background: var(--d1-white)}
.d1-btn-secondary:hover {background: var(--d1-blue);color: var(--d1-white)}
.d1-btn-large {font-size: 17px;padding: 16px 32px}

.d1-header-bottom { background: var(--d1-gray-100); }
.d1-nav-container {gap: 8px;align-items: center;display: flex;padding: 0 24px;margin: 0 auto;max-width: 1200px}
.d1-nav-scroll {flex: 1;scrollbar-width: none;overflow-x: auto}
.d1-nav-scroll::-webkit-scrollbar { display: none; }
.d1-nav-list {gap: 4px;white-space: nowrap;display: flex}
.d1-nav-link {color: var(--d1-text-medium);transition: all 0.2s ease;font-weight: 700;letter-spacing: 0.03em;display: block;border-bottom: 3px solid transparent;padding: 14px 18px;font-size: 13px}
.d1-nav-link:hover, .d1-nav-link.d1-current {border-bottom-color: var(--d1-gold);color: var(--d1-gold)}
.d1-scroll-indicators {display: flex;gap: 4px}
.d1-scroll-btn {height: 32px;border-radius: 50%;cursor: pointer;width: 32px;box-shadow: 0 2px 6px rgba(0,0,0,0.1);color: var(--d1-text-medium);background: var(--d1-white);border: none}
.d1-scroll-btn:hover {color: var(--d1-text-dark);background: var(--d1-gradient-primary)}


.d1-hero {padding: 60px 0 80px;overflow: hidden;position: relative;background: linear-gradient(135deg, #fffbeb 0%, #eff6ff 100%)}
.d1-hero-container {margin: 0 auto;padding: 0 24px;grid-template-columns: 1.1fr 0.9fr;gap: 48px;display: grid;max-width: 1200px;align-items: center}
.d1-hero-badge {color: var(--d1-gold);gap: 8px;font-size: 13px;padding: 8px 16px;box-shadow: 0 2px 10px rgba(0,0,0,0.06);margin-bottom: 20px;align-items: center;border-radius: 999px;font-weight: 700;background: var(--d1-white);display: inline-flex}
.d1-hero-title {margin: 0 0 20px;font-weight: 800;font-size: 42px;line-height: 1.2}
.d1-gradient-text {background: var(--d1-gradient-mixed);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text}
.d1-hero-description {color: var(--d1-text-medium);font-size: 18px;margin-bottom: 28px;max-width: 520px}
.d1-hero-actions {display: flex;flex-wrap: wrap;gap: 16px}

.d1-hero-card {background: var(--d1-white);padding: 24px;border-radius: 24px;box-shadow: 0 20px 50px rgba(0,0,0,0.1)}
.d1-hero-games-img {object-fit: cover;border-radius: 16px;aspect-ratio: 1/1;width: 100%}

.d1-live-data-section, .d1-feature-highlights { margin-top: 24px; }
.d1-live-data-title, .d1-feature-highlights-title {font-size: 16px;font-weight: 700;margin-bottom: 14px}
.d1-live-data-grid {display: grid;gap: 12px;grid-template-columns: repeat(3, 1fr)}
.d1-live-data-item {text-align: center;background: var(--d1-gray-100);border-radius: 12px;padding: 14px 8px}
.d1-live-data-icon {margin-bottom: 6px;color: var(--d1-gold)}
.d1-live-data-number {font-size: 20px;color: var(--d1-text-dark);font-weight: 800}
.d1-live-data-label {font-size: 11px;color: var(--d1-text-light)}
.d1-feature-highlights-list {display: flex;flex-direction: column;gap: 10px}
.d1-feature-highlight-item {color: var(--d1-text-medium);display: flex;font-size: 14px;align-items: center;gap: 10px}
.d1-feature-highlight-item i { color: var(--d1-blue); }
.d1-certification-badges {display: flex;margin-top: 20px;gap: 10px;flex-wrap: wrap}
.d1-cert-badge {align-items: center;font-weight: 600;display: flex;font-size: 12px;border-radius: 999px;gap: 6px;padding: 6px 12px;background: var(--d1-blue-light);color: var(--d1-blue-dark)}


.d1-section-badge {align-items: center;background: var(--d1-accent);display: inline-flex;border-radius: 999px;margin-bottom: 16px;font-weight: 700;font-size: 13px;padding: 6px 16px;color: var(--d1-gold);gap: 8px}
.d1-section-header {text-align: center;margin: 0 auto 48px;max-width: 700px}
.d1-section-title {font-weight: 800;font-size: 32px;margin: 0 0 14px}
.d1-section-description {font-size: 17px;color: var(--d1-text-medium)}


.d1-features {padding: 80px 0;background: var(--d1-gray-100)}
.d1-features-grid {gap: 24px;display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr))}
.d1-feature-card {box-shadow: var(--d1-shadow);padding: 28px;border-radius: var(--d1-radius);background: var(--d1-white);transition: all 0.3s ease}
.d1-feature-card:hover {box-shadow: var(--d1-shadow-hover);transform: translateY(-4px)}
.d1-feature-icon {width: 52px;margin-bottom: 18px;height: 52px;color: var(--d1-white);font-size: 20px;justify-content: center;border-radius: 14px;display: flex;background: var(--d1-gradient-primary);align-items: center}
.d1-feature-title {margin: 0 0 10px;font-weight: 700;font-size: 19px}
.d1-feature-description {color: var(--d1-text-medium);margin-bottom: 16px;font-size: 15px}
.d1-feature-link {gap: 8px;display: flex;font-size: 14px;font-weight: 600;align-items: center;color: var(--d1-blue)}


.d1-collections-section, .d1-promotions { padding: 80px 0; }
.d1-promotions-grid {grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 24px;display: grid}
.d1-promo-card {border-radius: var(--d1-radius);padding: 28px;position: relative;transition: all 0.3s ease;border: 1px solid var(--d1-gray-200);background: var(--d1-white);box-shadow: var(--d1-shadow)}
.d1-promo-card:hover {box-shadow: var(--d1-shadow-hover);transform: translateY(-4px)}
.d1-promo-card.d1-featured {border: none;background: var(--d1-gradient-primary)}
.d1-promo-badge {left: 20px;top: -12px;background: var(--d1-blue-dark);font-weight: 700;border-radius: 999px;position: absolute;color: var(--d1-white);padding: 4px 12px;font-size: 11px}
.d1-promo-title {font-weight: 700;margin: 8px 0 10px;font-size: 19px}
.d1-promo-description {margin-bottom: 18px;font-size: 14px;color: var(--d1-text-medium)}
.d1-promo-bottom {flex-wrap: wrap;display: flex;justify-content: space-between;align-items: center;gap: 12px}
.d1-promo-value {font-weight: 800;color: var(--d1-gold)}
.d1-promo-btn {font-weight: 700;font-size: 13px;padding: 8px 18px;color: var(--d1-white);border-radius: 8px;background: var(--d1-gradient-blue)}


.d1-faq-section {background: var(--d1-gray-100);padding: 80px 0}
.d1-faq-container {max-width: 800px;margin: 0 auto}
.d1-faq-item {border-radius: var(--d1-radius);overflow: hidden;box-shadow: var(--d1-shadow);background: var(--d1-white);margin-bottom: 16px}
.d1-faq-question {cursor: pointer;padding: 22px 24px;display: flex;justify-content: space-between;align-items: center;gap: 16px}
.d1-faq-question h3 {color: var(--d1-blue-dark);font-size: 17px;margin: 0}
.d1-faq-icon {font-size: 22px;color: var(--d1-gold);flex-shrink: 0;font-weight: 800}
.d1-faq-answer {color: var(--d1-text-medium);padding: 0 24px 22px}
.d1-faq-item:not(.d1-active) .d1-faq-answer { display: none; }
.d1-faq-item:not(.d1-active) .d1-faq-icon { transform: rotate(45deg); }


.d1-office-info-section, .d1-ratings-section { padding: 80px 0; }
.d1-office-grid {grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));display: grid;margin-bottom: 40px;gap: 24px}
.d1-office-card {box-shadow: var(--d1-shadow);padding: 28px;border-radius: var(--d1-radius);background: var(--d1-white)}
.d1-office-icon {margin-bottom: 12px;font-size: 32px}
.d1-office-card h3 {margin: 0 0 14px;font-size: 18px}
.d1-office-details p, .d1-office-hours p {color: var(--d1-text-medium);font-size: 14px;margin: 4px 0}
.d1-office-hours {border-top: 1px solid var(--d1-gray-200);padding-top: 14px;margin-top: 14px}
.d1-office-map-wrapper { text-align: center; }
.d1-office-map-title {margin-bottom: 16px;font-size: 20px}
.d1-office-map {border-radius: var(--d1-radius);box-shadow: var(--d1-shadow);overflow: hidden}
.d1-office-map iframe {border: 0;width: 100%;height: 360px}
.d1-office-map-note {color: var(--d1-text-light);margin-top: 14px;font-size: 13px}


.d1-ratings-header {margin-bottom: 40px;grid-template-columns: 1.4fr 1fr;align-items: center;gap: 32px;display: grid}
.d1-ratings-title {margin: 14px 0;font-weight: 800;font-size: 28px}
.d1-ratings-description { color: var(--d1-text-medium); }
.d1-ratings-summary-card {text-align: center;border-radius: var(--d1-radius);background: var(--d1-gray-100);padding: 28px}
.d1-ratings-score {color: var(--d1-gold);font-weight: 800;font-size: 44px}
.d1-ratings-stars {color: var(--d1-gold);margin: 8px 0}
.d1-ratings-count {font-size: 13px;color: var(--d1-text-light);margin-bottom: 14px}
.d1-ratings-meta {gap: 6px;display: flex;flex-direction: column;font-size: 13px;color: var(--d1-text-medium)}
.d1-ratings-cards {grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 20px;display: grid}
.d1-ratings-card {border-radius: var(--d1-radius);padding: 24px;box-shadow: var(--d1-shadow);background: var(--d1-white)}
.d1-ratings-card-header {gap: 12px;align-items: center;display: flex;margin-bottom: 12px}
.d1-ratings-avatar {height: 42px;width: 42px;justify-content: center;font-weight: 700;color: var(--d1-white);border-radius: 50%;align-items: center;display: flex;flex-shrink: 0;background: var(--d1-gradient-blue)}
.d1-ratings-card-title {font-size: 15px;margin: 0}
.d1-ratings-card-meta {font-size: 12px;margin: 2px 0 0;color: var(--d1-text-light)}
.d1-ratings-card-score {font-weight: 800;color: var(--d1-gold);margin-left: auto}
.d1-ratings-card-text {font-size: 14px;color: var(--d1-text-medium)}


.d1-recommended-games {margin: 0;background: var(--d1-gradient-primary);padding: 50px 20px}
.d1-recommended-games h2 {text-align: center;margin: 0 0 30px;text-shadow: 1px 1px 3px rgba(0,0,0,0.2);font-size: 30px;color: var(--d1-white)}
.d1-games-grid {margin: 0 auto;gap: 18px;grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));display: grid;max-width: 1200px}
.d1-game-card {box-shadow: 0 4px 10px rgba(0,0,0,0.12);overflow: hidden;transition: transform 0.25s ease;border-radius: 12px;background: var(--d1-white)}
.d1-game-card:hover { transform: translateY(-4px); }
.d1-game-card img {object-fit: cover;width: 100%;height: 140px}
.d1-game-card-info { padding: 12px; }
.d1-game-card-title {font-size: 14px;margin: 0;color: var(--d1-text-dark);text-align: center;font-weight: 700}


.d1-footer {padding: 60px 0 0;margin-top: 40px;background: #111827;color: var(--d1-gray-300)}
.d1-footer-content {gap: 32px;padding-bottom: 40px;grid-template-columns: 1.4fr repeat(3, 1fr);display: grid}
.d1-footer-logo-img {height: 36px;margin-bottom: 16px}
.d1-footer-description {margin-bottom: 18px;font-size: 14px;color: var(--d1-gray-500)}
.d1-social-links {gap: 10px;display: flex}
.d1-social-link {height: 34px;transition: background 0.2s ease;width: 34px;display: flex;align-items: center;justify-content: center;background: #1f2937;border-radius: 50%}
.d1-social-link:hover {color: #111827;background: var(--d1-gold)}
.d1-footer-title {margin: 0 0 16px;font-size: 15px;color: var(--d1-white)}
.d1-footer-links li { margin-bottom: 10px; }
.d1-footer-links a {color: var(--d1-gray-500);font-size: 14px}
.d1-footer-links a:hover { color: var(--d1-yellow); }
.d1-footer-bottom {padding: 20px 0;border-top: 1px solid #1f2937;text-align: center}
.d1-footer-copyright {margin: 0;font-size: 13px;color: var(--d1-gray-500)}


.d1-page-hero {color: var(--d1-white);padding: 70px 0;text-align: center;background: var(--d1-gradient-blue)}
.d1-page-hero .d1-hero-title {font-size: 40px;margin-bottom: 18px}
.d1-page-hero .d1-hero-description {max-width: 620px;margin: 0 auto;font-size: 18px;color: rgba(255,255,255,0.92)}
.d1-mobile-brand-link {margin-top: 24px;display: inline-block}
.d1-mobile-brand-link img {height: 60px;border-radius: 12px;margin: 0 auto}
.d1-text-center { text-align: center; }


.d1-content-section { padding: 70px 0; }
.d1-content-section.d1-light { background: var(--d1-gray-100); }

.d1-search-card, .d1-feedback-card {background: var(--d1-white);max-width: 800px;box-shadow: var(--d1-shadow);border-radius: 20px;text-align: center;padding: 40px;margin: 0 auto}
.d1-search-bar {flex-wrap: wrap;gap: 10px;display: flex;margin: 20px 0}
.d1-search-bar input {min-width: 220px;padding: 14px 16px;border: 2px solid var(--d1-gray-300);font-size: 15px;flex: 1;border-radius: 10px}
.d1-search-tags {gap: 10px;flex-wrap: wrap;display: flex;justify-content: center}
.d1-tag {padding: 6px 14px;font-weight: 700;border-radius: 999px;font-size: 12px;background: var(--d1-accent);color: var(--d1-gold)}

.d1-card-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));margin-top: 20px;gap: 22px}
.d1-topic-card, .d1-video-card, .d1-template-card, .d1-credit-card, .d1-method-card, .d1-tool-card, .d1-sign-card, .d1-support-card, .d1-category-card, .d1-status-card, .d1-partner-card {box-shadow: var(--d1-shadow);padding: 24px;transition: all 0.25s ease;border-radius: var(--d1-radius);border-left: 4px solid var(--d1-gold);background: var(--d1-white)}
.d1-topic-card:hover, .d1-video-card:hover, .d1-template-card:hover, .d1-credit-card:hover, .d1-method-card:hover, .d1-tool-card:hover, .d1-support-card:hover, .d1-category-card:hover, .d1-status-card:hover, .d1-partner-card:hover {transform: translateX(4px);box-shadow: var(--d1-shadow-hover)}
.d1-card-icon {margin-bottom: 12px;font-size: 28px}
.d1-video-thumbnail {margin-bottom: 14px;width: 100%;color: var(--d1-white);font-size: 30px;background: var(--d1-gradient-blue);align-items: center;justify-content: center;display: flex;height: 100px;border-radius: 10px}
.d1-card-title {color: var(--d1-blue-dark);font-size: 17px;margin: 0 0 10px;font-weight: 700}
.d1-card-text {color: var(--d1-text-medium);margin-bottom: 12px;font-size: 14px}
.d1-card-link {color: var(--d1-blue);font-size: 13px;font-weight: 700}


.d1-form-container {max-width: 700px;margin: 0 auto}
.d1-form {background: var(--d1-white);box-shadow: var(--d1-shadow);border-radius: var(--d1-radius);padding: 36px}
.d1-form-group { margin-bottom: 20px; }
.d1-form-group label {color: var(--d1-blue-dark);display: block;font-size: 14px;font-weight: 600;margin-bottom: 8px}
.d1-form-group input, .d1-form-group select, .d1-form-group textarea {width: 100%;padding: 12px 14px;font-size: 15px;border: 2px solid var(--d1-gray-300);border-radius: 10px;font-family: inherit}
.d1-form-group input:focus, .d1-form-group select:focus, .d1-form-group textarea:focus {border-color: var(--d1-gold);outline: none}
.d1-form-group textarea {resize: vertical;min-height: 110px}
.d1-form-row {gap: 16px;display: grid;grid-template-columns: 1fr 1fr}
.d1-checkbox-group {align-items: flex-start;display: flex;gap: 10px;font-size: 13px;color: var(--d1-text-medium)}


.d1-contact-methods-grid, .d1-methods-grid {display: grid;gap: 20px;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))}


.d1-steps-list {flex-direction: column;max-width: 700px;display: flex;gap: 14px;margin: 0 auto}
.d1-step-item {box-shadow: var(--d1-shadow);display: flex;background: var(--d1-white);align-items: flex-start;padding: 20px;gap: 16px;border-radius: 14px}
.d1-step-number {font-weight: 800;color: var(--d1-text-dark);border-radius: 50%;flex-shrink: 0;height: 34px;width: 34px;align-items: center;justify-content: center;background: var(--d1-gradient-primary);display: flex}


.d1-text-block {margin: 0 auto;max-width: 820px}
.d1-text-block h3 {color: var(--d1-blue-dark);font-size: 20px;margin: 28px 0 12px}
.d1-text-block p {margin-bottom: 14px;color: var(--d1-text-medium)}
.d1-text-block ul { margin: 0 0 14px 0; }
.d1-text-block ul li {margin-bottom: 8px;padding-left: 22px;color: var(--d1-text-medium);position: relative}
.d1-text-block ul li::before {content: '✓';position: absolute;left: 0;font-weight: 800;color: var(--d1-gold)}


.d1-channels-grid {gap: 20px;display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr))}
.d1-channel-card {text-align: center;border-radius: var(--d1-radius);background: var(--d1-white);box-shadow: var(--d1-shadow);padding: 22px}
.d1-join-card {border-radius: 20px;max-width: 700px;color: var(--d1-white);background: var(--d1-gradient-blue);margin: 0 auto;text-align: center;padding: 40px}
.d1-join-card .d1-btn-primary { margin-top: 16px; }


.d1-method-icon, .d1-card-emoji {font-size: 30px;margin-bottom: 10px}


.d1-account-hero {text-align: center;padding: 60px 0;color: var(--d1-white);background: var(--d1-gradient-mixed)}
.d1-account-hero .d1-hero-title { color: var(--d1-white); }
.d1-account-wrap {gap: 32px;margin: -40px auto 0;grid-template-columns: 1fr 1fr;align-items: start;max-width: 1100px;display: grid;padding: 0 24px 80px}
.d1-account-panel {padding: 32px;box-shadow: var(--d1-shadow-hover);border-radius: 20px;background: var(--d1-white)}
.d1-account-panel h2 {margin-top: 0;font-size: 22px}
.d1-benefit-row {border-bottom: 1px solid var(--d1-gray-200);display: flex;gap: 14px;padding: 14px 0;align-items: flex-start}
.d1-benefit-row:last-child { border-bottom: none; }
.d1-benefit-icon { font-size: 22px; }
.d1-plataforma-grid {display: grid;gap: 22px;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))}
.d1-stat-strip {grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));gap: 20px;background: var(--d1-gray-100);padding: 40px 0;text-align: center;display: grid}
.d1-stat-value {font-weight: 800;color: var(--d1-gold);font-size: 30px}
.d1-stat-label {color: var(--d1-text-light);font-size: 13px}

.d1-feedback-form {flex-direction: column;gap: 4px;display: flex;text-align: left}


.d1-body { margin: 0; }
.d1-main { display: block; }
.d1-header-logo {align-items: center;display: flex}
.d1-nav-item { list-style: none; }
.d1-hero-content { min-width: 0; }
.d1-hero-image { min-width: 0; }
.d1-live-data-content {flex-direction: column;display: flex}
.d1-promo-content {flex-direction: column;display: flex}
.d1-ratings-title-group { min-width: 0; }
.d1-footer-section { min-width: 0; }


.sf-related-articles {padding: 50px 0;background: var(--d1-gray-100)}
.sf-related-articles__list {display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));margin: 0 auto;max-width: 1200px;padding: 0 24px;list-style: none;gap: 16px}
.sf-related-articles__item {border-radius: 12px;padding: 16px;box-shadow: var(--d1-shadow);background: var(--d1-white)}
.sf-related-articles__link {font-weight: 600;font-size: 14px;color: var(--d1-blue-dark)}
.sf-related-articles__link:hover { color: var(--d1-gold); }
.sf-related-articles__type {margin-top: 6px;font-size: 11px;display: block;letter-spacing: 0.04em;color: var(--d1-text-light);text-transform: uppercase}


@media (max-width: 900px) {
  .d1-hero-container { grid-template-columns: 1fr; }
  .d1-footer-content { grid-template-columns: repeat(2, 1fr); }
  .d1-ratings-header { grid-template-columns: 1fr; }
  .d1-account-wrap {margin-top: 0;grid-template-columns: 1fr}
  .d1-form-row { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .d1-hero-title { font-size: 30px; }
  .d1-section-title { font-size: 26px; }
  .d1-footer-content { grid-template-columns: 1fr; }
  .d1-header-container { flex-wrap: wrap; }
  .d1-games-grid { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); }
}


.sf-related-articles{max-width:1120px;background:rgba(255,255,255,.06);border:1px solid rgba(148,163,184,.24);padding:clamp(18px,3vw,28px);border-radius:24px;box-shadow:0 16px 45px rgba(15,23,42,.08);margin:clamp(28px,5vw,56px) auto}
.sf-related-articles h2{font-size:clamp(1.35rem,2.5vw,2rem);margin:0 0 8px;line-height:1.2}
.sf-related-articles>p{opacity:.78;line-height:1.65;margin:0 0 18px}
.sf-related-articles__list{list-style:none;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;padding:0}
.sf-related-articles__item{padding:0;list-style:none;margin:0}
.sf-related-articles__link{border-radius:18px;padding:16px;min-height:100%;background:rgba(255,255,255,.08);gap:7px;display:flex;text-decoration:none;color:inherit;transition:transform .18s ease,border-color .18s ease,background .18s ease;flex-direction:column;border:1px solid rgba(148,163,184,.18)}
.sf-related-articles__link:hover{transform:translateY(-2px);border-color:rgba(59,130,246,.45);background:rgba(255,255,255,.13)}
.sf-related-articles__type{font-weight:700;letter-spacing:.04em;width:max-content;background:rgba(59,130,246,.14);text-transform:uppercase;padding:3px 9px;color:inherit;font-size:.72rem;border-radius:999px;opacity:.88}
.sf-related-articles strong{line-height:1.35;font-size:1rem}
.sf-related-articles small{opacity:.72;font-size:.88rem;line-height:1.45}
@media(max-width:640px){.sf-related-articles{padding:16px;margin:28px 12px;border-radius:18px}.sf-related-articles__list{grid-template-columns:1fr}.sf-related-articles__link{padding:14px}}