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

:root {
  --primary-blue: #111827;         
  --secondary-blue: #374151;       
  --dark-blue: #030712;            

  --primary-yellow: #22d3ee;       
  --primary-yellow-hover: #06b6d4; 
  --light-yellow: #cffafe;         

  --white: #ffffff;
  --text-dark: #0b1220;
  --text-light: #4b5563;

  --shadow-blue: rgba(17, 24, 39, 0.28);
  --shadow-yellow: rgba(34, 211, 238, 0.30);

  --yellow-10: rgba(34, 211, 238, 0.10);
  --yellow-20: rgba(34, 211, 238, 0.20);
  --yellow-30: rgba(34, 211, 238, 0.30);
  --blue-40: rgba(17, 24, 39, 0.40);
}

 html {
     scroll-behavior: smooth;
 }

 body {
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     font-size: 16px;
     line-height: 1.6;
     color: var(--text-dark);
     background-color: var(--white);
 }

 img {
     max-width: 100%;
     height: auto;
     display: block;
 }

 a {
     text-decoration: none;
     color: var(--primary-blue);
     transition: color 0.3s ease;
 }

 a:hover {
     color: var(--primary-yellow);
 }


 .scf-c2311d-container {
     max-width: 1200px;
     margin: 0 auto;
     padding: 0 20px;
 }


 .scf-c2311d-header {
     background-color: var(--primary-blue);
     position: sticky;
     top: 0;
     z-index: 1000;
     box-shadow: 0 2px 10px var(--shadow-blue);
 }

 .scf-c2311d-nav {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 1rem 20px;
     max-width: 1200px;
     margin: 0 auto;
 }

 .scf-c2311d-nav-brand {
     display: flex;
     align-items: center;
     gap: 12px;
     color: var(--primary-yellow);
     font-weight: bold;
     font-size: 1.2rem;
 }

 .scf-c2311d-logo-placeholder {
     width: 50px;
     height: 50px;
     background: linear-gradient(135deg, var(--primary-yellow), var(--primary-blue));
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-weight: bold;
     color: var(--white);
     font-size: 1.2rem;
 }

 .scf-c2311d-logo {
     width: 50px;
     height: 50px;
     object-fit: contain;
     display: block;
     flex-shrink: 0;
 }

 .scf-c2311d-brand-text {
     color: var(--primary-yellow);
 }

 .scf-c2311d-nav-toggle {
     display: none;
 }

 .scf-c2311d-nav-toggle-label {
     display: none;
     flex-direction: column;
     gap: 4px;
     cursor: pointer;
 }

 .scf-c2311d-nav-toggle-label span {
     width: 25px;
     height: 3px;
     background-color: var(--primary-yellow);
     transition: all 0.3s ease;
 }

 .scf-c2311d-nav-menu {
     display: flex;
     list-style: none;
     gap: 2rem;
 }

 .scf-c2311d-nav-menu a {
     color: var(--primary-yellow);
     font-weight: 500;
     padding: 0.5rem 0;
     position: relative;
 }

 .scf-c2311d-nav-menu a::after {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 0;
     height: 2px;
     background-color: var(--primary-yellow);
     transition: width 0.3s ease;
 }

 .scf-c2311d-nav-menu a:hover::after,
 .scf-c2311d-nav-menu a.scf-c2311d-active::after {
     width: 100%;
 }


 @media (max-width: 768px) {
     .scf-c2311d-nav-toggle-label {
         display: flex;
     }

     .scf-c2311d-nav-menu {
         position: absolute;
         top: 100%;
         left: 0;
         right: 0;
         background-color: var(--primary-blue);
         flex-direction: column;
         gap: 0;
         max-height: 0;
         overflow: hidden;
         transition: max-height 0.3s ease;
     }

     .scf-c2311d-nav-menu li {
         border-top: 1px solid rgba(253, 224, 71, 0.2);
     }

     .scf-c2311d-nav-menu a {
         display: block;
         padding: 1rem 20px;
     }

     .scf-c2311d-nav-toggle:checked~.scf-c2311d-nav-menu {
         max-height: 500px;
     }
 }


 .scf-c2311d-hero {
     min-height: 70vh;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     color: var(--white);
     padding: 4rem 20px;
 }

 .scf-c2311d-gradient-bg {
     background: linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-blue) 50%, var(--primary-yellow) 100%);
     background-size: 200% 200%;
     animation: gradientMove 15s ease infinite;
 }

 @keyframes gradientMove {
     0% {
         background-position: 0% 50%;
     }

     50% {
         background-position: 100% 50%;
     }

     100% {
         background-position: 0% 50%;
     }
 }

 .scf-c2311d-hero-content {
     max-width: 800px;
 }

 .scf-c2311d-hero-logo {
     width: 100px;
     height: 100px;
     object-fit: contain;
     display: block;
     margin: 0 auto 2rem;
     box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
     border-radius: 50%;
     background: var(--white);
     padding: 10px;
 }

 .scf-c2311d-hero h1 {
     font-size: 3rem;
     margin-bottom: 1rem;
     text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
 }

 .scf-c2311d-hero-subtitle {
     font-size: 1.3rem;
     margin-bottom: 2rem;
     opacity: 0.95;
 }


 .scf-c2311d-page-hero {
     background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));
     color: var(--white);
     padding: 4rem 20px;
     text-align: center;
 }

 .scf-c2311d-page-hero h1 {
     font-size: 2.5rem;
     margin-bottom: 1rem;
 }

 .scf-c2311d-page-hero-subtitle {
     font-size: 1.2rem;
     opacity: 0.9;
 }


 .scf-c2311d-section {
     padding: 4rem 20px;
 }

 .scf-c2311d-section-alt {
     background-color: var(--light-yellow);
 }

 .scf-c2311d-section-title {
     text-align: center;
     font-size: 2.2rem;
     color: var(--primary-blue);
     margin-bottom: 3rem;
     position: relative;
 }

 .scf-c2311d-section-title::after {
     content: '';
     display: block;
     width: 60px;
     height: 4px;
     background-color: var(--primary-yellow);
     margin: 1rem auto 0;
 }


 .scf-c2311d-grid {
     display: grid;
     gap: 2rem;
 }

 .scf-c2311d-grid-2 {
     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
 }

 .scf-c2311d-grid-3 {
     grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
 }


 .scf-c2311d-card {
     background: var(--white);
     border: 2px solid var(--primary-blue);
     border-radius: 10px;
     padding: 2rem;
     transition: all 0.3s ease;
     box-shadow: 0 2px 10px var(--shadow-blue);
 }

 .scf-c2311d-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 10px 30px var(--shadow-blue);
 }

 .scf-c2311d-card-icon {
     font-size: 3rem;
     margin-bottom: 1rem;
 }

 .scf-c2311d-card h3 {
     color: var(--primary-blue);
     margin-bottom: 1rem;
     font-size: 1.5rem;
 }


 .scf-c2311d-info-card {
     background: var(--white);
     border: 3px solid var(--primary-blue);
     border-radius: 15px;
     padding: 2.5rem;
     text-align: center;
     transition: all 0.3s ease;
     box-shadow: 0 5px 15px var(--shadow-blue);
 }

 .scf-c2311d-info-card:hover {
     transform: scale(1.05);
     box-shadow: 0 10px 30px var(--shadow-yellow);
     border-color: var(--primary-yellow);
 }

 .scf-c2311d-info-icon {
     font-size: 4rem;
     margin-bottom: 1rem;
 }

 .scf-c2311d-info-card h3 {
     color: var(--primary-blue);
     font-size: 1.8rem;
     margin-bottom: 0.5rem;
 }


 .scf-c2311d-btn {
     display: inline-block;
     padding: 1rem 2.5rem;
     border-radius: 50px;
     font-weight: bold;
     font-size: 1.1rem;
     transition: all 0.3s ease;
     cursor: pointer;
     border: none;
     text-align: center;
 }

 .scf-c2311d-btn-primary {
     background-color: var(--primary-yellow);
     color: var(--primary-blue);
     box-shadow: 0 4px 15px var(--shadow-yellow);
 }

 .scf-c2311d-btn-primary:hover {
     background-color: #fbbf24;
     transform: translateY(-2px);
     box-shadow: 0 6px 20px var(--shadow-yellow);
 }

 .scf-c2311d-btn-secondary {
     background-color: var(--primary-blue);
     color: var(--primary-yellow);
     box-shadow: 0 4px 15px var(--shadow-blue);
 }

 .scf-c2311d-btn-secondary:hover {
     background-color: var(--secondary-blue);
     transform: translateY(-2px);
     box-shadow: 0 6px 20px var(--shadow-blue);
 }

 .scf-c2311d-btn-large {
     font-size: 1.4rem;
     padding: 1.5rem 3.5rem;
 }

 .scf-c2311d-btn-subtext {
     text-align: center;
     margin-top: 1rem;
     color: var(--text-light);
     font-size: 0.95rem;
 }


 .scf-c2311d-lottery-hero {
     position: relative;
 }

 .scf-c2311d-license-badge {
     background-color: var(--primary-blue);
     color: var(--primary-yellow);
     padding: 0.5rem 1.5rem;
     border-radius: 25px;
     display: inline-block;
     margin-bottom: 2rem;
     font-weight: bold;
     font-size: 0.9rem;
 }

 .scf-c2311d-countdown {
     display: flex;
     justify-content: center;
     gap: 2rem;
     flex-wrap: wrap;
     margin: 2rem 0;
 }

 .scf-c2311d-countdown-item {
     background-color: var(--primary-blue);
     color: var(--primary-yellow);
     padding: 2rem;
     border-radius: 15px;
     min-width: 120px;
     text-align: center;
     box-shadow: 0 5px 20px var(--shadow-blue);
 }

 .scf-c2311d-countdown-value {
     display: block;
     font-size: 3rem;
     font-weight: bold;
     line-height: 1;
 }

 .scf-c2311d-countdown-label {
     display: block;
     font-size: 1rem;
     margin-top: 0.5rem;
     text-transform: uppercase;
 }

 .scf-c2311d-goals-box {
     background: var(--white);
     border: 3px solid var(--primary-blue);
     border-radius: 15px;
     padding: 2.5rem;
     box-shadow: 0 5px 20px var(--shadow-blue);
 }

 .scf-c2311d-goals-list {
     list-style: none;
     font-size: 1.1rem;
 }

 .scf-c2311d-goals-list li {
     padding: 0.8rem 0;
     border-bottom: 1px solid var(--light-yellow);
 }

 .scf-c2311d-goals-list li:last-child {
     border-bottom: none;
 }

 .scf-c2311d-legal-box {
     background: var(--white);
     border: 2px solid var(--primary-blue);
     border-radius: 10px;
     padding: 2rem;
     display: grid;
     gap: 1rem;
 }

 .scf-c2311d-legal-item {
     padding: 0.8rem;
     background: var(--light-yellow);
     border-radius: 5px;
 }

 .scf-c2311d-legal-disclaimer {
     margin-top: 2rem;
     text-align: center;
     color: var(--text-light);
 }


 .scf-c2311d-event-date {
     background-color: var(--primary-yellow);
     color: var(--primary-blue);
     display: inline-block;
     padding: 0.5rem 1rem;
     border-radius: 5px;
     font-weight: bold;
     margin-bottom: 1rem;
 }


 .scf-c2311d-news-card {
     background: var(--white);
     border-radius: 10px;
     overflow: hidden;
     box-shadow: 0 2px 10px var(--shadow-blue);
     transition: transform 0.3s ease;
 }

 .scf-c2311d-news-card:hover {
     transform: translateY(-5px);
 }

 .scf-c2311d-news-image {
     width: 100%;
     height: 200px;
     object-fit: cover;
     display: block;
 }

 .scf-c2311d-news-content {
     padding: 1.5rem;
 }

 .scf-c2311d-news-badge {
     background-color: var(--primary-yellow);
     color: var(--primary-blue);
     padding: 0.3rem 0.8rem;
     border-radius: 3px;
     font-size: 0.8rem;
     font-weight: bold;
 }

 .scf-c2311d-news-content h3 {
     color: var(--primary-blue);
     margin: 1rem 0 0.5rem;
 }


 .scf-c2311d-cta-box {
     text-align: center;
     background: var(--white);
     padding: 3rem;
     border-radius: 15px;
     border: 3px solid var(--primary-blue);
     box-shadow: 0 5px 20px var(--shadow-blue);
 }

 .scf-c2311d-cta-box h2 {
     color: var(--primary-blue);
     font-size: 2rem;
     margin-bottom: 1rem;
 }


 .scf-c2311d-map-container {
     border-radius: 10px;
     overflow: hidden;
     box-shadow: 0 5px 20px var(--shadow-blue);
     margin: 2rem 0;
 }

 .scf-c2311d-contact-info-home {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
     gap: 1.5rem;
     margin-top: 2rem;
 }

 .scf-c2311d-contact-item {
     background: var(--white);
     padding: 1.5rem;
     border-left: 4px solid var(--primary-yellow);
     border-radius: 5px;
     box-shadow: 0 2px 10px var(--shadow-blue);
 }


 .scf-c2311d-timeline {
     position: relative;
     max-width: 800px;
     margin: 0 auto;
 }

 .scf-c2311d-timeline::before {
     content: '';
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     width: 4px;
     height: 100%;
     background: var(--primary-blue);
 }

 .scf-c2311d-timeline-item {
     display: flex;
     gap: 2rem;
     margin-bottom: 3rem;
     position: relative;
 }

 .scf-c2311d-timeline-year {
     flex: 0 0 100px;
     background-color: var(--primary-yellow);
     color: var(--primary-blue);
     padding: 1rem;
     border-radius: 10px;
     font-weight: bold;
     text-align: center;
     height: fit-content;
 }

 .scf-c2311d-timeline-content {
     flex: 1;
     background: var(--white);
     padding: 1.5rem;
     border-radius: 10px;
     border: 2px solid var(--primary-blue);
     box-shadow: 0 2px 10px var(--shadow-blue);
 }

 .scf-c2311d-timeline-content h3 {
     color: var(--primary-blue);
     margin-bottom: 0.5rem;
 }

 @media (max-width: 768px) {
     .scf-c2311d-timeline::before {
         left: 50px;
     }

     .scf-c2311d-timeline-item {
         flex-direction: column;
         padding-left: 80px;
     }

     .scf-c2311d-timeline-year {
         position: absolute;
         left: 0;
     }
 }


 .scf-c2311d-team-card {
     background: var(--white);
     border-radius: 10px;
     overflow: hidden;
     box-shadow: 0 2px 10px var(--shadow-blue);
     text-align: center;
     transition: transform 0.3s ease;
 }

 .scf-c2311d-team-card:hover {
     transform: scale(1.05);
 }

 .scf-c2311d-team-photo {
     width: 100%;
     height: 300px;
     object-fit: cover;
     display: block;
     background-color: var(--light-yellow);
 }

 .scf-c2311d-team-card h3 {
     color: var(--primary-blue);
     margin: 1rem 0 0.5rem;
     padding: 0 1rem;
 }

 .scf-c2311d-team-role {
     color: var(--primary-yellow);
     background-color: var(--primary-blue);
     padding: 0.3rem 1rem;
     font-weight: bold;
 }

 .scf-c2311d-team-card p {
     padding: 1rem;
 }


 .scf-c2311d-facility-card {
     background: var(--white);
     padding: 2rem;
     border-radius: 10px;
     border-left: 4px solid var(--primary-yellow);
     box-shadow: 0 2px 10px var(--shadow-blue);
 }

 .scf-c2311d-facility-card h3 {
     color: var(--primary-blue);
     margin-bottom: 0.5rem;
 }


 .scf-c2311d-achievements {
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
     gap: 2rem;
 }

 .scf-c2311d-achievement-badge {
     background: var(--white);
     border: 3px solid var(--primary-blue);
     border-radius: 15px;
     padding: 2rem;
     min-width: 200px;
     text-align: center;
     box-shadow: 0 5px 15px var(--shadow-blue);
 }

 .scf-c2311d-achievement-icon {
     font-size: 3rem;
     display: block;
     margin-bottom: 0.5rem;
 }

 .scf-c2311d-achievement-text {
     color: var(--primary-blue);
     font-weight: bold;
     font-size: 1.1rem;
 }


 .scf-c2311d-vision-box {
     background: var(--white);
     border: 3px solid var(--primary-blue);
     border-radius: 15px;
     padding: 2.5rem;
     font-size: 1.2rem;
     line-height: 1.8;
     text-align: center;
     max-width: 900px;
     margin: 0 auto;
     box-shadow: 0 5px 20px var(--shadow-blue);
 }


 .scf-c2311d-content-split {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
     gap: 3rem;
     align-items: center;
 }

 .scf-c2311d-content-text h2 {
     color: var(--primary-blue);
     margin-bottom: 1rem;
 }

 .scf-c2311d-content-text p {
     margin-bottom: 1rem;
     line-height: 1.8;
 }

 .scf-c2311d-content-image img {
     border-radius: 10px;
     box-shadow: 0 5px 20px var(--shadow-blue);
 }


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

 .scf-c2311d-pricing-card {
     background: var(--white);
     border: 3px solid var(--primary-blue);
     border-radius: 15px;
     padding: 2rem;
     text-align: center;
     transition: all 0.3s ease;
     position: relative;
     box-shadow: 0 5px 15px var(--shadow-blue);
 }

 .scf-c2311d-pricing-card:hover {
     transform: scale(1.05);
     box-shadow: 0 10px 30px var(--shadow-blue);
 }

 .scf-c2311d-pricing-featured {
     border-color: var(--primary-yellow);
     border-width: 4px;
     transform: scale(1.05);
 }

 .scf-c2311d-featured-badge {
     position: absolute;
     top: -15px;
     left: 50%;
     transform: translateX(-50%);
     background-color: var(--primary-yellow);
     color: var(--primary-blue);
     padding: 0.5rem 1.5rem;
     border-radius: 25px;
     font-weight: bold;
     font-size: 0.9rem;
 }

 .scf-c2311d-pricing-header h3 {
     color: var(--primary-blue);
     font-size: 1.8rem;
     margin-bottom: 1rem;
 }

 .scf-c2311d-price {
     font-size: 3rem;
     color: var(--primary-blue);
     font-weight: bold;
     margin-bottom: 2rem;
 }

 .scf-c2311d-price span {
     font-size: 1.2rem;
     color: var(--text-light);
 }

 .scf-c2311d-pricing-features {
     list-style: none;
     margin-bottom: 2rem;
     text-align: left;
 }

 .scf-c2311d-pricing-features li {
     padding: 0.8rem 0;
     border-bottom: 1px solid var(--light-yellow);
 }


 .scf-c2311d-form-container {
     max-width: 700px;
     margin: 0 auto;
 }

 .scf-c2311d-contact-form {
     background: var(--white);
     padding: 2.5rem;
     border-radius: 10px;
     border: 2px solid var(--primary-blue);
     box-shadow: 0 5px 20px var(--shadow-blue);
 }

 .scf-c2311d-form-row {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
     gap: 1.5rem;
 }

 .scf-c2311d-form-group {
     margin-bottom: 1.5rem;
 }

 .scf-c2311d-form-group label {
     display: block;
     margin-bottom: 0.5rem;
     color: var(--primary-blue);
     font-weight: 600;
 }

 .scf-c2311d-form-group input,
 .scf-c2311d-form-group select,
 .scf-c2311d-form-group textarea {
     width: 100%;
     padding: 0.8rem;
     border: 2px solid var(--primary-blue);
     border-radius: 5px;
     font-size: 1rem;
     font-family: inherit;
     transition: all 0.3s ease;
 }

 .scf-c2311d-form-group input:focus,
 .scf-c2311d-form-group select:focus,
 .scf-c2311d-form-group textarea:focus {
     outline: none;
     border-color: var(--primary-yellow);
     box-shadow: 0 0 0 3px var(--shadow-yellow);
 }

 .scf-c2311d-form-group textarea {
     resize: vertical;
 }

 .scf-c2311d-contact-form button {
     width: 100%;
 }


 .scf-c2311d-faq-container {
     max-width: 800px;
     margin: 0 auto;
 }

 .scf-c2311d-faq-item {
     background: var(--white);
     border: 2px solid var(--primary-blue);
     border-radius: 10px;
     margin-bottom: 1rem;
     overflow: hidden;
 }

 .scf-c2311d-faq-question {
     padding: 1.5rem;
     font-weight: bold;
     color: var(--primary-blue);
     background-color: var(--light-yellow);
     cursor: pointer;
 }

 .scf-c2311d-faq-answer {
     padding: 1.5rem;
     display: block;
 }


 .scf-c2311d-testimonial-card {
     background: var(--white);
     border: 2px solid var(--primary-blue);
     border-radius: 10px;
     padding: 2rem;
     text-align: center;
     box-shadow: 0 2px 10px var(--shadow-blue);
 }

 .scf-c2311d-testimonial-stars {
     color: var(--primary-yellow);
     font-size: 1.5rem;
     margin-bottom: 1rem;
 }

 .scf-c2311d-testimonial-card p {
     font-style: italic;
     margin-bottom: 1rem;
     line-height: 1.8;
 }

 .scf-c2311d-testimonial-card strong {
     color: var(--primary-blue);
 }


 .scf-c2311d-benefit-card {
     background: var(--white);
     border: 2px solid var(--primary-blue);
     border-radius: 10px;
     padding: 2rem;
     text-align: center;
     transition: all 0.3s ease;
     box-shadow: 0 2px 10px var(--shadow-blue);
 }

 .scf-c2311d-benefit-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 10px 30px var(--shadow-blue);
 }

 .scf-c2311d-benefit-icon {
     font-size: 3rem;
     margin-bottom: 1rem;
 }

 .scf-c2311d-benefit-card h3 {
     color: var(--primary-blue);
     margin-bottom: 0.5rem;
 }


 .scf-c2311d-contact-layout {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
     gap: 3rem;
 }

 .scf-c2311d-contact-info-box {
     background: var(--white);
     border: 2px solid var(--primary-blue);
     border-radius: 10px;
     padding: 2rem;
     box-shadow: 0 5px 20px var(--shadow-blue);
 }

 .scf-c2311d-contact-info-box h2 {
     color: var(--primary-blue);
     margin-bottom: 2rem;
 }

 .scf-c2311d-contact-detail {
     display: flex;
     gap: 1rem;
     margin-bottom: 2rem;
 }

 .scf-c2311d-contact-icon {
     font-size: 2rem;
     flex-shrink: 0;
 }

 .scf-c2311d-contact-detail strong {
     display: block;
     color: var(--primary-blue);
     margin-bottom: 0.3rem;
 }

 .scf-c2311d-contact-social {
     margin-top: 2rem;
     padding-top: 2rem;
     border-top: 2px solid var(--light-yellow);
 }

 .scf-c2311d-contact-social h3 {
     color: var(--primary-blue);
     margin-bottom: 1rem;
 }

 .scf-c2311d-social-icons-large {
     display: flex;
     gap: 1rem;
     flex-wrap: wrap;
 }

 .scf-c2311d-social-icons-large .scf-c2311d-social-icon {
     background-color: var(--primary-blue);
     color: var(--primary-yellow);
     padding: 0.8rem 1.5rem;
     border-radius: 25px;
     font-weight: bold;
     transition: all 0.3s ease;
 }

 .scf-c2311d-social-icons-large .scf-c2311d-social-icon:hover {
     background-color: var(--primary-yellow);
     color: var(--primary-blue);
     transform: scale(1.05);
 }

 .scf-c2311d-contact-form-box {
     background: var(--white);
     border: 2px solid var(--primary-blue);
     border-radius: 10px;
     padding: 2rem;
     box-shadow: 0 5px 20px var(--shadow-blue);
 }

 .scf-c2311d-contact-form-box h2 {
     color: var(--primary-blue);
     margin-bottom: 1.5rem;
 }

 .scf-c2311d-emergency-box {
     background: var(--white);
     border: 3px solid var(--primary-yellow);
     border-radius: 10px;
     padding: 2rem;
     text-align: center;
     max-width: 600px;
     margin: 0 auto;
     box-shadow: 0 5px 20px var(--shadow-yellow);
 }

 .scf-c2311d-emergency-box strong {
     color: var(--primary-blue);
 }

 .scf-c2311d-emergency-box a {
     color: var(--primary-blue);
     font-weight: bold;
     font-size: 1.3rem;
 }

 .scf-c2311d-emergency-note {
     margin-top: 1rem;
     font-size: 0.9rem;
     color: var(--text-light);
 }


 .scf-c2311d-legal-content {
     max-width: 900px;
     margin: 0 auto;
 }

 .scf-c2311d-legal-section {
     margin-bottom: 3rem;
     background: var(--white);
     padding: 2rem;
     border-radius: 10px;
     border-left: 4px solid var(--primary-blue);
     box-shadow: 0 2px 10px var(--shadow-blue);
 }

 .scf-c2311d-legal-section h2 {
     color: var(--primary-blue);
     margin-bottom: 1rem;
     font-size: 1.8rem;
 }

 .scf-c2311d-legal-section h3 {
     color: var(--primary-blue);
     margin: 1.5rem 0 0.8rem;
     font-size: 1.3rem;
 }

 .scf-c2311d-legal-section ul {
     margin-left: 2rem;
     margin-top: 1rem;
 }

 .scf-c2311d-legal-section li {
     margin-bottom: 0.5rem;
     line-height: 1.8;
 }

 .scf-c2311d-legal-section p {
     margin-bottom: 1rem;
     line-height: 1.8;
 }

 .scf-c2311d-highlight-section {
     border-left-color: var(--primary-yellow);
     border-left-width: 6px;
 }

 .scf-c2311d-legal-footer {
     text-align: center;
     padding: 2rem;
     background: var(--light-yellow);
     border-radius: 10px;
 }


 .scf-c2311d-footer {
     background-color: var(--primary-blue);
     color: var(--primary-yellow);
     padding: 3rem 20px 1rem;
 }

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

 .scf-c2311d-footer-col h4 {
     margin-bottom: 1rem;
     font-size: 1.2rem;
 }

 .scf-c2311d-footer-links {
     list-style: none;
 }

 .scf-c2311d-footer-links li {
     margin-bottom: 0.5rem;
 }

 .scf-c2311d-footer-links a {
     color: var(--primary-yellow);
 }

 .scf-c2311d-footer-links a:hover {
     color: var(--white);
 }

 .scf-c2311d-social-icons {
     display: flex;
     gap: 1rem;
     margin-bottom: 1rem;
 }

 .scf-c2311d-social-icon {
     width: 40px;
     height: 40px;
     background-color: var(--primary-yellow);
     color: var(--primary-blue);
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     font-weight: bold;
     transition: all 0.3s ease;
 }

 .scf-c2311d-social-icon:hover {
     background-color: var(--white);
     transform: scale(1.1);
 }

 .scf-c2311d-footer-logo {
     width: 60px;
     height: 60px;
     object-fit: contain;
     display: block;
     margin-top: 1rem;
     border-radius: 50%;
     background: var(--primary-yellow);
     padding: 8px;
 }

 .scf-c2311d-footer-license-info {
     font-size: 0.9rem;
     line-height: 1.6;
 }

 .scf-c2311d-footer-license-info p {
     margin-bottom: 0.5rem;
     color: var(--primary-yellow);
 }

 .scf-c2311d-footer-license-info p:last-child {
     margin-bottom: 0;
 }


 .scf-c2311d-license-plaque {
     background: linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-blue) 50%, var(--primary-blue) 100%);
     border-radius: 30px;
     padding: 2rem 2.5rem;
     box-shadow: 0 10px 40px rgba(30, 58, 138, 0.4), 0 0 0 1px rgba(253, 224, 71, 0.2);
     color: var(--white);
     position: relative;
     overflow: hidden;
 }

 .scf-c2311d-license-plaque::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: linear-gradient(135deg, rgba(253, 224, 71, 0.1) 0%, transparent 50%, rgba(253, 224, 71, 0.1) 100%);
     pointer-events: none;
 }

 .scf-c2311d-license-plaque-row {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 1rem;
     position: relative;
     z-index: 1;
 }

 .scf-c2311d-license-plaque-row:last-child {
     margin-bottom: 0;
 }

 .scf-c2311d-license-plaque-center {
     justify-content: center;
     text-align: center;
 }

 .scf-c2311d-license-plaque-item {
     color: var(--white);
     font-size: 1rem;
     line-height: 1.6;
 }

 .scf-c2311d-license-plaque-item strong {
     color: var(--primary-yellow);
     font-weight: 600;
 }

 @media (max-width: 768px) {
     .scf-c2311d-license-plaque {
         padding: 1.5rem 1.5rem;
         border-radius: 20px;
     }

     .scf-c2311d-license-plaque-row {
         flex-direction: column;
         align-items: flex-start;
         gap: 0.5rem;
     }

     .scf-c2311d-license-plaque-center {
         align-items: center;
         text-align: center;
     }

     .scf-c2311d-license-plaque-item {
         font-size: 0.9rem;
     }
 }

 .scf-c2311d-footer-bottom {
     border-top: 1px solid rgba(253, 224, 71, 0.3);
     padding-top: 2rem;
     text-align: center;
     display: flex;
     justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;
     gap: 1rem;
 }

 .scf-c2311d-footer-legal {
     display: flex;
     gap: 1rem;
     align-items: center;
 }

 .scf-c2311d-footer-legal a {
     color: var(--primary-yellow);
 }

 .scf-c2311d-footer-legal a:hover {
     color: var(--white);
 }


 @keyframes fadeIn {
     from {
         opacity: 0;
     }

     to {
         opacity: 1;
     }
 }

 @keyframes slideUp {
     from {
         opacity: 0;
         transform: translateY(30px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 @keyframes pulse {

     0%,
     100% {
         box-shadow: 0 4px 15px var(--shadow-yellow);
     }

     50% {
         box-shadow: 0 8px 30px var(--shadow-yellow);
     }
 }

 .scf-c2311d-fade-in {
     animation: fadeIn 1s ease-in;
 }

 .scf-c2311d-slide-up {
     animation: slideUp 0.6s ease-out;
 }

 .scf-c2311d-pulse {
     animation: pulse 2s ease-in-out infinite;
 }


 .scf-c2311d-text-center {
     text-align: center;
 }


 @media (max-width: 768px) {
     .scf-c2311d-hero h1 {
         font-size: 2rem;
     }

     .scf-c2311d-hero-subtitle {
         font-size: 1.1rem;
     }

     .scf-c2311d-section-title {
         font-size: 1.8rem;
     }

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

     .scf-c2311d-countdown {
         gap: 1rem;
     }

     .scf-c2311d-countdown-item {
         min-width: 100px;
         padding: 1.5rem 1rem;
     }

     .scf-c2311d-countdown-value {
         font-size: 2rem;
     }

     .scf-c2311d-footer-bottom {
         flex-direction: column;
         text-align: center;
     }

     .scf-c2311d-contact-layout {
         grid-template-columns: 1fr;
     }

     .scf-c2311d-pricing-featured {
         transform: scale(1);
     }
 }

 @media (max-width: 480px) {
     .scf-c2311d-hero h1 {
         font-size: 1.5rem;
     }

     .scf-c2311d-btn {
         padding: 0.8rem 1.5rem;
         font-size: 1rem;
     }

     .scf-c2311d-btn-large {
         padding: 1rem 2rem;
         font-size: 1.2rem;
     }
 }