:root {
    --background-primary: #020617;
    --background-secondary: #0f172a;
    --background-tertiary: #1e293b;
    --primary: #38bdf8;
    --primary-hover: #7dd3fc;
    --secondary: #2dd4bf;
    --accent: #fbbf24;
    --text-main: #f8fafc;
    --text-muted: #94a3b8;
    --border-color: rgba(56, 189, 248, 0.2);
}

body {
    background-color: var(--background-primary);
    color: var(--text-main);
    font-family: 'Inter', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Playfair Display', serif;
}

.text-muted {
    color: #94a3b8 !important;
}

.glass-card {
    background: rgba(30, 41, 59, 0.7);
    backdrop-filter: blur(12px);
    border: 1px solid var(--border-color);
}

.ocean-gradient {
    background: linear-gradient(180deg, #020617 0%, #0c4a6e 100%);
}

.sfi-btn-liquid {
    background: linear-gradient(90deg, #38bdf8 0%, #2dd4bf 100%);
    transition: all 400ms ease-in-out;
    box-shadow: 0 10px 25px -5px rgba(56, 189, 248, 0.4);
}

.sfi-btn-liquid:hover {
    transform: scale(1.05);
    filter: hue-rotate(45deg);
}

.submerged-grid {
    display: grid;
    gap: 2rem;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

.header-navigation {
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5);
}

.header-navigation .js-dropdown-trigger i {
    transition: transform 0.3s ease;
}

.header-navigation .js-dropdown-trigger[aria-expanded="true"] i {
    transform: rotate(180deg);
}

.header-navigation .js-mobile-toggle.is-active span:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}

.header-navigation .js-mobile-toggle.is-active span:nth-child(2) {
    opacity: 0;
}

.header-navigation .js-mobile-toggle.is-active span:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
}

.header-navigation .js-mobile-menu {
    height: calc(100vh - 70px);
}

@media (min-width: 1024px) {
    .header-navigation .js-dropdown-content {
        backdrop-filter: blur(12px);
        background: rgba(15, 23, 42, 0.95);
    }
}

.sfi-hero-section {
    position: relative;
    width: 100%;
}

.sfi-hero-bg-img {
    background-position: center;
    background-size: cover;
}

.sfi-hero-overlay {
    pointer-events: none;
}

.sfi-hero-content-box {
    transition: all 1s ease-out;
}

.sfi-hero-content-box.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.sfi-hero-btn-primary:hover {
    transform: scale(1.05);
}

.sfi-hero-btn-secondary:hover {
    transform: scale(1.05);
}

.sfi-hero-title {
    hyphens: auto;
    text-wrap: balance;
}

.sfi-hero-description {
    color: #94a3b8;
}

@media (max-width: 767px) {
    .sfi-hero-section {
        padding-top: 80px;
        padding-bottom: 60px;
    }
}

.sfi-features-section {
    font-family: 'Inter', sans-serif;
    position: relative;
    overflow: hidden;
}

.sfi-features-section h2,
.sfi-features-section h3 {
    font-family: 'Playfair Display', serif;
}

.sfi-features-section .sfi-feature-card {
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.4s ease;
}

.sfi-features-section .sfi-feature-card:hover {
    transform: translateY(-8px) scale(1.03);
    background: rgba(30, 41, 59, 0.9);
}

.sfi-features-section .icon-wrapper i {
    transition: transform 0.4s ease;
}

.sfi-features-section .sfi-feature-card:hover .icon-wrapper i {
    transform: rotate(360deg);
}

@media (max-width: 767px) {
    .sfi-features-section .sfi-feature-card {
        padding: 24px;
    }
}

.social-games-grid .sfi-game-card {
    backface-visibility: hidden;
    transform-style: preserve-3d;
}

.social-games-grid .sfi-game-card:hover {
    border-color: rgba(56, 189, 248, 0.5);
}

.social-games-grid .container {
    max-width: 1280px;
}

.js-game-overlay.is-active {
    display: flex;
}

.js-iframe-wrapper iframe {
    width: 100%;
    height: 100%;
    border: none;
}

@media (max-width: 768px) {
    .social-games-grid h2 {
        font-size: 24px;
    }

    .social-games-grid p {
        font-size: 14px;
    }
}

.about-preview-block {
    position: relative;
    z-index: 10;
}

.about-preview-block .about-badge {
    letter-spacing: 0.15em;
}

.about-preview-block .about-content h2 {
    color: #f8fafc;
}

.about-preview-block .about-content h3 {
    color: #38bdf8;
}

.about-preview-block .about-image-wrapper img {
    transition: transform 0.6s ease-in-out;
}

.about-preview-block .about-image-wrapper:hover img {
    transform: scale(1.03);
}

.about-preview-block .js-reveal {
    visibility: hidden;
}

.site-footer {
    position: relative;
    overflow: hidden;
}

.site-footer__container {
    position: relative;
    z-index: 2;
}

.site-footer__disclaimer::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #38bdf8;
}

.site-footer__trust-logos img {
    filter: brightness(1);
    transition: transform 0.3s ease;
}

.site-footer__trust-link {
    display: flex;
    align-items: center;
    justify-content: center;
}

.site-footer a {
    transition: color 0.3s ease;
}

.js-age-modal.active {
    display: flex;
}

@media (max-width: 767px) {
    .site-footer__trust-logos img {
        max-width: 100px;
    }

    .site-footer__disclaimer {
        padding: 20px;
    }
}

#policy-content-container {
  padding: 40px 20px;
  max-width: 1200px;
  margin: 0 auto;
  font-family: 'Inter', sans-serif;
  color: #f8fafc;
  line-height: 1.6;
}

.privacy-content-wrapper {
  background: rgba(30, 41, 59, 0.4);
  backdrop-filter: blur(12px);
  border-radius: 16px;
  padding: 30px;
  border: 1px solid rgba(56, 189, 248, 0.1);
}

.privacy-header-decoration {
  text-align: center;
  margin-bottom: 30px;
  color: #38bdf8;
  font-size: 24px;
}

#policy-content-container h2 {
  color: #38bdf8;
  font-family: 'Playfair Display', serif;
  font-size: 16px;
  font-weight: 600;
  margin-top: 32px;
  margin-bottom: 16px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

@media (min-width: 768px) {
  #policy-content-container h2 {
    font-size: 32px;
  }
}

#policy-content-container h3 {
  color: #2dd4bf;
  font-size: 14px;
  font-weight: 500;
  margin-top: 24px;
  margin-bottom: 12px;
}

@media (min-width: 768px) {
  #policy-content-container h3 {
    font-size: 26px;
  }
}

#policy-content-container p {
  font-size: 14px;
  margin-bottom: 20px;
  color: #94a3b8;
}

@media (min-width: 768px) {
  #policy-content-container p {
    font-size: 18px;
  }
}

#policy-content-container ul {
  margin-bottom: 24px;
  padding-left: 20px;
  list-style: none;
}

#policy-content-container li {
  position: relative;
  margin-bottom: 12px;
  padding-left: 25px;
  font-size: 14px;
  color: #94a3b8;
}

@media (min-width: 768px) {
  #policy-content-container li {
    font-size: 16px;
  }
}

#policy-content-container li::before {
  content: '\f105';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  left: 0;
  color: #38bdf8;
}

#policy-content-container li.flex::before {
  content: none;
}

#policy-content-container li.flex {
  padding-left: 0;
}

#policy-content-container strong {
  color: #f8fafc;
  font-weight: 600;
}

.last-updated-tag {
  margin-top: 50px;
  padding-top: 20px;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
  text-align: right;
  font-size: 12px;
  color: #38bdf8;
  font-style: italic;
}

.policy-content-container {
  background: #020617;
  color: #f8fafc;
  font-family: 'Inter', sans-serif;
  line-height: 1.6;
}

.policy-content-container .terms-wrapper {
  max-width: 1000px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

.policy-content-container .terms-heading {
  color: #38bdf8;
  font-family: 'Playfair Display', serif;
  font-weight: 600;
  text-transform: capitalize;
  font-size: 16px;
}

@media (min-width: 768px) {
  .policy-content-container .terms-heading {
    font-size: 32px;
  }
}

.policy-content-container .terms-text {
  color: #94a3b8;
  font-size: 14px;
  margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
  .policy-content-container .terms-text {
    font-size: 18px;
  }
}

.policy-content-container .terms-list {
  list-style: none;
  padding-left: 0;
}

.policy-content-container .terms-list-item {
  display: flex;
  align-items: flex-start;
  color: #94a3b8;
  font-size: 14px;
}

@media (min-width: 768px) {
  .policy-content-container .terms-list-item {
    font-size: 16px;
  }
}

.policy-content-container .terms-section {
  position: relative;
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(56, 189, 248, 0.1);
}

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

.policy-content-container { font-family: 'Inter', sans-serif; max-width: 1200px; margin: 0 auto; }
.policy-content-container h2 { font-family: 'Playfair Display', serif; color: #f8fafc; }
.policy-content-container h3 { font-family: 'Playfair Display', serif; border-left: 4px solid #38bdf8; padding-left: 1rem; }
.policy-content-container p { line-height: 1.8; color: #cbd5e1; }
.policy-section { position: relative; transition: transform 0.3s ease; }
.policy-section:hover { transform: translateX(5px); }
.policy-header h2 { text-shadow: 0 4px 10px rgba(0,0,0,0.3); }

#policy-content-container { padding: 40px 20px; max-width: 1200px; margin: 0 auto; color: #f8fafc; font-family: 'Inter', sans-serif; line-height: 1.6; } .policy-article { background: rgba(30, 41, 59, 0.4); backdrop-filter: blur(12px); border: 1px solid rgba(56, 189, 248, 0.1); border-radius: 24px; padding: 30px; } .policy-section { margin-bottom: 40px; } .policy-content-container h1 { font-family: 'Playfair Display', serif; color: #38bdf8; font-size: 18px; margin-bottom: 24px; } @media (min-width: 768px) { .policy-content-container h1 { font-size: 42px; } } .policy-content-container h2 { font-family: 'Playfair Display', serif; color: #38bdf8; font-size: 16px; margin-bottom: 16px; border-bottom: 1px solid rgba(56, 189, 248, 0.2); padding-bottom: 8px; } @media (min-width: 768px) { .policy-content-container h2 { font-size: 32px; } } .policy-content-container h3 { font-family: 'Playfair Display', serif; color: #2dd4bf; font-size: 14px; margin-bottom: 12px; } @media (min-width: 768px) { .policy-content-container h3 { font-size: 26px; } } .policy-content-container p { margin-bottom: 16px; color: #94a3b8; font-size: 14px; } @media (min-width: 768px) { .policy-content-container p { font-size: 16px; } } .cookie-grid { display: grid; grid-template-columns: 1fr; gap: 20px; margin-top: 24px; } @media (min-width: 768px) { .cookie-grid { grid-template-columns: repeat(3, 1fr); } } .cookie-card { background: rgba(15, 23, 42, 0.6); border: 1px solid rgba(56, 189, 248, 0.1); padding: 20px; border-radius: 16px; transition: transform 0.3s ease, border-color 0.3s ease; } .cookie-card:hover { transform: translateY(-5px); border-color: #38bdf8; } .cookie-card h3 { margin-top: 0; } .cookie-card p { margin-bottom: 0; font-size: 13px; }

.policy-content-container { background: #020617; padding: clamp(20px, 5vw, 60px); color: #f8fafc; font-family: 'Inter', sans-serif; min-height: 60vh; line-height: 1.6; } .rgp-wrapper { max-width: 1000px; margin: 0 auto; } .rgp-section { margin-bottom: 3rem; } .rgp-section-title { font-family: 'Playfair Display', serif; } .rgp-section h3 { font-family: 'Playfair Display', serif; border-left: 4px solid #38bdf8; padding-left: 1rem; } .rgp-section ul li i { color: #2dd4bf; transition: transform 0.3s ease; } .rgp-section ul li:hover i { transform: translateX(5px); } .rgp-section div[class*='bg-'] { transition: background 0.3s ease, border-color 0.3s ease; } .rgp-section div[class*='bg-']:hover { background: #1e293b; border-color: #38bdf8; }

.about-section .js-reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s ease-out;
}

.about-section .js-reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

.about-section .pillar-card {
  position: relative;
  overflow: hidden;
}

.about-section .pillar-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, transparent 0%, rgba(56, 189, 248, 0.05) 100%);
  opacity: 0;
  transition: opacity 0.5s ease;
}

.about-section .pillar-card:hover::before {
  opacity: 1;
}

.about-section .about-image-wrapper img {
  transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.about-section .about-image-wrapper:hover img {
  transform: scale(1.02) rotate(1deg);
}

@media (max-width: 767px) {
  .about-section .stat-box span:first-child {
    font-size: 24px;
  }
  .about-section .stat-box span:last-child {
    font-size: 10px;
  }
}

.catalog-grid-section {
  background: radial-gradient(circle at 50% 0%, #0c4a6e 0%, #020617 70%);
}

.catalog-grid-section .catalog-grid-section__search-input::placeholder {
  color: #94a3b8;
  opacity: 0.7;
}

.catalog-grid-section .catalog-grid-section__card {
  backdrop-filter: blur(12px);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
}

.catalog-grid-section .catalog-grid-section__card:hover {
  border-color: rgba(56, 189, 248, 0.5);
  box-shadow: 0 10px 40px rgba(56, 189, 248, 0.15);
}

.catalog-grid-section .catalog-grid-section__main-title {
  text-shadow: 0 2px 10px rgba(56, 189, 248, 0.2);
}

.catalog-grid-section .line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (max-width: 767px) {
  .catalog-grid-section .catalog-grid-section__grid {
    display: flex;
    flex-direction: column;
  }
}

.support-center .support-form-container {
  backdrop-filter: blur(12px);
}

.support-center input::placeholder,
.support-center textarea::placeholder {
  color: #475569;
  opacity: 1;
}

.support-center select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2338bdf8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1.5rem;
}

.support-center input:focus,
.support-center textarea:focus,
.support-center select:focus {
  box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.2);
}

.instructions-section { position: relative; overflow: hidden; }
.instructions-section::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle at 10% 10%, rgba(56, 189, 248, 0.05) 0%, transparent 50%); pointer-events: none; }
.instructions-section .js-faq-item.active .js-faq-content { max-height: 200px; padding-bottom: 1rem; }
.instructions-section .js-faq-item.active .js-faq-trigger i { transform: rotate(180deg); }
.instructions-section .js-faq-trigger:hover { background: rgba(56, 189, 248, 0.05); }
.instructions-section .js-faq-content { transition: max-height 0.3s ease-out, padding 0.3s ease; }

.events-list .js-filter-btn.active {
  background-color: #38bdf8;
  color: #020617;
  border-color: #38bdf8;
}

.events-list .js-event-card {
  transition: transform 0.4s ease, border-color 0.4s ease;
  transform: translateY(0);
}

.events-list .js-event-card:hover {
  transform: translateY(-8px);
  border-color: rgba(56, 189, 248, 0.6);
  box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.5);
}

.events-list .events-list__search input::placeholder {
  color: #94a3b8;
}

.events-list .events-list__search input:focus {
  box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.2);
}

.events-list .hidden {
  display: none !important;
}

.tasks-list-section .js-task-card {
  background: rgba(30, 41, 59, 0.7);
}

.tasks-list-section .active {
  background: rgba(56, 189, 248, 0.2) !important;
  color: #38bdf8 !important;
  border-color: #38bdf8 !important;
}

.tasks-list-section .js-task-card.hidden {
  display: none;
}

@media (max-width: 767px) {
  .tasks-list-section h2 {
    font-size: 18px !important;
  }
  .tasks-list-section h3 {
    font-size: 14px !important;
  }
  .tasks-list-section p {
    font-size: 14px !important;
  }
}

.fishing-comment-main {
    position: relative;
    z-index: 1
}

.avatar-ui {
    flex-shrink: 0;
    transition: transform 0.4s ease;
    user-select: none
}

.fishing-comment-main:hover .avatar-ui {
    transform: scale(1.05) rotate(-3deg)
}

.comment-avatar-img {
    width: 56px;
    height: 56px;
    object-fit: cover;
    border-radius: 9999px;
    border: 2px solid #020617
}

.fishing-comment-reply {
    position: relative
}

.avatar-ui-sm {
    flex-shrink: 0;
    user-select: none
}

.reply-avatar-img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 9999px;
    border: 1px solid #020617
}

.fishing-comment-reply p {
    font-family: 'Inter', sans-serif
}

.header-navigation {
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5);
}

.header-navigation .js-dropdown-trigger i {
    transition: transform 0.3s ease;
}

.header-navigation .js-dropdown-trigger[aria-expanded="true"] i {
    transform: rotate(180deg);
}

.header-navigation .js-mobile-toggle.is-active span:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}

.header-navigation .js-mobile-toggle.is-active span:nth-child(2) {
    opacity: 0;
}

.header-navigation .js-mobile-toggle.is-active span:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
}

.header-navigation .js-mobile-menu {
    height: calc(100vh - 70px);
}

@media (min-width: 1024px) {
    .header-navigation .js-dropdown-content {
        backdrop-filter: blur(12px);
        background: rgba(15, 23, 42, 0.95);
    }
}

.site-footer {
    position: relative;
    overflow: hidden;
}

.site-footer__container {
    position: relative;
    z-index: 2;
}

.site-footer__disclaimer::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #38bdf8;
}

.site-footer__trust-logos img {
    filter: brightness(1);
    transition: transform 0.3s ease;
}

.site-footer__trust-link {
    display: flex;
    align-items: center;
    justify-content: center;
}

.site-footer a {
    transition: color 0.3s ease;
}

.js-age-modal.active {
    display: flex;
}

@media (max-width: 767px) {
    .site-footer__trust-logos img {
        max-width: 100px;
    }

    .site-footer__disclaimer {
        padding: 20px;
    }
}

.games-detail-block .js-game-iframe:-webkit-full-screen {
    width: 100%;
    height: 100%;
}

.games-detail-block .js-game-iframe:-ms-fullscreen {
    width: 100%;
    height: 100%;
}

.games-detail-block .js-game-iframe:fullscreen {
    width: 100%;
    height: 100%;
}

.games-detail-block .fishing-comment-reply {
    margin-left: 2rem;
    border-left: 1px solid rgba(56, 189, 248, 0.2);
    padding-left: 1rem;
}

.ag-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(2, 6, 23, 0.95);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.ag-box {
  background: #0f172a;
  border: 1px solid rgba(56, 189, 248, 0.3);
  border-radius: 20px;
  max-width: 480px;
  width: 100%;
  padding: 36px 28px;
  text-align: center;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.8), 0 0 30px rgba(56, 189, 248, 0.15);
  color: #f8fafc;
  font-family: 'Inter', sans-serif;
  animation: agPopIn 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@keyframes agPopIn {
  from { opacity: 0; transform: scale(0.9) translateY(20px); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}

.ag-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 3px solid #38bdf8;
  color: #38bdf8;
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 20px;
  background: rgba(56, 189, 248, 0.1);
  box-shadow: 0 0 20px rgba(56, 189, 248, 0.2);
}

.ag-q {
  font-family: 'Playfair Display', serif;
  font-size: 26px;
  font-weight: 700;
  color: #f8fafc;
  margin-bottom: 12px;
}

.ag-note {
  font-size: 14px;
  line-height: 1.6;
  color: #94a3b8;
  margin-bottom: 24px;
}

.ag-actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 20px;
}

@media (min-width: 480px) {
  .ag-actions {
    flex-direction: row;
  }
}

.ag-btn {
  flex: 1;
  padding: 14px 20px;
  border-radius: 12px;
  font-weight: 700;
  font-size: 15px;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
}

.ag-btn-yes {
  background: linear-gradient(135deg, #38bdf8 0%, #2dd4bf 100%);
  color: #020617;
  box-shadow: 0 4px 15px rgba(56, 189, 248, 0.4);
}

.ag-btn-yes:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(56, 189, 248, 0.6);
}

.ag-btn-no {
  background: rgba(30, 41, 59, 0.8);
  color: #94a3b8;
  border: 1px solid rgba(148, 163, 184, 0.3);
}

.ag-btn-no:hover {
  background: rgba(51, 65, 85, 1);
  color: #f8fafc;
}

.ag-legal {
  font-size: 12px;
  color: #64748b;
  margin-top: 16px;
}

.ag-legal a {
  color: #38bdf8;
  text-decoration: underline;
}

.rg-footer {
  background-color: #020617;
  border-top: 1px solid rgba(56, 189, 248, 0.2);
  color: #94a3b8;
  padding: 48px 24px 36px 24px;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  line-height: 1.7;
}

.rg-inner {
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
}

.rg-age {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 2px solid #38bdf8;
  color: #38bdf8;
  font-weight: 800;
  font-size: 18px;
  margin-bottom: 16px;
  background: rgba(56, 189, 248, 0.08);
}

.rg-title {
  font-family: 'Playfair Display', serif;
  font-size: 22px;
  font-weight: 700;
  color: #f8fafc;
  margin-bottom: 12px;
}

.rg-body {
  max-width: 860px;
  margin: 0 auto 20px auto;
  color: #94a3b8;
  font-size: 13px;
  line-height: 1.7;
}

.rg-body strong {
  color: #f8fafc;
}

.rg-help {
  background: rgba(15, 23, 42, 0.6);
  border: 1px solid rgba(56, 189, 248, 0.15);
  border-radius: 12px;
  padding: 16px 20px;
  max-width: 860px;
  margin: 0 auto 24px auto;
  font-size: 13px;
  color: #cbd5e1;
}

.rg-help a {
  color: #38bdf8;
  text-decoration: underline;
}

.rg-help a:hover {
  color: #7dd3fc;
}

.rg-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px 16px;
  margin-bottom: 24px;
  font-weight: 600;
}

.rg-links a {
  color: #f8fafc;
  text-decoration: none;
  transition: color 0.2s ease;
}

.rg-links a:hover {
  color: #38bdf8;
}

.rg-sep {
  color: #475569;
}

.rg-legal {
  font-size: 12px;
  color: #64748b;
  margin-top: 16px;
}

html, body {
    overflow-x: hidden;
    width: 100%;
    max-width: 100vw;
}

h1, h2, h3, h4, h5, h6, p, a, span {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

@media (max-width: 359px) {
    .header-navigation span.font-serif {
        font-size: 14px !important;
        letter-spacing: normal !important;
    }
    .header-navigation .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .header-navigation .gap-4 {
        gap: 8px !important;
    }
    h1 {
        font-size: 26px !important;
    }
    .game-specs-grid {
        padding: 16px !important;
        gap: 16px !important;
    }
}

/* === Extracted Inline Styles === */
.sfi-flex-92cbdd { min-height:45vh;position:relative;display:flex;align-items:flex-end;overflow:hidden;padding-top:110px; }
.sfi-pos-d5317a { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(0.25) saturate(1.3); }
.sfi-surface-44246b { position:absolute;inset:0;background:linear-gradient(to top,#020617 30%,rgba(2,6,23,0.2) 80%); }
.sfi-surface-9c1c47 { position:absolute;inset:0;background:linear-gradient(135deg,rgba(251,191,36,0.12) 0%,transparent 60%); }
.sfi-el-93a55b { padding-bottom:60px; }
.sfi-el-305d11 { color:#94a3b8;text-decoration:none;transition:color 0.2s; }
.sfi-el-49f064 { font-size:10px; }
.sfi-el-4a2ad6 { max-width:700px; }
.sfi-heading-48f53f { font-family:'Playfair Display',serif;font-size:clamp(1.8rem,4vw,3.5rem);font-weight:700;color:#f8fafc;line-height:1.1;margin-bottom:12px; }
.sfi-layout-19a25f { color:rgba(248,250,252,0.6);font-size:1rem;line-height:1.6; }
.sfi-el-9f2383 { padding-top:72px; }
.sfi-el-20af71 { margin:0 0 12px 0; font-size:18px; font-weight:600; color:#38bdf8; }
.sfi-layout-7ed44a { font-size:14px; line-height:1.5; color:#94a3b8; margin-bottom:20px; }
.sfi-box-0987fe { flex:1; background:#38bdf8; color:#020617; border:none; padding:10px; border-radius:6px; font-weight:600; cursor:pointer; }
.sfi-box-c0ed09 { flex:1; background:transparent; border:1px solid #38bdf8; color:#38bdf8; padding:10px; border-radius:6px; font-weight:600; cursor:pointer; }
.sfi-space-5cf6d8 { margin-top:0; font-size:24px; color:#38bdf8; }
.sfi-text-d7b96e { font-size:12px; color:#94a3b8; }
.sfi-space-aa6339 { font-size:12px; color:#94a3b8; margin-bottom:24px; }
.sfi-el-5fb109 { color:#38bdf8; text-decoration:underline; }
.sfi-box-059878 { width:100%; background:#38bdf8; color:#020617; border:none; padding:12px; border-radius:6px; font-weight:700; cursor:pointer; }
.sfi-flex-d541a7 { min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden;padding-top:110px; }
.sfi-pos-091a23 { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(0.22) saturate(0.9) sepia(0.15); }
.sfi-surface-7ba32e { position:absolute;inset:0;background:linear-gradient(120deg,rgba(5,15,8,0.97) 0%,rgba(5,15,8,0.75) 45%,rgba(5,15,8,0.55) 70%,rgba(5,15,8,0.85) 100%); }
.sfi-surface-5fc3e7 { position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(180,140,60,0.6),transparent); }
.sfi-surface-f3a57f { position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(180,140,60,0.3),transparent); }
.sfi-pos-89d020 { position:absolute;top:25%;right:5%;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(45,90,45,0.35) 0%,transparent 70%);pointer-events:none; }
.sfi-surface-c4722e { width:32px;height:1px;background:rgba(180,140,60,0.8); }
.sfi-heading-99d632 { font-size:11px;font-weight:700;letter-spacing:0.25em;text-transform:uppercase;color:rgba(200,160,70,0.9); }
.sfi-heading-3b0af7 { font-family:'Playfair Display',serif;font-size:clamp(2.4rem,5.5vw,4.2rem);font-weight:700;color:#f5f0e8;line-height:1.08;letter-spacing:-0.01em;margin-bottom:24px; }
.sfi-text-f52d10 { font-style:italic;color:#c8a046; }
.sfi-layout-1ec43d { font-size:1.05rem;color:rgba(220,210,190,0.75);line-height:1.75;margin-bottom:36px;max-width:480px;font-weight:400; }
.sfi-surface-d12a10 { display:inline-flex;align-items:center;gap:10px;padding:15px 36px;background:linear-gradient(135deg,#b8860b,#c8a046,#a0721e);color:#0a120a;font-weight:800;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;border-radius:4px;text-decoration:none;box-shadow:0 8px 24px rgba(180,140,30,0.3);transition:all 0.3s; }
.sfi-el-643a7c { font-size:11px; }
.sfi-box-331117 { display:inline-flex;align-items:center;gap:10px;padding:15px 32px;background:transparent;color:rgba(200,160,70,0.9);border:1px solid rgba(180,140,60,0.5);font-weight:600;font-size:13px;letter-spacing:0.1em;text-transform:uppercase;border-radius:4px;text-decoration:none;transition:all 0.3s; }
.sfi-el-fd2d0c { color:rgba(200,160,70,0.8);font-size:13px; }
.sfi-el-06d21a { color:rgba(200,160,70,0.75);font-size:12px;margin:0;letter-spacing:0.03em; }
.sfi-el-4cb8ce { position:relative; }
.sfi-el-332018 { position:relative;border-radius:2px;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,0.6); }
.sfi-layout-9d037e { width:100%;height:480px;object-fit:cover;display:block;filter:brightness(0.85) saturate(1.1); }
.sfi-surface-3d1fae { position:absolute;inset:0;background:linear-gradient(to top,rgba(5,15,8,0.8) 0%,rgba(5,15,8,0.1) 60%,transparent 100%); }
.sfi-surface-dd4607 { position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(180,140,60,0.8),transparent); }
.sfi-pos-52c481 { position:absolute;bottom:24px;left:24px;right:24px; }
.sfi-surface-60f90c { background:rgba(5,15,8,0.85);border:1px solid rgba(180,140,60,0.25);border-radius:2px;padding:14px 10px;text-align:center;backdrop-filter:blur(8px); }
.sfi-layout-29ba2b { font-size:1.5rem;font-weight:800;color:#c8a046;line-height:1; }
.sfi-el-1c6524 { font-size:10px;color:rgba(220,210,190,0.6);text-transform:uppercase;letter-spacing:0.1em;margin-top:4px; }
.sfi-surface-ff8b13 { position:absolute;top:-16px;right:-16px;width:64px;height:64px;background:linear-gradient(135deg,#b8860b,#c8a046);border-radius:2px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(180,140,30,0.4); }
.sfi-text-154271 { color:#0a120a;font-size:22px; }
.sfi-surface-7ed934 { background:linear-gradient(90deg,#070f08 0%,#0e1a0e 50%,#070f08 100%);border-top:1px solid rgba(180,140,60,0.2);border-bottom:1px solid rgba(180,140,60,0.2); }
.sfi-el-228f4c { padding:24px 20px;text-align:center;border-right:1px solid rgba(180,140,60,0.15); }
.sfi-el-0adf22 { font-size:1.6rem;font-weight:800;color:#38bdf8; }
.sfi-el-4e98f3 { font-size:12px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;margin-top:4px; }
.sfi-el-d7dbe5 { font-size:1.6rem;font-weight:800;color:#2dd4bf; }
.sfi-el-333ff2 { font-size:1.6rem;font-weight:800;color:#fbbf24; }
.sfi-el-1e1663 { padding:24px 20px;text-align:center; }
.sfi-surface-0b7662 { padding:100px 0;background:linear-gradient(180deg,#020617 0%,#0a1628 50%,#020617 100%);position:relative;overflow:hidden; }
.sfi-pos-a408c2 { position:absolute;top:0;left:0;right:0;bottom:0;background-image:url('resources/pictures/pics/fishing-slots-background.webp');background-size:cover;background-position:center;opacity:0.04; }
.sfi-space-cb2fce { text-align:center;max-width:700px;margin:0 auto 64px; }
.sfi-heading-cc31a6 { display:inline-block;padding:4px 16px;border-radius:999px;background:rgba(56,189,248,0.1);border:1px solid rgba(56,189,248,0.3);color:#38bdf8;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.15em;margin-bottom:16px; }
.sfi-heading-06d0e7 { font-family:'Playfair Display',serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:700;color:#f8fafc;margin-bottom:16px; }
.sfi-layout-dcd9b6 { color:#94a3b8;font-size:1rem;line-height:1.7; }
.sfi-surface-b099e1 { background:rgba(15,23,42,0.6);backdrop-filter:blur(12px);border:1px solid rgba(56,189,248,0.15);border-radius:20px;padding:32px;transition:all 0.4s;position:relative;overflow:hidden; }
.sfi-surface-3e0cc1 { position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#38bdf8,#2dd4bf); }
.sfi-surface-448ae0 { width:56px;height:56px;background:linear-gradient(135deg,rgba(56,189,248,0.2),rgba(56,189,248,0.05));border:1px solid rgba(56,189,248,0.3);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px; }
.sfi-text-9bb580 { color:#38bdf8;font-size:22px; }
.sfi-heading-4b1d08 { color:#f8fafc;font-size:1.1rem;font-weight:700;margin-bottom:10px; }
.sfi-layout-a01ac2 { color:#94a3b8;font-size:0.9rem;line-height:1.6; }
.sfi-surface-dc18a3 { background:rgba(15,23,42,0.6);backdrop-filter:blur(12px);border:1px solid rgba(45,212,191,0.15);border-radius:20px;padding:32px;transition:all 0.4s;position:relative;overflow:hidden; }
.sfi-surface-ae44cb { position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#2dd4bf,#38bdf8); }
.sfi-surface-8a6a07 { width:56px;height:56px;background:linear-gradient(135deg,rgba(45,212,191,0.2),rgba(45,212,191,0.05));border:1px solid rgba(45,212,191,0.3);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px; }
.sfi-text-d8ddfe { color:#2dd4bf;font-size:22px; }
.sfi-surface-473878 { background:rgba(15,23,42,0.6);backdrop-filter:blur(12px);border:1px solid rgba(251,191,36,0.15);border-radius:20px;padding:32px;transition:all 0.4s;position:relative;overflow:hidden; }
.sfi-surface-6b7551 { position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#fbbf24,#f59e0b); }
.sfi-surface-740a43 { width:56px;height:56px;background:linear-gradient(135deg,rgba(251,191,36,0.2),rgba(251,191,36,0.05));border:1px solid rgba(251,191,36,0.3);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px; }
.sfi-text-6ccd6e { color:#fbbf24;font-size:22px; }
.sfi-el-03d6ab { background-image:url('resources/pictures/pics/secret-fortune-island-hero-bg.webp');background-position:center;background-size:cover; }
.sfi-surface-f47ff5 { padding:100px 0;background:linear-gradient(180deg,#020617 0%,#060f1e 100%); }
.sfi-space-59bdda { text-align:center;margin-bottom:64px; }
.sfi-heading-18b9a7 { display:inline-block;padding:4px 16px;border-radius:999px;background:rgba(45,212,191,0.1);border:1px solid rgba(45,212,191,0.3);color:#2dd4bf;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.15em;margin-bottom:16px; }
.sfi-heading-372f70 { font-family:'Playfair Display',serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:700;color:#f8fafc;margin-bottom:0; }
.sfi-el-a325db { gap:2px;border-radius:20px;overflow:hidden;margin-bottom:80px; }
.sfi-surface-a356c8 { background:rgba(15,23,42,0.8);border:1px solid rgba(56,189,248,0.12);padding:40px 30px;text-align:center; }
.sfi-el-05d6fa { font-size:2rem;color:#38bdf8;margin-bottom:16px;display:block; }
.sfi-heading-224847 { color:#f8fafc;font-size:1rem;font-weight:700;margin-bottom:8px; }
.sfi-layout-ee4871 { color:#94a3b8;font-size:0.875rem;line-height:1.6; }
.sfi-surface-e4a979 { background:rgba(56,189,248,0.06);border:1px solid rgba(56,189,248,0.2);padding:40px 30px;text-align:center; }
.sfi-el-3c6c0a { font-size:2rem;color:#fbbf24;margin-bottom:16px;display:block; }
.sfi-el-fec86e { font-size:2rem;color:#2dd4bf;margin-bottom:16px;display:block; }
.sfi-el-478839 { gap:60px;align-items:center; }
.sfi-el-e61838 { border-radius:24px;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,0.5);position:relative; }
.sfi-layout-e727f9 { width:100%;height:420px;object-fit:cover;display:block; }
.sfi-surface-57dc61 { position:absolute;inset:0;background:linear-gradient(to top,rgba(2,6,23,0.7) 0%,transparent 50%); }
.sfi-heading-ae4a39 { display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:rgba(251,191,36,0.2);border:1px solid rgba(251,191,36,0.4);border-radius:999px;color:#fbbf24;font-size:12px;font-weight:700; }
.sfi-surface-283591 { position:absolute;top:-20px;right:-20px;width:80px;height:80px;background:linear-gradient(135deg,#38bdf8,#2dd4bf);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(56,189,248,0.4); }
.sfi-text-a3eb47 { color:#020617;font-size:28px; }
.sfi-heading-f02ba2 { color:#38bdf8;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.15em;margin-bottom:12px; }
.sfi-heading-c96e3a { font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;color:#f8fafc;line-height:1.2;margin-bottom:20px; }
.sfi-layout-9a92d8 { color:#94a3b8;font-size:1rem;line-height:1.7;margin-bottom:20px; }
.sfi-layout-1b108d { color:#94a3b8;font-size:1rem;line-height:1.7;margin-bottom:32px; }
.sfi-heading-17fd17 { display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(90deg,#38bdf8,#2dd4bf);color:#020617;border-radius:999px;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:0.08em;text-decoration:none;transition:transform 0.3s; }
.sfi-box-53a27a { display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:transparent;color:#94a3b8;border:1px solid rgba(148,163,184,0.3);border-radius:999px;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:0.08em;text-decoration:none;transition:all 0.3s; }
.sfi-surface-2ba0d3 { padding:60px 0;background:linear-gradient(90deg,#0c4a6e 0%,#164e63 50%,#0c4a6e 100%);position:relative;overflow:hidden; }
.sfi-pos-366367 { position:absolute;top:50%;left:10%;transform:translateY(-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(56,189,248,0.2) 0%,transparent 70%);border-radius:50%; }
.sfi-pos-a0c526 { position:absolute;top:50%;right:10%;transform:translateY(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(45,212,191,0.15) 0%,transparent 70%);border-radius:50%; }
.sfi-el-539b04 { text-align:center; }
.sfi-heading-0f2f25 { font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:700;color:#f8fafc;margin-bottom:12px; }
.sfi-el-a7727e { color:rgba(248,250,252,0.7);font-size:1rem;margin-bottom:28px;max-width:500px;margin-left:auto;margin-right:auto; }
.sfi-box-10c125 { display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:#f8fafc;color:#020617;border-radius:999px;font-weight:800;font-size:15px;text-transform:uppercase;letter-spacing:0.08em;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,0.3);transition:transform 0.3s; }
.sfi-surface-162763 { position:absolute;inset:0;background:linear-gradient(135deg,rgba(45,212,191,0.12) 0%,transparent 60%); }
.sfi-flex-80370c { min-height:60vh;position:relative;display:flex;align-items:flex-end;overflow:hidden;padding-top:110px; }
.sfi-pos-50aa03 { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(0.3) saturate(1.4); }
.sfi-surface-811ec3 { position:absolute;inset:0;background:linear-gradient(to top,#020617 20%,rgba(2,6,23,0.4) 80%,transparent 100%); }
.sfi-surface-b405b8 { position:absolute;inset:0;background:linear-gradient(135deg,rgba(56,189,248,0.15) 0%,transparent 50%); }
.sfi-el-b49686 { padding-bottom:80px; }
.sfi-el-947894 { max-width:800px; }
.sfi-heading-7fe848 { display:inline-block;padding:4px 16px;border-radius:999px;background:rgba(56,189,248,0.15);border:1px solid rgba(56,189,248,0.4);color:#38bdf8;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.15em;margin-bottom:16px; }
.sfi-heading-ac10be { font-family:'Playfair Display',serif;font-size:clamp(2rem,5vw,4rem);font-weight:700;color:#f8fafc;line-height:1.1;margin-bottom:16px; }
.sfi-surface-fbc7ba { background:linear-gradient(90deg,#38bdf8,#2dd4bf);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
.sfi-layout-c23bcc { color:rgba(248,250,252,0.7);font-size:1.1rem;line-height:1.7;max-width:600px; }
.sfi-el-79c05f { padding:80px 0;background:#020617; }
.sfi-el-38fff7 { max-width:1100px; }
.sfi-heading-bfe6bb { font-family:'Playfair Display',serif;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;color:#f8fafc;margin-bottom:20px; }
.sfi-layout-587a99 { color:#94a3b8;font-size:1rem;line-height:1.7;margin-bottom:16px; }
.sfi-layout-cd42d3 { color:#94a3b8;font-size:1rem;line-height:1.7;margin-bottom:24px; }
.sfi-surface-ec5f13 { background:rgba(56,189,248,0.06);border:1px solid rgba(56,189,248,0.15);border-radius:12px;padding:16px;text-align:center; }
.sfi-el-ffcae4 { font-size:1.8rem;font-weight:800;color:#38bdf8; }
.sfi-el-caea3e { font-size:12px;color:#94a3b8;font-weight:600;text-transform:uppercase;margin-top:4px; }
.sfi-surface-96d392 { background:rgba(45,212,191,0.06);border:1px solid rgba(45,212,191,0.15);border-radius:12px;padding:16px;text-align:center; }
.sfi-el-b13d77 { font-size:1.8rem;font-weight:800;color:#2dd4bf; }
.sfi-layout-83fed3 { width:100%;border-radius:20px;box-shadow:0 30px 60px rgba(0,0,0,0.5); }
.sfi-surface-bcfc79 { position:absolute;top:-16px;right:-16px;width:72px;height:72px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(251,191,36,0.4); }
.sfi-text-e6fc14 { color:#020617;font-size:24px; }
.sfi-surface-1b456d { background:linear-gradient(135deg,rgba(15,23,42,0.8),rgba(15,23,42,0.4));border:1px solid rgba(56,189,248,0.15);border-radius:24px;padding:48px;margin-bottom:60px;position:relative;overflow:hidden; }
.sfi-surface-2f6e3d { position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#38bdf8,#2dd4bf,#fbbf24); }
.sfi-heading-155af4 { font-family:'Playfair Display',serif;font-size:clamp(1.4rem,2.5vw,2rem);font-weight:700;color:#f8fafc;margin-bottom:32px;text-align:center; }
.sfi-surface-605a38 { width:60px;height:60px;background:linear-gradient(135deg,rgba(56,189,248,0.2),rgba(56,189,248,0.05));border:1px solid rgba(56,189,248,0.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px; }
.sfi-text-227ed3 { color:#38bdf8;font-size:20px; }
.sfi-surface-2a70a0 { width:60px;height:60px;background:linear-gradient(135deg,rgba(251,191,36,0.2),rgba(251,191,36,0.05));border:1px solid rgba(251,191,36,0.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px; }
.sfi-text-60454b { color:#fbbf24;font-size:20px; }
.sfi-surface-77218a { width:60px;height:60px;background:linear-gradient(135deg,rgba(45,212,191,0.2),rgba(45,212,191,0.05));border:1px solid rgba(45,212,191,0.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px; }
.sfi-text-37dab4 { color:#2dd4bf;font-size:20px; }
.sfi-surface-09886a { background:rgba(56,189,248,0.05);border:1px solid rgba(56,189,248,0.15);border-radius:16px;padding:32px; }
.sfi-space-fbd00c { color:#fbbf24;font-size:13px;text-align:center;margin:0; }
.sfi-space-71f207 { margin-right:8px; }
.sfi-surface-bf7d01 { position:absolute;inset:0;background:linear-gradient(135deg,rgba(56,189,248,0.12) 0%,transparent 60%); }
.sfi-flex-907a73 { min-height:50vh;position:relative;display:flex;align-items:flex-end;overflow:hidden;padding-top:110px; }
.sfi-pos-7a84e7 { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(0.3) saturate(1.2); }
.sfi-surface-bea50b { position:absolute;inset:0;background:linear-gradient(to top,#020617 25%,rgba(2,6,23,0.3) 80%); }
.sfi-surface-28eda2 { position:absolute;inset:0;background:linear-gradient(135deg,rgba(45,212,191,0.1) 0%,transparent 60%); }
.sfi-el-a26cb2 { padding-bottom:70px; }
.sfi-heading-34b949 { display:inline-block;padding:4px 16px;border-radius:999px;background:rgba(45,212,191,0.15);border:1px solid rgba(45,212,191,0.4);color:#2dd4bf;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.15em;margin-bottom:16px; }
.sfi-heading-fb00ed { font-family:'Playfair Display',serif;font-size:clamp(2rem,5vw,3.8rem);font-weight:700;color:#f8fafc;line-height:1.1;margin-bottom:16px; }
.sfi-layout-cfd24c { color:rgba(248,250,252,0.7);font-size:1rem;line-height:1.7; }
.sfi-el-6bb8b4 { max-width:900px; }
.sfi-font-51ec9e { font-family:'Playfair Display',serif;font-size:1.8rem;color:#f8fafc;margin-bottom:32px;text-align:center; }
.sfi-surface-9a4b72 { background:rgba(15,23,42,0.7);border:1px solid rgba(56,189,248,0.15);border-radius:14px;padding:24px;cursor:pointer; }
.sfi-heading-257e3c { color:#f8fafc;font-size:1rem;font-weight:700;margin:0; }
.sfi-surface-c8397b { background:rgba(15,23,42,0.7);border:1px solid rgba(56,189,248,0.2);border-radius:20px;padding:40px;text-align:center; }
.sfi-el-fae3ad { font-size:2.5rem;color:#38bdf8;margin-bottom:16px;display:block; }
.sfi-font-e84cf4 { font-family:'Playfair Display',serif;font-size:1.4rem;color:#f8fafc;margin-bottom:10px; }
.sfi-space-ecf870 { color:#94a3b8;margin-bottom:24px;font-size:0.95rem; }
.sfi-surface-1eb623 { display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:linear-gradient(90deg,#38bdf8,#2dd4bf);color:#020617;border-radius:999px;font-weight:800;font-size:14px;text-transform:uppercase;text-decoration:none; }
.sfi-pos-f3a29f { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(0.3) saturate(1.3); }
.sfi-surface-e4cedc { background:rgba(15,23,42,0.7);border:1px solid rgba(56,189,248,0.2);border-radius:16px;padding:24px; }
.sfi-surface-9e67a0 { width:44px;height:44px;background:linear-gradient(135deg,rgba(56,189,248,0.2),rgba(56,189,248,0.05));border:1px solid rgba(56,189,248,0.3);border-radius:12px;display:flex;align-items:center;justify-content:center; }
.sfi-text-e6ecfa { color:#38bdf8;font-size:18px; }
.sfi-heading-b6b171 { padding:3px 10px;background:rgba(56,189,248,0.15);color:#38bdf8;border-radius:999px;font-size:11px;font-weight:700; }
.sfi-heading-6543ea { color:#f8fafc;font-size:1rem;font-weight:700;margin-bottom:6px; }
.sfi-layout-da0c0f { color:#94a3b8;font-size:0.875rem;line-height:1.5;margin-bottom:16px; }
.sfi-surface-af986b { background:rgba(56,189,248,0.05);border-radius:8px;padding:8px 12px;font-size:12px;color:#94a3b8; }
.sfi-text-a57c9f { color:#38bdf8;margin-right:6px; }
.sfi-surface-4bae0f { background:rgba(15,23,42,0.7);border:1px solid rgba(251,191,36,0.2);border-radius:16px;padding:24px; }
.sfi-surface-1ac4ad { width:44px;height:44px;background:linear-gradient(135deg,rgba(251,191,36,0.2),rgba(251,191,36,0.05));border:1px solid rgba(251,191,36,0.3);border-radius:12px;display:flex;align-items:center;justify-content:center; }
.sfi-text-6a1bb3 { color:#fbbf24;font-size:18px; }
.sfi-heading-d22f48 { padding:3px 10px;background:rgba(251,191,36,0.15);color:#fbbf24;border-radius:999px;font-size:11px;font-weight:700; }
.sfi-surface-ecf835 { background:rgba(251,191,36,0.05);border-radius:8px;padding:8px 12px;font-size:12px;color:#94a3b8; }
.sfi-text-2c8e08 { color:#fbbf24;margin-right:6px; }
.sfi-surface-b9de44 { background:rgba(15,23,42,0.7);border:1px solid rgba(45,212,191,0.2);border-radius:16px;padding:24px; }
.sfi-surface-323d99 { width:44px;height:44px;background:linear-gradient(135deg,rgba(45,212,191,0.2),rgba(45,212,191,0.05));border:1px solid rgba(45,212,191,0.3);border-radius:12px;display:flex;align-items:center;justify-content:center; }
.sfi-text-303001 { color:#2dd4bf;font-size:18px; }
.sfi-heading-1e9c39 { padding:3px 10px;background:rgba(45,212,191,0.15);color:#2dd4bf;border-radius:999px;font-size:11px;font-weight:700; }
.sfi-surface-a7d7f0 { background:rgba(45,212,191,0.05);border-radius:8px;padding:8px 12px;font-size:12px;color:#94a3b8; }
.sfi-text-593cc6 { color:#2dd4bf;margin-right:6px; }
.sfi-surface-8b4b96 { background:rgba(56,189,248,0.05);border:1px solid rgba(56,189,248,0.15);border-radius:16px;padding:24px;text-align:center; }
.sfi-space-925b10 { color:#94a3b8;font-size:0.9rem;margin:0; }
.sfi-text-0cb811 { color:#38bdf8;margin-right:8px; }
.sfi-el-6faa87 { position:relative;padding:160px 0 80px;overflow:hidden; }
.sfi-pos-db4e49 { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(0.2) saturate(0.8) sepia(0.2); }
.sfi-surface-4ca555 { position:absolute;inset:0;background:linear-gradient(135deg,rgba(5,15,8,0.98) 0%,rgba(5,15,8,0.7) 50%,rgba(5,15,8,0.9) 100%); }
.sfi-surface-6f5fdf { position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(180,140,60,0.5),transparent); }
.sfi-surface-811364 { position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(180,140,60,0.2),transparent); }
.sfi-surface-e4e17a { width:48px;height:1px;background:rgba(180,140,60,0.7); }
.sfi-heading-1ba328 { font-size:11px;font-weight:700;letter-spacing:0.25em;text-transform:uppercase;color:rgba(200,160,70,0.85); }
.sfi-heading-8d9d3f { font-family:'Playfair Display',serif;font-size:clamp(2.2rem,5vw,4rem);font-weight:700;color:#f5f0e8;line-height:1.1;margin-bottom:16px; }
.sfi-text-a6154c { color:#c8a046;font-style:italic; }
.sfi-layout-e750ad { font-size:1rem;color:rgba(220,210,190,0.65);max-width:560px;margin:0 auto;line-height:1.7; }
.sfi-surface-1d478c { position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#38bdf8,#2dd4bf); }
.sfi-surface-d941fe { flex-shrink:0;width:56px;height:56px;background:linear-gradient(135deg,#38bdf8,#2dd4bf);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;color:#020617; }
.sfi-heading-6828c1 { color:#f8fafc;font-size:1.1rem;font-weight:700;margin-bottom:8px; }
.sfi-surface-2ed84a { position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#fbbf24,#f59e0b); }
.sfi-surface-7cfe63 { flex-shrink:0;width:56px;height:56px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;color:#020617; }
.sfi-surface-b7153a { position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#2dd4bf,#38bdf8); }
.sfi-surface-f582ef { flex-shrink:0;width:56px;height:56px;background:linear-gradient(135deg,#2dd4bf,#38bdf8);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;color:#020617; }
.sfi-surface-0b5aa4 { background:rgba(251,191,36,0.05);border:2px solid rgba(251,191,36,0.2);border-radius:20px;padding:32px; }
.sfi-heading-8a5e08 { color:#fbbf24;font-size:1.1rem;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:8px; }
.sfi-space-de68ba { color:#94a3b8;font-size:0.9rem;line-height:1.6;margin:0; }
.sfi-flex-f34f25 { min-height:55vh;position:relative;display:flex;align-items:flex-end;overflow:hidden;padding-top:110px; }
.sfi-heading-596798 { display:inline-block;padding:4px 16px;border-radius:999px;background:rgba(251,191,36,0.15);border:1px solid rgba(251,191,36,0.4);color:#fbbf24;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.15em;margin-bottom:16px; }
.sfi-surface-86e4a1 { background:rgba(15,23,42,0.7);border:1px solid rgba(251,191,36,0.2);border-radius:20px;overflow:hidden;position:relative; }
.sfi-surface-0e4a9c { background:linear-gradient(135deg,rgba(251,191,36,0.15),rgba(251,191,36,0.03));padding:28px; }
.sfi-box-1770dd { padding:4px 12px;background:#fbbf24;color:#020617;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase; }
.sfi-text-aba5d6 { color:#94a3b8;font-size:13px; }
.sfi-font-a5ed8a { font-family:'Playfair Display',serif;font-size:1.4rem;color:#f8fafc;margin-bottom:8px; }
.sfi-layout-daf4c4 { color:#94a3b8;font-size:0.9rem;line-height:1.6;margin-bottom:20px; }
.sfi-surface-3336ce { background:rgba(15,23,42,0.7);border:1px solid rgba(56,189,248,0.2);border-radius:20px;overflow:hidden; }
.sfi-surface-3b70ae { background:linear-gradient(135deg,rgba(56,189,248,0.1),rgba(56,189,248,0.02));padding:28px; }
.sfi-surface-b69928 { padding:4px 12px;background:rgba(56,189,248,0.2);color:#38bdf8;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase;border:1px solid rgba(56,189,248,0.4); }
.sfi-surface-6fba45 { background:rgba(15,23,42,0.7);border:1px solid rgba(45,212,191,0.2);border-radius:20px;overflow:hidden; }
.sfi-surface-91a38c { background:linear-gradient(135deg,rgba(45,212,191,0.1),rgba(45,212,191,0.02));padding:28px; }
.sfi-surface-f589cb { padding:4px 12px;background:rgba(45,212,191,0.2);color:#2dd4bf;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase;border:1px solid rgba(45,212,191,0.4); }
.sfi-surface-f2597a { background:rgba(15,23,42,0.6);border:1px solid rgba(56,189,248,0.15);border-radius:20px;padding:40px;text-align:center; }
.sfi-font-762eb7 { font-family:'Playfair Display',serif;font-size:1.6rem;color:#f8fafc;margin-bottom:12px; }
.sfi-space-a7b759 { color:#94a3b8;font-size:0.95rem;margin-bottom:24px; }
.sfi-text-edcf0e { color:#94a3b8;text-decoration:none; }
.sfi-el-d20ecb { background-image:url('../resources/pictures/pics/secret-fortune-island-hero-bg.webp');background-position:center;background-size:cover; }
/* === Cookie Consent Manager === */
.ccm-banner {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    max-width: 400px;
    width: calc(100% - 40px);
    background: #0f172a;
    border: 1px solid rgba(56,189,248,0.3);
    padding: 24px;
    border-radius: 12px;
    box-shadow: 0 20px 25px -5px rgba(0,0,0,0.5);
    z-index: 9999;
    color: #f8fafc;
    font-family: 'Inter', sans-serif;
}
.ccm-banner.is-visible { display: block; }

@media (max-width: 767px) {
    .ccm-banner.is-visible {
        right: 0;
        bottom: 0;
        width: 100%;
        max-width: none;
        border-radius: 0;
    }
}

#cookieConsentManager-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(2,6,23,0.85); backdrop-filter: blur(4px); z-index: 9998; }
#cookieConsentManager-overlay.is-visible { display: block; }

#cookieConsentManager-modal { display: none; }
#cookieConsentManager-modal.is-visible { display: block; }

body.no-scroll { overflow: hidden; }