

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


.w3-body { min-height: 100vh; ;visibility:visible;pointer-events:auto}
.w3-main { display: block; }
.w3-nav { display: block; }
.w3-page { display: block; }
.w3-dropdown-btn {font: inherit;background: none;border: none}

:root {--w3-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;--w3-space-md: 1.5rem;--w3-primary: rgba(0,212,170,1);--w3-header-h: 80px;--w3-bg: #0a0e27;--w3-text: rgba(255,255,255,1);--w3-space-lg: 2rem;--w3-bg-alt: #141b3a;--w3-container: 1280px;--w3-text-soft: #cbd5e1;--w3-glow: 0 0 20px rgba(0,212,170,.3);--w3-card: #1a2442;--w3-shadow-lg: 0 8px 32px rgba(0,0,0,.4);--w3-space-sm: 1rem;--w3-space-xl: 3rem;--w3-secondary: #6366f1;--w3-primary-dark: rgba(0,184,144,1);--w3-space-xs: .5rem;--w3-radius: 16px;--w3-text-muted: #94a3b8;--w3-radius-sm: 8px;--w3-border: #2d3a5f;--w3-shadow-md: 0 4px 16px rgba(0,0,0,.3);--w3-shadow-sm: 0 2px 8px rgba(0,0,0,.2);--w3-card-hover: #212d52;--w3-space-2xl: 4rem;--w3-radius-lg: 24px;--w3-accent: #fbbf24;--w3-primary-light: #33deb8}

html {font-size: 16px;scroll-behavior: smooth}

body {background: linear-gradient(135deg, var(--w3-bg) 0%, var(--w3-bg-alt) 100%);background-attachment: fixed;color: var(--w3-text);overflow-x: hidden;font-family: var(--w3-font);padding-top: var(--w3-header-h);line-height: 1.6;min-height: 100vh}
body.w3-drawer-open { overflow: hidden; }

h1, h2, h3, h4, h5, h6 {margin-bottom: var(--w3-space-sm);color: var(--w3-text);font-weight: 700;line-height: 1.2}
h1 {font-size: clamp(2rem, 5vw, 3.5rem);font-weight: 900}
h2 { font-size: clamp(1.75rem, 4vw, 2.5rem); }
h3 { font-size: clamp(1.4rem, 3vw, 1.9rem); }
h4 { font-size: clamp(1.15rem, 2.5vw, 1.4rem); }
p {margin-bottom: var(--w3-space-sm);color: var(--w3-text-soft)}
a {text-decoration: none;color: var(--w3-primary);transition: color .15s ease-in-out}
a:hover { color: var(--w3-primary-light); }
img {display: block;height: auto;max-width: 100%}
ul { list-style: none; }

.w3-container, .w3-footer-inner {width: 100%;padding: 0 var(--w3-space-md);max-width: var(--w3-container);margin: 0 auto}
@media (max-width: 768px) { .w3-container, .w3-footer-inner { padding: 0 var(--w3-space-sm); } }


.w3-btn, .w3-btn-login, .w3-btn-register, .w3-btn-login-mobile, .w3-btn-primary, .w3-btn-outline, .w3-btn-secondary {font-weight: 700;border-radius: var(--w3-radius-sm);display: inline-flex;font-size: .95rem;transition: all .2s ease;justify-content: center;gap: .4rem;white-space: nowrap;border: 2px solid transparent;padding: .85rem 1.6rem;align-items: center;cursor: pointer}
.w3-btn-register, .w3-btn-primary {background: linear-gradient(135deg, var(--w3-primary), var(--w3-primary-dark));color: #05221b;box-shadow: var(--w3-shadow-sm)}
.w3-btn-register:hover, .w3-btn-primary:hover {color: rgba(5,34,27,1);transform: translateY(-2px);box-shadow: var(--w3-glow)}
.w3-btn-login, .w3-btn-outline {background: transparent;border-color: var(--w3-border);color: var(--w3-text)}
.w3-btn-login:hover, .w3-btn-outline:hover {color: var(--w3-primary);border-color: var(--w3-primary)}
.w3-btn-secondary {background: var(--w3-secondary);color: #fff}
.w3-btn-block { width: 100%; }


.w3-header {z-index: 1001;left: 0;border-bottom: 1px solid var(--w3-border);backdrop-filter: blur(12px);position: fixed;top: 0;background: rgba(10,14,39,.95);right: 0}
.w3-nav-inner {align-items: center;gap: var(--w3-space-md);padding: 0 var(--w3-space-md);display: grid;grid-template-columns: auto 1fr auto;max-width: var(--w3-container);margin: 0 auto;height: var(--w3-header-h)}
.w3-brand {line-height: 1.1;flex-direction: column;display: flex}
.w3-brand-name {color: transparent;font-weight: 900;background: linear-gradient(135deg, var(--w3-primary), var(--w3-secondary));-webkit-background-clip: text;font-size: 1.5rem;background-clip: text}
.w3-brand-tag {color: var(--w3-text-muted);font-size: .7rem;letter-spacing: .05em;text-transform: uppercase}

.w3-menu-list {align-items: center;gap: .25rem;display: flex}
.w3-menu-link {border-radius: var(--w3-radius-sm);cursor: pointer;padding: .6rem .9rem;gap: .3rem;background: transparent;font-weight: 600;color: var(--w3-text-soft);align-items: center;display: inline-flex;font-size: .85rem;border: none}
.w3-menu-link:hover, .w3-menu-link.w3-active {color: var(--w3-primary);background: rgba(0,212,170,.08)}
.w3-has-dropdown { position: relative; }
.w3-caret { font-size: .6rem; }
.w3-dropdown-menu {box-shadow: var(--w3-shadow-lg);padding: .5rem;position: absolute;min-width: 220px;z-index: 50;left: 0;display: none;flex-direction: column;top: 100%;background: var(--w3-card);border: 1px solid var(--w3-border);border-radius: var(--w3-radius-sm)}
.w3-has-dropdown.w3-dropdown-open .w3-dropdown-menu { display: flex; }
.w3-dropdown-link {padding: .6rem .75rem;color: var(--w3-text-soft);border-radius: var(--w3-radius-sm);font-size: .88rem}
.w3-dropdown-link:hover, .w3-dropdown-link.w3-active {background: rgba(0,212,170,.1);color: var(--w3-primary)}

.w3-nav-actions {gap: .6rem;align-items: center;display: flex}
.w3-nav-actions-desktop {gap: .6rem;display: flex}
.w3-btn-login-mobile {display: none;padding: .5rem 1rem}
.w3-burger {display: none;gap: 5px;border: none;padding: .5rem;flex-direction: column;cursor: pointer;background: none}
.w3-burger-bar {background: var(--w3-text);width: 22px;height: 2px;border-radius: 2px}

.w3-drawer {visibility: hidden;z-index: 1100;inset: 0;position: fixed}
.w3-drawer.w3-drawer-open { visibility: visible; }
.w3-drawer-overlay {position: absolute;background: rgba(0,0,0,.6);inset: 0;transition: opacity .25s ease;opacity: 0}
.w3-drawer.w3-drawer-open .w3-drawer-overlay { opacity: 1; }
.w3-drawer-panel {transition: transform .25s ease;position: absolute;right: 0;overflow-y: auto;transform: translateX(100%);background: var(--w3-bg-alt);border-left: 1px solid var(--w3-border);top: 0;flex-direction: column;height: 100%;display: flex;width: min(340px, 88vw)}
.w3-drawer.w3-drawer-open .w3-drawer-panel { transform: translateX(0); }
.w3-drawer-head {display: flex;padding: var(--w3-space-md);align-items: center;justify-content: space-between;border-bottom: 1px solid var(--w3-border)}
.w3-drawer-title { font-weight: 800; }
.w3-drawer-close {cursor: pointer;color: var(--w3-text);font-size: 1.6rem;line-height: 1;background: none;border: none}
.w3-drawer-body {display: flex;padding: var(--w3-space-md);flex-direction: column;flex: 1;gap: var(--w3-space-md)}
.w3-drawer-section h4 {font-size: .8rem;margin-bottom: .5rem;color: var(--w3-text-muted);text-transform: uppercase}
.w3-drawer-section {display: flex;flex-direction: column}
.w3-drawer-section a {color: var(--w3-text-soft);border-bottom: 1px solid rgba(255,255,255,.05);padding: .55rem 0}
.w3-drawer-footer {padding: var(--w3-space-md);gap: .6rem;border-top: 1px solid var(--w3-border);flex-direction: column;display: flex}

@media (max-width: 1023px) {
  .w3-menu { display: none; }
  .w3-nav-actions-desktop { display: none; }
  .w3-btn-login-mobile { display: inline-flex; }
  .w3-burger { display: flex; }
  .w3-nav-inner { grid-template-columns: auto auto; }
}
@media (min-width: 1024px) { .w3-drawer { display: none; } }


.w3-section { padding: var(--w3-space-2xl) 0; }
.w3-section-head {max-width: 700px;text-align: center;margin: 0 auto var(--w3-space-xl)}
.w3-section-head p { font-size: 1.05rem; }
.w3-section-alt { background: rgba(255,255,255,.02); }


.w3-hero { padding: var(--w3-space-2xl) 0 var(--w3-space-xl); }
.w3-hero-grid {grid-template-columns: 1.3fr 1fr;align-items: center;display: grid;gap: var(--w3-space-xl)}
.w3-hero-badges {flex-wrap: wrap;display: flex;gap: .5rem;margin-bottom: var(--w3-space-md)}
.w3-badge {border: 1px solid var(--w3-border);color: var(--w3-text-soft);padding: .35rem .8rem;font-size: .78rem;border-radius: 999px;background: var(--w3-card)}
.w3-hero-title { margin-bottom: var(--w3-space-md); }
.w3-accent { color: var(--w3-primary); }
.w3-hero-highlights {gap: .8rem;display: grid;margin: var(--w3-space-lg) 0}
.w3-highlight-item {background: var(--w3-card);padding: .8rem 1rem;display: flex;gap: .8rem;align-items: flex-start;border: 1px solid var(--w3-border);border-radius: var(--w3-radius-sm)}
.w3-highlight-icon { font-size: 1.4rem; }
.w3-highlight-item strong {display: block;margin-bottom: .15rem}
.w3-highlight-item p {margin: 0;font-size: .85rem}
.w3-hero-actions {margin: var(--w3-space-md) 0;gap: .8rem;display: flex;flex-wrap: wrap}
.w3-hero-disclaimer {color: var(--w3-text-muted);font-size: .8rem}
.w3-hero-aside {justify-content: center;align-items: center;display: flex}
.w3-hero-aside img {box-shadow: var(--w3-shadow-lg);border-radius: var(--w3-radius-lg)}
@media (max-width: 900px) { .w3-hero-grid { grid-template-columns: 1fr; } .w3-hero-aside {max-width: 220px;margin: 0 auto;order: -1} }


.w3-card-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: var(--w3-space-lg)}
.w3-game-card {background: var(--w3-card);overflow: hidden;border: 1px solid var(--w3-border);border-radius: var(--w3-radius);transition: transform .2s ease, box-shadow .2s ease}
.w3-game-card:hover {box-shadow: var(--w3-shadow-lg);transform: translateY(-4px)}
.w3-game-card-media { position: relative; }
.w3-game-card-media img {object-fit: cover;width: 100%;aspect-ratio: 1/1}
.w3-game-card-tag {background: var(--w3-primary);top: .7rem;font-weight: 800;color: #05221b;right: .7rem;position: absolute;padding: .25rem .6rem;font-size: .72rem;border-radius: 999px}
.w3-game-card-body { padding: var(--w3-space-md); }
.w3-game-card-list {display: flex;gap: .3rem;flex-direction: column;margin: .6rem 0}
.w3-game-card-list li {font-size: .85rem;color: var(--w3-text-soft)}
.w3-game-card-link { font-weight: 700; }


.w3-tabs-nav {display: flex;margin-bottom: var(--w3-space-lg);flex-wrap: wrap;gap: .5rem;justify-content: center}
.w3-tab-btn {cursor: pointer;padding: .7rem 1.3rem;background: var(--w3-card);color: var(--w3-text-soft);border: 1px solid var(--w3-border);border-radius: 999px;font-weight: 700}
.w3-tab-btn.w3-active {border-color: transparent;background: linear-gradient(135deg, var(--w3-primary), var(--w3-secondary));color: #05221b}
.w3-tab-panel { display: none; }
.w3-tab-panel.w3-active { display: block; }
.w3-tab-panel-inner {display: grid;grid-template-columns: 1.4fr 1fr;background: var(--w3-card);border: 1px solid var(--w3-border);padding: var(--w3-space-xl);border-radius: var(--w3-radius);gap: var(--w3-space-xl);align-items: center}
.w3-tab-list {margin: var(--w3-space-sm) 0;gap: .5rem;display: flex;flex-direction: column}
.w3-tab-list li {font-size: .92rem;color: var(--w3-text-soft)}
.w3-tab-image img { border-radius: var(--w3-radius); }
@media (max-width: 900px) { .w3-tab-panel-inner { grid-template-columns: 1fr; } .w3-tab-image {max-width: 220px;margin: 0 auto;order: -1} }


.w3-rating-summary {font-size: .9rem;gap: .6rem;margin-top: .6rem;justify-content: center;display: flex;align-items: center;color: var(--w3-text-soft)}
.w3-testimonial-grid {gap: var(--w3-space-lg);grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));display: grid}
.w3-testimonial-card {padding: var(--w3-space-lg);background: var(--w3-card);border: 1px solid var(--w3-border);border-radius: var(--w3-radius)}
.w3-testimonial-head {align-items: center;justify-content: space-between;display: flex;margin-bottom: .6rem}
.w3-testimonial-author {display: flex;gap: .2rem;flex-direction: column}
.w3-verified-badge {color: var(--w3-primary);font-size: .72rem}
.w3-testimonial-meta {font-size: .78rem;flex-wrap: wrap;gap: .4rem;justify-content: space-between;margin-top: .8rem;color: var(--w3-text-muted);display: flex}


.w3-about-grid {display: grid;align-items: start;grid-template-columns: 1.3fr 1fr;gap: var(--w3-space-xl)}
.w3-timeline {display: grid;margin-top: var(--w3-space-lg);gap: var(--w3-space-md);grid-template-columns: repeat(auto-fit, minmax(150px, 1fr))}
.w3-timeline-item {background: var(--w3-card);border: 1px solid var(--w3-border);padding: var(--w3-space-md);text-align: center;border-radius: var(--w3-radius-sm)}
.w3-timeline-item span { font-size: 1.4rem; }
.w3-stat-grid, .w3-transparency-grid {display: grid;gap: var(--w3-space-md);grid-template-columns: repeat(auto-fit, minmax(160px, 1fr))}
.w3-stat-item, .w3-transparency-item {border: 1px solid var(--w3-border);padding: var(--w3-space-md);text-align: center;border-radius: var(--w3-radius-sm);background: var(--w3-card)}
.w3-stat-item span:first-child, .w3-transparency-item span {font-weight: 900;display: block;color: var(--w3-primary);font-size: 1.5rem}
@media (max-width: 900px) { .w3-about-grid { grid-template-columns: 1fr; } }


.w3-cert-grid, .w3-trust-grid {gap: var(--w3-space-lg);display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))}
.w3-cert-card, .w3-trust-card {padding: var(--w3-space-lg);background: var(--w3-card);border: 1px solid var(--w3-border);border-radius: var(--w3-radius)}
.w3-cert-icon {margin-bottom: .5rem;display: block;font-size: 2rem}
.w3-transparency-box {border: 1px solid var(--w3-primary);background: var(--w3-card);padding: var(--w3-space-xl);border-radius: var(--w3-radius);margin-top: var(--w3-space-xl)}


.w3-featured-grid {grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));gap: var(--w3-space-md);display: grid}
.w3-featured-card {overflow: hidden;background: var(--w3-card);border: 1px solid var(--w3-border);border-radius: var(--w3-radius)}
.w3-featured-card img {object-fit: cover;aspect-ratio: 1/1}
.w3-featured-body { padding: .8rem; }
.w3-featured-body span {font-size: .78rem;display: block;color: var(--w3-text-muted)}
.w3-more-link {text-align: center;margin-top: var(--w3-space-lg);display: block;font-weight: 700}


.w3-faq-list {margin: 0 auto;display: flex;max-width: 820px;flex-direction: column;gap: .7rem}
.w3-faq-item {border: 1px solid var(--w3-border);background: var(--w3-card);overflow: hidden;border-radius: var(--w3-radius-sm)}
.w3-faq-question {color: var(--w3-text);padding: 1rem 1.2rem;width: 100%;justify-content: space-between;border: none;font-weight: 700;cursor: pointer;align-items: center;background: none;text-align: left;gap: 1rem;display: flex}
.w3-faq-toggle {color: var(--w3-primary);font-size: 1.2rem}
.w3-faq-answer {padding: 0 1.2rem;max-height: 0;overflow: hidden;transition: max-height .25s ease}
.w3-faq-item.w3-active .w3-faq-answer {max-height: 800px;padding: 0 1.2rem 1.1rem}


.w3-responsible-grid {gap: var(--w3-space-xl);grid-template-columns: 1.4fr 1fr;display: grid}
.w3-responsible-cards {gap: var(--w3-space-md);grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));margin: var(--w3-space-lg) 0;display: grid}
.w3-responsible-card {border: 1px solid var(--w3-border);background: var(--w3-card);border-radius: var(--w3-radius-sm);padding: var(--w3-space-md)}
.w3-help-box, .w3-warning-box {border-left: 3px solid var(--w3-primary);background: var(--w3-card);border-radius: var(--w3-radius-sm);padding: var(--w3-space-md);margin-top: var(--w3-space-md)}
.w3-warning-box { border-left-color: var(--w3-accent); }
.w3-help-box ul, .w3-warning-box ul, .w3-check-list {gap: .4rem;flex-direction: column;display: flex;margin-top: .5rem}
.w3-check-list li {color: var(--w3-text-soft);font-size: .9rem}
.w3-responsible-aside {border: 1px solid var(--w3-border);border-radius: var(--w3-radius);padding: var(--w3-space-lg);background: var(--w3-card);height: fit-content}
.w3-responsible-aside .w3-transparency-stats {display: flex;gap: .5rem;flex-direction: column;margin-top: var(--w3-space-md)}
.w3-responsible-aside .w3-transparency-stats > div {font-size: .85rem;padding-bottom: .4rem;display: flex;border-bottom: 1px solid var(--w3-border);justify-content: space-between}
@media (max-width: 900px) { .w3-responsible-grid { grid-template-columns: 1fr; } }


.w3-cta {border-bottom: 1px solid var(--w3-border);border-top: 1px solid var(--w3-border);background: linear-gradient(135deg, rgba(0,212,170,.12), rgba(99,102,241,.12))}
.w3-cta-inner {padding: var(--w3-space-xl) 0;text-align: center;max-width: 700px;margin: 0 auto}
.w3-cta-actions {display: flex;margin: var(--w3-space-md) 0;flex-wrap: wrap;gap: .8rem;justify-content: center}
.w3-cta-note {font-size: .85rem;color: var(--w3-text-muted)}


.w3-breadcrumb { padding: var(--w3-space-md) 0 0; }
.w3-breadcrumb-list {gap: .4rem;display: flex;font-size: .85rem;color: var(--w3-text-muted);align-items: center}
.w3-breadcrumb-list a { color: var(--w3-text-muted); }
.w3-breadcrumb-list li:not(:last-child)::after {content: '/';margin-left: .4rem;color: var(--w3-text-muted)}
.w3-breadcrumb-list li.w3-active { color: var(--w3-primary); }


.w3-content-layout {max-width: var(--w3-container);display: grid;grid-template-columns: 2fr 1fr;padding: var(--w3-space-xl) var(--w3-space-md) var(--w3-space-2xl);align-items: start;margin: 0 auto;gap: var(--w3-space-xl)}
@media (max-width: 768px) { .w3-content-layout {padding-right: var(--w3-space-sm);padding-left: var(--w3-space-sm)} }
.w3-article-block { margin-bottom: var(--w3-space-xl); }
.w3-article-block h3 { margin-top: var(--w3-space-lg); }
.w3-article-image {margin: var(--w3-space-md) 0;text-align: center}
.w3-article-image img {margin: 0 auto;max-width: 320px;border-radius: var(--w3-radius)}
.w3-caption {font-style: italic;font-size: .85rem;margin-top: .4rem;color: var(--w3-text-muted)}
.w3-check-list.w3-article-list li { padding-left: 0; }
.w3-inline-cta { margin: var(--w3-space-md) 0; }
.w3-sidebar {gap: var(--w3-space-md);display: flex;position: sticky;flex-direction: column;top: calc(var(--w3-header-h) + var(--w3-space-md))}
.w3-sidebar-block {border: 1px solid var(--w3-border);padding: var(--w3-space-md);border-radius: var(--w3-radius);background: var(--w3-card)}
.w3-sidebar-block h3 { font-size: 1.1rem; }
@media (max-width: 950px) { .w3-content-layout { grid-template-columns: 1fr; } .w3-sidebar { position: static; } }


.w3-footer {border-top: 1px solid var(--w3-border);margin-top: var(--w3-space-2xl);padding: var(--w3-space-2xl) 0 var(--w3-space-lg);background: rgba(0,0,0,.2)}
.w3-footer-grid {display: grid;gap: var(--w3-space-lg);grid-template-columns: 1.5fr repeat(4, 1fr)}
.w3-footer-col h4 {font-size: .95rem;margin-bottom: var(--w3-space-sm)}
.w3-footer-col ul {flex-direction: column;display: flex;gap: .5rem}
.w3-footer-col a {color: var(--w3-text-soft);font-size: .88rem}
.w3-footer-brand img { margin-bottom: .8rem; }
.w3-footer-desc { font-size: .85rem; }
.w3-footer-social {gap: 1rem;display: flex}
.w3-footer-bottom {flex-direction: column;margin-top: var(--w3-space-xl);padding-top: var(--w3-space-lg);display: flex;border-top: 1px solid var(--w3-border);gap: var(--w3-space-md)}
.w3-payment-row {gap: .8rem;align-items: center;display: flex;font-size: .85rem;flex-wrap: wrap;color: var(--w3-text-muted)}
.w3-payment-chips {display: flex;gap: .5rem;flex-wrap: wrap}
.w3-payment-chip {font-size: .78rem;padding: .3rem .7rem;border: 1px solid var(--w3-border);background: var(--w3-card);border-radius: var(--w3-radius-sm)}
.w3-copyright {color: var(--w3-text-muted);font-size: .8rem}
.w3-legal-note { font-size: .78rem; }
@media (max-width: 900px) { .w3-footer-grid { grid-template-columns: repeat(2, 1fr); } }


.w3-page-head {padding: var(--w3-space-2xl) 0 var(--w3-space-md);text-align: center}
.w3-page-body { padding-bottom: var(--w3-space-2xl); }
.w3-rich {margin: 0 auto;max-width: 820px}
.w3-rich h2 {font-size: 1.4rem;margin-top: var(--w3-space-lg)}
.w3-rich p { margin-bottom: var(--w3-space-sm); }
.w3-eyebrow {letter-spacing: .08em;font-size: .78rem;color: var(--w3-primary);text-transform: uppercase;margin-bottom: .4rem}


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