:root {
--primary-dark: #0F0A0A;
  --accent-cyan: #2292A4;
--light-cream: #F5EFED;
  --accent-orange: #D96C06;
  --dark-var1: #151111;
    --cyan-var1: #1f8594;
  --cream-var1: #ede6e4;
    --orange-var1: #c76305;
}

*     {
    margin: 0; 
	  padding: 0; 
	   box-sizing: border-box;
}

body {
  font-family: 'Manrope', sans-serif;
  background: linear-gradient(135deg, var(--primary-dark) 0%, var(--dark-var1) 100%);
  color: var(--light-cream);
	line-height: 1.6;
}

.site-navbar {
   margin-bottom: 0px;
  z-index: 1999;
   position: absolute;
  top:        0;
    width: 100%;
    padding: 1.1rem;
  background: rgba(15, 10, 10, 0.95);
  box-shadow: 0 4px 20px rgba(34, 146, 164, 0.3);
}

.container {
    max-width: 1400px;
  margin: 0 auto;
   padding-left: 5%;
   padding-right: 5%;
}

.row

{
  display: flex;
   flex-wrap: wrap;
   margin-left: -15px;
    margin-right: -15px;
}

.align-items-center {
    align-items    :    center;
}

.position-relative {
    position: relative;
}

.col-3    {
   flex: 0 0 25%;
   max-width: 25%;
   padding-left: 15px;
    padding-right: 15px;
}

.col-9 {
    flex: 0 0 75%; 
               max-width: 75%; 
 padding-left: 15px; 
   padding-right: 15px;
}

.col-lg-3 {
          flex: 0 0 25%;
    max-width: 25%;
    padding-left: 15px;
    padding-right: 15px;
}

.col-lg-4 {
   flex: 0 0 33.33333%;
  max-width: 33.33333%;
  padding-left: 15px;
  padding-right: 15px;
}

.col-lg-2 {
  flex: 0 0 16.66667%;
   max-width: 16.66667%;
  padding-left: 15px;
  padding-right: 15px;
}

.col-lg-5 {
    flex: 0 0 41.66667%;
   max-width: 41.66667%;
   padding-left     :   15px;
    padding-right: 15px;
}

.col-md-6 {
   flex   :0 0 50%;
    max-width: 50%;
  padding-left: 15px;
  padding-right     :      15px;
}

.col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
   padding-left: 15px;
   padding-right: 15px;
}

.site-logo {
    padding: 0;
  font-size: 1.8rem;
    margin: 0;
}

.site-logo a {
   text-transform: uppercase;
	color: #fff;
    text-decoration: none;
}

.site-logo img {
  height: 48px;
   width: auto;
}

.text-right {
    text-align: right;
	
}

.d-inline-block {
   display: inline-block;
}

.d-lg-none {
   display: none;
}

.site-menu-toggle {
  text-decoration: none;
  color: #fff;
   cursor: pointer;
  display: inline-block;}

.text-white {
    color: #fff;
}

.py-5 {
   padding-top: 3rem;
    padding-bottom: 3rem;
}

.icon-menu {
  font-size: 28px;
}

.h3 {
    font-size: 1.75rem;
}

.site-navigation {
   margin-left: auto;
}

.ml-auto {
	margin-left: auto;
} 

.site-menu {
   margin: 0;
    padding: 0;
  margin-bottom: 0;
   list-style: none;
}

.site-menu.main-menu {
  display: flex;
}

.site-menu li {
   display: inline-block;
}

.site-menu a {
	text-decoration: none;
    display: inline-block;
   margin-left: 16px;
   margin-right: 16px;
 padding: 22px 0px;
   color: #fff;
  font-weight: 600;
  font-size: 16px;
   transition: color 0.3s ease;


}

.site-menu a:hover {
  color: var(--accent-cyan);
}

.site-menu li.active a {
  color: var(--accent-orange);


}

.hero-section {
    height: 800px;
  display: flex;
	align-items: center;
    padding-top: 100px;
}

.set-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
  position: relative;
}

.set-bg::before {
  content: '';
  position: absolute;
   top: 0;
	left: 0;
   width: 100%;
 height: 100%;
  background: rgba(15, 10, 10, 0.7);
}

.set-bg .container {
   position: relative;
  z-index: 1;
}

.hs-text span {
  color: var(--accent-cyan);
    font-size: 16px;
    font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.hs-text h2 {
  color: #ffffff;
    font-size: 60px;
  font-weight: 700;
	 margin-top:     30px;
   margin-bottom: 25px;
  line-height: 1.2;
}  

.hs-subtitle  
  {
  color: rgba(245, 239, 237, 0.85);
    font-size: 17px;
	 line-height: 1.7;
    font-weight: 400;
    margin-top: 15px;
	}

.ftco-footer    {
   font-size: 16px;
  padding: 7em 0 2em;
  background: linear-gradient(180deg, var(--dark-var1) 0%, var(--primary-dark) 100%);
  border-top: 1px solid rgba(34, 146, 164, 0.2);
    position: relative;
}

.ftco-footer .overlay {
   position: absolute;
  top: 0;
  left: 0;
  width: 100%;
    height: 100%;
  background: transparent;
}

.ftco-section {
  padding: 7em 0;
  position: relative;
}

.mb-5 {
   margin-bottom: 3rem;
}  

.mb-4 {
    margin-bottom: 1.5rem;
}

.mb-3 {
    margin-bottom   :    1rem;
}

.mb-md-5 {


  margin-bottom: 3rem;}

.ml-md-4 {
   margin-left: 1.5rem;
}

.ftco-footer-widget h2{
     font-weight: normal;
  color: var(--accent-cyan);
    margin-bottom: 20px;
  font-size: 19px;
  font-weight: 700;
    position: relative;
   text-transform: uppercase;
  letter-spacing: 1px;
}

.ftco-heading-2 {
  font-size: 19px;
   font-weight: 700;
  color: var(--accent-cyan);
}

.ftco-footer p {
  color: var(--cream-var1);
  font-size: 15px;
  line-height: 1.8;
    user-select: text;
   cursor: text;
}

.ftco-footer a {
  color: var(--light-cream);
                    text-decoration: none;
	 transition: color 0.3s ease;
   cursor: pointer;
   user-select: text;
}

.ftco-footer a:hover


{
  color: var(--accent-orange);
}

.list-unstyled {
    padding-left: 0;
  list-style: none;
}

.py-2 {
	 padding-top: 0.5rem;
   padding-bottom:        0.5rem;
}

.d-block {
  display: block;
}

.block-23 ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.block-23 ul li {
    display: flex;
	 align-items: flex-start;
  line-height: 1.5;
    margin-bottom: 15px;
}

.block-23 ul li a  {
  display  :        flex;
   align-items: flex-start;
  color: var(--light-cream);
}

.block-23 ul li .icon {
  width: 40px;
   font-size: 20px;
	padding-top: 2px;
  color: var(--accent-orange);
    flex-shrink: 0;
}

.block-23 ul li .text {
  color: var(--light-cream);
    font-size: 15px;
  user-select: text;
    cursor: text;
}

.text-center {
  text-align: center;

}

.footer-bottom-area {
   margin-top: 50px;
	padding-top: 40px;
  border-top: 2px solid rgba(34, 146, 164, 0.3);
}

.footer-regulators 
 {
  display: flex;
   flex-direction: column;
    align-items: center;
     gap: 35px;
}

.regulator-logos {
    display: flex;
   justify-content: center;
  align-items: center;
    gap: 45px;
  flex-wrap: wrap;
}

.regulator-logos a {
    display: block;
   transition:transform 0.3s ease, opacity 0.3s ease;
}

.regulator-logos a:hover {
  transform: translateY(-5px);
    opacity: 0.8;
}

.regulator-logos img {
  height: 65px;
    width: auto;
   display: block;
	
}

.footer-warning-text {
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
}

.warning-large {
  font-size: 22px;
    font-weight: 700;
  color: var(--accent-orange);
    margin-bottom: 15px;
   text-transform: uppercase;
      letter-spacing: 1px;
  user-select :  text;
    cursor: text;
}

.warning-medium {
  font-size: 18px;
  font-weight: 600;
  color: var(--light-cream);
   margin-bottom: 12px;
    user-select    : text;
  cursor: text;
}



.warning-contact {
   font-size: 16px;
    font-weight    :500;
  color: var(--accent-cyan);
  user-select: text;
   cursor: text;
}

.copyright-text {
  color: var(--cream-var1);
    font-size  :     14px;
    margin-top: 30px;
       user-select: text;
  cursor: text;
}@media (max-width: 991.98px) {
  .site-navbar {
        padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  
    .d-lg-none {
    display: inline-block;
  }
  
    .d-lg-block {
    display: none;
  }
  
    .site-navigation {
    position: fixed;
        top: 80px;
    left: -100%;
        width: 100%;
    background: rgba(15, 10, 10, 0.98);
        padding: 30px 0;
    transition: left 0.3s ease;
      z-index: 999;
  }
  
    .site-navigation.active {
    left: 0;
  }
  
    .site-menu.main-menu {
    flex-direction: column;
  }
  
    .site-menu li {
    display: block;
        width: 100%;
  }
  
    .site-menu a {
    padding: 15px 5%;
        width: 100%;
    border-bottom: 1px solid rgba(245, 239, 237, 0.1);
        margin: 0;
  }
  
  .col-lg-3,
    .col-lg-4,
  .col-lg-2,
    .col-lg-5 {
    flex: 0 0 100%;
        max-width: 100%;
  }
  
    .hero-section {
    height: auto;
        padding: 120px 0 60px;
  }
  
    .hs-text h2 {
    font-size: 38px;
  }
  
    .hs-subtitle {
    font-size: 16px;
  }
  
    .regulator-logos {
    gap: 30px;
  }
  
    .regulator-logos img {
    height: 50px;
  }
  
    .warning-large {
    font-size: 18px;
  }
  
    .warning-medium {
    font-size: 16px;
  }
  
    .warning-contact {
    font-size: 14px;
  }
}

@media (max-width: 767.98px) {
    .col-3 {
    flex: 0 0 50%;
        max-width: 50%;
  }
  
    .col-9 {
    flex: 0 0 50%;
        max-width: 50%;
  }
  
    .col-md-6 {
    flex: 0 0 100%;
        max-width: 100%;
  }
  
    .hs-text h2 {
    font-size: 32px;
  }
  
    .regulator-logos {
    gap: 20px;
  }
  
    .regulator-logos img {
    height: 45px;
  }
  
    .warning-large {
    font-size: 16px;
  }
}.wwd-album

{
	 padding: 80px 5%;
  background: linear-gradient(180deg, var(--primary-dark) 0%, var(--dark-var1) 100%);
}

.sse-guess {
    max-width: 1400px;
    margin: 0 auto;
}

.ffa-night {
   flex-direction: column;
    display     :      flex;
   gap: 35px;
}

.ttw-night {
  background: linear-gradient(135deg, rgba(34, 146, 164, 0.08) 0%, rgba(217, 108, 6, 0.08) 100%);
  border: 2px solid rgba(34, 146, 164, 0.25);
      border-radius:  20px;
   padding: 40px 45px;
   display    :     grid;
  grid-template-columns: 0.9fr 0.5fr 1.3fr;
    gap: 45px;
    align-items: center;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
   overflow: hidden;
}

.ttw-night::before {
  content: '';
  position: absolute;
  top: 0;
	left: -100%;
   width: 100%;
   height: 100%;
  background: linear-gradient(90deg, transparent, rgba(34, 146, 164, 0.1), transparent);
  transition: left 0.6s ease;
}

.ttw-night:hover::before {
    left: 100%;
}

.ttw-night:hover {
  transform: translateY(-8px) scale(1.01);
	  box-shadow: 0 20px 60px rgba(34, 146, 164, 0.35), 0 0 0 1px rgba(34, 146, 164, 0.5);
	  border-color: rgba(34, 146, 164, 0.6);
	  background: linear-gradient(135deg, rgba(34, 146, 164, 0.12) 0%, rgba(217, 108, 6, 0.12) 100%); 
	
}

.gga-guess	{
  display   :       flex;
  flex-direction: column;
  gap: 18px;
   position: relative;
   z-index: 1;
}

.ssf-guess {
    width: 70px;
  height: 70px;
  background: linear-gradient(135deg, var(--accent-cyan) 0%, var(--cyan-var1) 100%);
    border-radius: 14px;
   display: flex;
  align-items: center;
	 justify-content    :   center;
  box-shadow: 0 10px 25px rgba(34, 146, 164, 0.4);
      position: relative;
}



.ssf-guess::after {
  content: '';
    position: absolute;
    inset: -3px;
  background: linear-gradient(135deg, var(--accent-cyan), var(--accent-orange));
    border-radius: 16px;
  z-index: -1;
    opacity: 0;
   transition:     opacity 0.3s ease;
}

.ttw-night:hover .ssf-guess::after {

	    opacity: 1;}

.wwd-night {
	font-size: 38px;
   font-weight: 800;
  color: var(--primary-dark);
  text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}


.sse-cabin span  
  {
         display: inline-block;
    padding: 10px 20px;
   border-radius: 8px;
   font-size: 12px;
   font-weight: 700;
   letter-spacing: 1.5px;
  text-transform: uppercase;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
   position: relative;
}


.ffa-guess {
  background: linear-gradient(135deg, #D4AF37 0%, #F4D03F 100%);
  color: var(--primary-dark);
}

.ffa-album {
  background: linear-gradient(135deg, var(--accent-cyan) 0%, var(--cyan-var1) 100%);
  color: var(--primary-dark);
}

.ffa-scans {
  background: linear-gradient(135deg, var(--accent-orange) 0%, var(--orange-var1) 100%);
  color: var(--light-cream);
}

.ttw-cabin {
  display: flex;
   justify-content: center;
    align-items: center;
  padding: 25px;
  background: var(--light-cream);
  border-radius: 14px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
   position: relative;
    z-index: 1;
}

.ttw-night:hover .ttw-cabin   {
  box-shadow: 0 12px 30px rgba(0,0,0,0.15);
  transform: scale(1.05);
}

.ttw-cabin img {
    max-width: 100%;
   height    :     auto;
  max-height: 85px;
  -moz-filter: brightness(0);
  filter: brightness(0);
  -webkit-filter: brightness(0);
    transition: filter 0.4s ease;
}

.ttw-night:hover .ttw-cabin img
{
  filter: brightness(0) saturate(100%) invert(22%) sepia(89%) saturate(1500%) hue-rotate(165deg) brightness(95%) contrast(88%);
}

.wwt-album {
   display: flex;
  flex-direction: column;
    gap: 20px;
                    position: relative;
   z-index: 1;
}

.ssf-album{
	 display: inline-block;
}

.gga-cabin {
  background: linear-gradient(135deg, var(--accent-orange) 0%, var(--orange-var1) 100%);
  color: var(--light-cream);
    padding: 10px 24px;
    border-radius: 10px;
  font-size: 26px;
    font-weight: 800;
  display  :     inline-block;
  box-shadow: 0 6px 18px rgba(217, 108, 6, 0.4);
        position: relative;
}

.gga-cabin::before {
  content: '★';
   position: absolute;
    left: -25px;
    top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  color: var(--accent-orange);
}



.sse-scans {
  color: var(--light-cream);

	    font-size: 18px;

	   line-height: 1.7;

	    margin: 0;

	    font-weight: 500;

	  background: linear-gradient(90deg, rgba(217, 108, 6, 0.15), rgba(34, 146, 164, 0.15));

	    padding: 15px 20px;

	   border-radius:        10px;

	  border-left: 4px solid var(--accent-orange);
}

.sse-scans::before {
     content: '🎁 ';
  font-size: 20px;
   margin-right: 8px;
     }

.wwt-album .wwd-scans {
               align-self: flex-start;
     margin-top: 5px;
     background: linear-gradient(135deg, var(--accent-cyan) 0%, var(--cyan-var1) 100%);
      border: none;
     color: var(--primary-dark);
      padding: 16px 40px;
     font-size: 17px;
      font-weight: 700;
      border-radius: 10px;
       cursor :        pointer;
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     font-family: 'Manrope', sans-serif;
     box-shadow: 0 8px 20px rgba(34, 146, 164, 0.3);
       text-decoration: none;
       display: inline-block;
      position: relative;
      overflow: hidden;
}

.wwt-album .wwd-scans::before {
  content: '';
    position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
    height: 0;
   border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  transform: translate(-50%, -50%);
    transition: width 0.5s, height 0.5s;
}

.wwt-album .wwd-scans:hover::before {
       width: 300px;
    height: 300px;
}

.wwt-album .wwd-scans:hover {
  transform: translateY(-4px) scale(1.05);
  box-shadow: 0 15px 40px rgba(34, 146, 164, 0.5);
  background: linear-gradient(135deg, var(--cyan-var1) 0%, var(--accent-cyan) 100%); 
	
}

.wwt-album .wwd-scans::after {
  content: '→';
	margin-left: 8px;
	transition: margin-left 0.3s ease;
    display: inline-block;
}

.wwt-album .wwd-scans:hover::after {
    margin-left: 15px;
}@media (max-width: 991px) {
    .ttw-night {
    grid-template-columns: 1fr;
        gap: 30px;
    padding: 30px 25px;
  }
  
    .gga-guess {
    flex-direction: row;
        align-items: center;
    gap: 18px;
  }
  
    .ssf-guess {
    width: 60px;
        height: 60px;
  }
  
    .wwd-night {
    font-size: 32px;
  }
  
    .ttw-cabin {
    padding: 20px;
  }
  
    .ttw-cabin img {
    max-height: 70px;
  }
  
    .gga-cabin {
    font-size: 22px;
  }
  
    .sse-scans {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
    .wwd-album {
    padding: 50px 5%;
  }
  
    .ffa-night {
    gap: 25px;
  }
  
    .ttw-night {
    padding: 25px 20px;
  }
  
    .gga-cabin {
    font-size: 20px;
        padding: 8px 18px;
  }
  
    .sse-scans {
    font-size: 15px;
        padding: 12px 15px;
  }
  
    .wwt-album .wwd-scans {
    width: 100%;
        text-align: center;
    padding: 14px 30px;
        font-size: 16px;
  }
}.sse-utter {
   padding: 90px 5%;
  background: linear-gradient(180deg, var(--dark-var1) 0%, var(--primary-dark) 100%);
  position: relative;
}

.sse-utter::before {
  content: '';
   position: absolute;
    top: 0;
   left: 0;
	width: 100%;
    height: 1px;
  background: linear-gradient(90deg, transparent, var(--accent-cyan), transparent);
}

.ffa-cabin {
    max-width: 1400px;
  margin: 0 auto;
}

.ttw-scans {
   display: grid;
  grid-template-columns  :        0.9fr 1.1fr;
    gap: 70px;
  align-items: center;
}

.wwd-cabin {
   position: relative;
}

.gga-night {
      width   :       100%;
   height: auto;
   border-radius: 18px;
  box-shadow: 0 25px 60px rgba(34, 146, 164, 0.35), 
              0 15px 35px rgba(217, 108, 6, 0.2),
                inset 0 0 0 1px rgba(34, 146, 164, 0.1);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  display: block;

}

.gga-night:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 35px 80px rgba(34, 146, 164, 0.45), 
                0 20px 45px rgba(217, 108, 6, 0.3),
              inset 0 0 0 1px rgba(34, 146, 164, 0.2);
}


.ssf-night {
	    display: flex; 
	  flex-direction: column; 
	   gap: 35px;


}

.ttw-album {
   font-size: 48px;
	font-weight: 800;
  background: linear-gradient(135deg, var(--accent-cyan), var(--accent-orange));
    background-clip: text;
  line-height: 1.2;
  margin-bottom :    10px;
}

.ffa-utter {
  font-size: 17px;
  color: var(--cream-var1);
  line-height: 1.8;
  font-weight: 400;
  margin-bottom: 15px;
}

.gga-album {
  display   :flex; 
	  flex-direction: column; 
	   gap: 28px;
}

.wwt-guess {
  display: flex;
	 gap: 22px;
	align-items: flex-start;
    padding: 25px;
  background: rgba(34, 146, 164, 0.06);
  border-radius: 14px;
  border-left: 4px solid var(--accent-cyan);
    transition: all 0.3s ease;
}

.wwt-guess:hover {
  background: rgba(34, 146, 164, 0.1);
  transform: translateX(8px);
    border-left-width :      6px;
  box-shadow: 0 8px 25px rgba(34, 146, 164, 0.15);
}



.sse-album {
    width: 55px;
       height: 55px;
  background: linear-gradient(135deg, var(--accent-cyan), var(--cyan-var1));
  border-radius: 12px;
  display: flex;
   align-items: center;
   justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 6px 18px rgba(34, 146, 164, 0.3);
   transition     : transform 0.3s ease;
}

.wwt-guess:hover .sse-album {
  transform: rotate(360deg) scale(1.1);
}

.sse-album .material-symbols-outlined {
	 font-size: 30px;
  color: var(--primary-dark);
   font-weight: 600;
}

.ssf-scans {
					flex: 1;
	
}

.wwd-utter {
	 font-size: 21px;
   font-weight: 700;
  color: var(--light-cream);
    margin-bottom: 10px;
  line-height: 1.3;
}

.ffa-scans {
  font-size: 15px;
  color: var(--cream-var1);
	line-height: 1.7;
    margin    :     0;
}@media (max-width: 991px) {
    .ttw-scans {
    grid-template-columns: 1fr;
        gap: 50px;
  }
  
    .ttw-album {
    font-size: 38px;
  }
  
    .ffa-utter {
    font-size: 16px;
  }
  
    .wwt-guess {
    padding: 20px;
  }
  
    .wwd-utter {
    font-size: 19px;
  }
}

@media (max-width: 767px) {
    .sse-utter {
    padding: 60px 5%;
  }
  
    .ttw-scans {
    gap: 35px;
  }
  
    .ttw-album {
    font-size: 32px;
  }
  
    .ffa-utter {
    font-size: 15px;
  }
  
    .gga-album {
    gap: 20px;
  }
  
    .wwt-guess {
    flex-direction: column;
        gap: 15px;
    padding: 18px;
  }
  
    .sse-album {
    width: 50px;
        height: 50px;
  }
  
    .sse-album .material-symbols-outlined {
    font-size: 26px;
  }
  
    .wwd-utter {
    font-size: 18px;
  }
  
    .ffa-scans {
    font-size: 14px;
  }
}.ttw-utter {
   padding: 70px 5%;
  background: linear-gradient(135deg, rgba(34, 146, 164, 0.08) 0%, rgba(217, 108, 6, 0.08) 100%);
    position: relative;
  overflow: hidden;
	
}

.ttw-utter::before {
  content: '';
   position: absolute;
   top: 0;
  left: 50%;
   width: 80%;
    height: 100%;
  background: radial-gradient(ellipse at center, rgba(34, 146, 164, 0.1) 0%, transparent 70%);
  transform: translateX(-50%);
   pointer-events: none;
}

.ssf-utter {
  max-width: 900px;
   margin: 0 auto;
  text-align: center;
	position: relative;
   z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 30px;
     align-items: center;
}

.wwd-guess {
  display: flex;
  align-items: center;
   justify-content: center;
  gap: 15px;
    margin-bottom: 10px;
}

.gga-scans {
    font-size: 42px;
  color: var(--accent-cyan);
    animation: rotateIcon 3s ease-in-out infinite;
}  @keyframes rotateIcon {
    0%, 100% { transform: rotate(0deg); }
  50% { transform: rotate(360deg); }
}.sse-night {
    font-size: 34px;
  font-weight: 800;
  color: var(--light-cream);
  margin    :     0;
    line-height: 1.3;
}

.ffa-album {

	    font-size: 17px;
  color: var(--cream-var1);
    line-height: 1.9;
   margin: 0;
    font-weight: 400;
   max-width: 850px;

}

.wwt-night {
   margin-top: 15px;
}

.ssf-cabin {
    display: inline-flex;
   align-items: center;
   gap: 12px;
  background: linear-gradient(135deg, var(--accent-orange) 0%, var(--orange-var1) 100%);
  color: var(--light-cream);
   padding    :     16px 35px;
  border-radius: 12px;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 8px 25px rgba(217, 108, 6, 0.35);
   position: relative;
  overflow: hidden;
}

.ssf-cabin::before {
  content: '';
    position: absolute;
   top :    50%;
  left: 50%;
	width: 0;
    height: 0;
  background: rgba(255, 255, 255, 0.2);
         border-radius: 50%;
  transform: translate(-50%, -50%);
    transition: width 0.6s ease, height 0.6s ease;
}

.ssf-cabin:hover::before {
   width: 400px;
  height    :  400px;
}

.ssf-cabin:hover {
  transform: translateY(-4px) scale(1.05);
  box-shadow: 0 15px 45px rgba(217, 108, 6, 0.5);
  background: linear-gradient(135deg, var(--orange-var1) 0%, var(--accent-orange) 100%);
}

.ssf-cabin .material-symbols-outlined {
     font-size: 24px;
   transition: transform 0.3s ease;
}

.ssf-cabin:hover .material-symbols-outlined {
  transform: scale(1.2) rotate(15deg);
}

.ssf-cabin span:last-child  
  {
    position: relative;
	z-index: 1;
}@media (max-width: 991px) {
    .ttw-utter {
    padding: 60px 5%;
  }
  
    .sse-night {
    font-size: 28px;
  }
  
    .ffa-album {
    font-size: 16px;
  }
  
    .ssf-cabin {
    padding: 14px 30px;
        font-size: 16px;
  }
}

@media (max-width: 767px) {
    .ttw-utter {
    padding: 50px 5%;
  }
  
    .wwd-guess {
    flex-direction: column;
        gap: 10px;
  }
  
    .gga-scans {
    font-size: 36px;
  }
  
    .sse-night {
    font-size: 24px;
  }
  
    .ffa-album {
    font-size: 15px;
  }
  
    .ssf-cabin {
    padding: 14px 28px;
        font-size: 15px;
    gap: 10px;
  }
  
    .ssf-cabin .material-symbols-outlined {
    font-size: 22px;
  }
}.age-overlay-modal {
   position:fixed;
    top: 0;
   left: 0;
   width: 100%;
    height: 100%;
  background: rgba(15, 10, 10, 0.97);
  z-index  :  9999;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(10px);
  transition: opacity 0.4s ease;
}

.age-modal-content {
    max-width: 500px;
  width: 90%;
  background: linear-gradient(135deg, var(--dark-var1), var(--primary-dark));
  border: 2px solid var(--accent-cyan);
  border-radius: 20px;
   padding: 50px 40px;
  box-shadow: 0 25px 80px rgba(34, 146, 164, 0.4);
       text-align: center;
  animation: ageSlideIn 0.5s ease;
}@keyframes ageSlideIn {
  from {
        transform: translateY(-50px);
    opacity: 0;
  }
    to {
    transform: translateY(0);
        opacity: 1;
  }
}.age-inner-wrap {
	  display: flex;
	 flex-direction: column;
    align-items: center;
   gap: 20px;
	}

.age-icon-image {
   width: 120px;
  height: 120px;
    margin-bottom: 10px;
  filter: drop-shadow(0 8px 20px rgba(34, 146, 164, 0.5));
}

.age-title-text {
    font-size: 32px;
   font-weight: 800;
  color: var(--accent-cyan);
  margin: 0;
    line-height: 1.2;
}

.age-description-text {
  font-size: 17px;
  color: var(--cream-var1);
  line-height: 1.7;
  margin: 0;
  max-width: 400px;
}

.age-confirm-button {
  background: linear-gradient(135deg, var(--accent-cyan), var(--cyan-var1));
  border: none;
  color: var(--primary-dark);
    padding: 16px 50px;
   font-size: 18px;
  font-weight: 700;
    border-radius: 12px;
   cursor: pointer;
    transition: all 0.3s ease;
  font-family: 'Manrope', sans-serif;
  box-shadow: 0 8px 25px rgba(34, 146, 164, 0.4);
   margin-top :   10px;
}



.age-confirm-button:hover {
  transform: translateY(-3px) scale(1.05);

	  box-shadow: 0 12px 35px rgba(34, 146, 164, 0.6);

	  background: linear-gradient(135deg, var(--cyan-var1), var(--accent-cyan));
}

.age-disclaimer-text {
 font-size: 13px;
  color: rgba(245, 239, 237, 0.7);
	margin: 0;
  line-height: 1.6;
    max-width: 380px;
}@media (max-width: 767px) {
    .age-modal-content {
    padding: 40px 30px;
  }
  
    .age-icon-image {
    width: 100px;
        height: 100px;
  }
  
    .age-title-text {
    font-size: 26px;
  }
  
    .age-description-text {
    font-size: 15px;
  }
  
    .age-confirm-button {
    padding: 14px 40px;
        font-size: 16px;
  }
  
    .age-disclaimer-text {
    font-size: 12px;
  }
}.advantages-wrapper-block  {
  padding: 80px 5%;
  background: linear-gradient(180deg, var(--primary-dark) 0%, var(--dark-var1) 100%);

}

.advantages-inner-container {
    max-width: 1400px;
  margin : 0 auto;
          display: flex;
   flex-direction: column;
   gap: 50px;
}

.casino-advantage-row {

	    display: grid;
   grid-template-columns: 0.4fr 1fr;
    gap: 50px;
   align-items: center;
   padding: 40px;
  background: rgba(34, 146, 164, 0.05);
  border: 2px solid rgba(34, 146, 164, 0.2);
     border-radius: 18px;
   transition: all 0.3s ease;


}

.casino-advantage-row:hover {
  background: rgba(34, 146, 164, 0.08);
  border-color: rgba(34, 146, 164, 0.35);
  transform: translateY(-5px);
  box-shadow: 0 12px 40px rgba(34, 146, 164, 0.25);
}

.casino-logo-holder {
    display: flex;
   justify-content: center;
        align-items: center;
   padding: 30px;
  background: var(--light-cream);
    border-radius: 14px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}

.casino-logo-holder img {
  max-width: 100%;
	 height: auto;
   max-height: 90px;
  filter: brightness(0);
   transition: filter 0.3s ease;
}

.casino-advantage-row:hover .casino-logo-holder img {
  filter: brightness(0) saturate(100%) invert(22%) sepia(89%) saturate(1500%) hue-rotate(165deg) brightness(95%) contrast(88%);
}

.advantages-list-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
   gap: 25px;
}

.advantage-item-box     {
    display: flex;
   flex-direction: column;
    gap: 12px;
    padding: 20px;
  background: rgba(15, 10, 10, 0.4);
   border-radius: 12px;
  border-left: 3px solid var(--accent-orange);
   transition     :       all 0.3s ease;
}

.advantage-item-box:hover {
  background: rgba(15, 10, 10, 0.6);
   border-left-width: 5px;
  transform: translateX(5px);
}

.advantage-item-box .material-symbols-outlined {
   font-size: 32px;
  color: var(--accent-cyan);
   align-self: flex-start;
}

.advantage-item-box p {
               font-size: 14px;
  color: var(--cream-var1);
  line-height: 1.7;
  margin: 0;
   font-weight: 400;
}@media (max-width: 1200px) {
    .advantages-list-grid {
    grid-template-columns: 1fr;
        gap: 20px;
  }
}

@media (max-width: 991px) {
    .casino-advantage-row {
    grid-template-columns: 1fr;
        gap: 30px;
    padding: 30px 25px;
  }
  
    .casino-logo-holder {
    padding: 25px;
  }
  
    .casino-logo-holder img {
    max-height: 70px;
  }
}@media (max-width: 767px) {
    .advantages-wrapper-block {
    padding: 60px 5%;
  }
  
    .advantages-inner-container {
    gap: 35px;
  }
  
    .casino-advantage-row {
    padding: 25px 20px;
  }
  
    .advantage-item-box {
    padding: 18px;
  }
  
    .advantage-item-box .material-symbols-outlined {
    font-size: 28px;
  }
  
    .advantage-item-box p {
    font-size: 13px;
  }
}.ftco-footer .overlay {
   position     :  absolute;
    top: 0;
    left: 0;
    width  :       100%;
    height: 100%;
	 background :   transparent;
    pointer-events: none;
  z-index: 0;
}

.ftco-footer .container {
    position: relative;
   z-index: 1;
} 

.ftco-footer a {
  color: var(--light-cream);
  text-decoration  :       none;
    transition: color 0.3s ease;
    cursor: pointer;
    user-select: text;
               pointer-events: auto;
}

.regulator-logos a {
   -webkit-transition: transform 0.3s ease, opacity 0.3s ease;
  display: block;
   transition  :transform 0.3s ease, opacity 0.3s ease;
   pointer-events: auto;
    cursor: pointer;
}

.list-unstyled a {
    pointer-events    :       auto;
    cursor: pointer;
}

.block-23 ul li a {
    display: flex;
    align-items: flex-start;
  color: var(--light-cream);
    pointer-events: auto;
    cursor: pointer;
}

.wwd-guess {
   padding: 140px 5% 80px;
  background: linear-gradient(180deg, var(--primary-dark) 0%, var(--dark-var1) 100%);
    min-height: 100vh;
}

.ffa-utter {
  max-width: 900px;
    margin: 0 auto;
}

.ffa-utter h1 {
  font-size: 48px;
	font-weight: 800;
  background: linear-gradient(135deg, var(--accent-cyan), var(--accent-orange));
    background-clip: text;
   margin-bottom: 40px;
    line-height: 1.2;
}

.ffa-utter h2 {

	  font-size: 32px;
  font-weight: 700;
  color: var(--accent-cyan);
  margin-top: 50px;
   margin-bottom: 25px;
   line-height: 1.3;


}

.ffa-utter h3 {
   font-size: 24px;
    font-weight: 700;
  color: var(--light-cream);
    margin-top: 35px;
    margin-bottom: 20px;
    line-height    :1.4;
}

.ffa-utter p {
   font-size: 17px;
  color: var(--cream-var1);
  line-height: 1.9;
    margin-bottom: 25px;
  font-weight: 400;
}@media (max-width: 991px) {
    .wwd-guess {
    padding: 120px 5% 60px;
  }
  
    .ffa-utter h1 {
    font-size: 38px;
  }
  
    .ffa-utter h2 {
    font-size: 28px;
        margin-top: 40px;
  }
  
    .ffa-utter h3 {
    font-size: 22px;
  }
  
    .ffa-utter p {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
    .wwd-guess {
    padding: 100px 5% 50px;
  }
  
    .ffa-utter h1 {
    font-size: 32px;
        margin-bottom: 30px;
  }
  
    .ffa-utter h2 {
    font-size: 24px;
        margin-top: 35px;
    margin-bottom: 20px;
  }
  
    .ffa-utter h3 {
    font-size: 20px;
        margin-top: 30px;
  }
  
    .ffa-utter p {
    font-size: 15px;
        margin-bottom: 20px;
  }
}.contact-wrapper-section {
   padding: 140px 5% 80px;
  background: linear-gradient(180deg, var(--primary-dark) 0%, var(--dark-var1) 100%);
  min-height: 100vh;
}

.contact-inner-container {
  max-width: 1200px; 
	    margin: 0 auto;
}

.contact-grid-layout  {
  display: grid;
   grid-template-columns: 1.2fr 0.8fr;
  gap: 60px;
    align-items: start;
}

.contact-form-area h1 {
    font-size: 48px;
  font-weight: 800;
  background: linear-gradient(135deg, var(--accent-cyan), var(--accent-orange));
  background-clip: text;
   margin-bottom: 20px;
   line-height: 1.2;
}

.contact-intro-text {
  font-size: 17px;
  color: var(--cream-var1);
    line-height: 1.8;
  margin-bottom: 40px;

}

.form-container-block {
   display: flex;
	    flex-direction: column;
	  gap: 25px;
}

.form-group-item {
   display: flex;
    flex-direction: column;
   gap: 10px;
}

.form-group-item label {
  font-size: 16px;

    font-weight: 600;

  color: var(--light-cream);
}

.form-input-field, .form-textarea-field {
  background: rgba(34, 146, 164, 0.08);
  border: 2px solid rgba(34, 146, 164, 0.2);
    border-radius: 10px;
 padding: 14px 18px;
    font-size  :   16px;
  color: var(--light-cream);
  font-family: 'Manrope', sans-serif;
   transition: all 0.3s ease;
}

.form-input-field:focus, .form-textarea-field:focus {
  outline: none;
  border-color: var(--accent-cyan);
  background: rgba(34, 146, 164, 0.12);
}

.form-textarea-field {
    resize: vertical;
   min-height: 150px;
}

.error-message-text {
  font-size: 14px;
  color: var(--accent-orange);
   display: block;
   min-height: 20px;
}

.submit-button-primary {
  background: linear-gradient(135deg, var(--accent-cyan) 0%, var(--cyan-var1) 100%);
   border: none;
  color: var(--primary-dark);
    padding: 16px 40px;
   font-size: 17px;
   font-weight: 700;
               border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-family: 'Manrope', sans-serif;
  box-shadow: 0 8px 20px rgba(34, 146, 164, 0.3);
   align-self: flex-start;


}

.submit-button-primary:hover {
  transform: translateY(-4px) scale(1.05);
  box-shadow: 0 15px 40px rgba(34, 146, 164, 0.5);
  background: linear-gradient(135deg, var(--cyan-var1) 0%, var(--accent-cyan) 100%);
	
}

.contact-info-area
	{
  background: rgba(34, 146, 164, 0.06);
  border: 2px solid rgba(34, 146, 164, 0.2);
   border-radius: 18px;
    padding: 40px;
}

.contact-info-area h2 {
   font-size: 32px;
     font-weight: 700;
  color: var(--accent-cyan);
   margin-bottom: 35px;
}

.info-item-box {
          display  :        flex;
  gap: 20px;
   margin-bottom: 30px;
  align-items: flex-start;
}

.info-item-box .material-symbols-outlined {
   font-size: 36px;
  color: var(--accent-orange);
  flex-shrink   :      0;
}

.info-text-content h3 {
    font-size: 18px;
   font-weight: 700;
  color: var(--light-cream);
        margin-bottom: 8px;
}

.info-text-content p {
    font-size: 16px;
  color: var(--cream-var1);
    line-height: 1.6;
               margin: 0;
}

.info-text-content a {
  color: var(--cream-var1);
    text-decoration: none;
	transition: color 0.3s ease;
}

.info-text-content a:hover {
  color: var(--accent-cyan);
}

.thankyou-popup-overlay {


   position: fixed;
    top   :      0;
    left: 0;
  width: 100%;
   height: 100%;
  background: rgba(15, 10, 10, 0.95);
    z-index: 9999;
    display: none;
      align-items: center;
    justify-content: center;
  backdrop-filter: blur(10px);
	}

.thankyou-popup-content {
  max-width: 500px;
   width: 90%;
  background: linear-gradient(135deg, var(--dark-var1), var(--primary-dark));
  border: 2px solid var(--accent-cyan);
   border-radius: 20px;
  padding: 50px 40px;
  box-shadow: 0 25px 80px rgba(34, 146, 164, 0.4);
  text-align: center;
    animation: popupSlideIn 0.4s ease;
}@keyframes popupSlideIn {
    from {
    transform: translateY(-30px);
        opacity: 0;
  }
    to {
    transform: translateY(0);
        opacity: 1;
  }
}.thankyou-inner-wrap {
  display: flex;
   flex-direction: column;
  align-items: center;
    gap: 20px;
}

.success-icon-large {
   font-size: 80px;
  color: var(--accent-cyan);
}

.thankyou-popup-content h2 {
	font-size: 32px;
  font-weight: 800;
  color: var(--accent-cyan);
   margin: 0;
}



.thankyou-popup-content p {
   font-size: 17px;
  color: var(--cream-var1);
               line-height: 1.7;
   margin: 0;
	
}

.close-popup-button {
  background: linear-gradient(135deg, var(--accent-cyan), var(--cyan-var1));
    border    :      none;
  color: var(--primary-dark);
   padding: 14px 40px;
               font-size:       16px;
	font-weight: 700;
  border-radius: 10px;
  cursor: pointer;
   transition: all 0.3s ease;
  font-family: 'Manrope', sans-serif;
  box-shadow: 0 8px 20px rgba(34, 146, 164, 0.3);
   margin-top   :        10px;
}

.close-popup-button:hover {
	  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(34, 146, 164, 0.5);
}@media (max-width: 991px) {
    .contact-wrapper-section {
    padding: 120px 5% 60px;
  }
  
    .contact-grid-layout {
    grid-template-columns: 1fr;
        gap: 40px;
  }
  
    .contact-form-area h1 {
    font-size: 38px;
  }
  
    .contact-info-area {
    padding: 30px;
  }
}

@media (max-width: 767px) {
    .contact-wrapper-section {
    padding: 100px 5% 50px;
  }
  
    .contact-form-area h1 {
    font-size: 32px;
  }
  
    .contact-intro-text {
    font-size: 16px;
  }
  
    .contact-info-area {
    padding: 25px;
  }
  
    .contact-info-area h2 {
    font-size: 26px;
  }
  
    .submit-button-primary {
    width: 100%;
        align-self: stretch;
  }
  
    .thankyou-popup-content {
    padding: 40px 30px;
  }
  
    .success-icon-large {
    font-size: 60px;
  }
  
    .thankyou-popup-content h2 {
    font-size: 26px;
  }
}.wwd-guess		{
      padding: 140px 5% 80px;
  background: linear-gradient(180deg, var(--primary-dark) 0%, var(--dark-var1) 100%);
	min-height: 100vh;
	}

.ttw-utter .wwd-guess {

  padding   :      0;
  background: none;
    min-height: auto;
       display: flex;
  align-items: center;
    justify-content: center;
    gap    :    15px;
    margin-bottom: 10px;

}@media (max-width: 991px) {
    .wwd-guess {
    padding: 120px 5% 60px;
  }
  
    .ttw-utter .wwd-guess {
    padding: 0;
  }
}

@media (max-width: 767px) {
    .wwd-guess {
    padding: 100px 5% 50px;
  }
  
    .ttw-utter .wwd-guess {
    padding: 0;
        flex-direction: column;
    gap: 10px;
  }
}