html {
box-sizing: border-box
}

body {
margin: 0;
font-family: 'Inter', sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
background: #FFF;
color: #1a1a1a
}

::selection {
background: #00718E;
color: #FFF
}

.header_primary {
background: linear-gradient(135deg, #ff86240a 0%, #00718e0f 100%);
border-bottom: 3px solid #FF8624;
padding: 48px 24px 24px;
position: relative
}

.header_inner_holder {
max-width: 1600px;
margin: 0 auto;
display: grid;
grid-template-columns: 280px 1fr;
gap: 48px;
align-items: start
}

.brand_block_holder {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
padding: 24px;
background: #ffffffb3;
border: 2px solid #FF8624;
border-radius: 14px;
box-shadow: 0 3px 4px 1px #ff862414
}

.logo_image {
width: 48px;
height: 48px;
object-fit: contain;
background: #00718e14;
padding: 6px;
border-radius: 8px;
border: 1px solid #00718e33
}

.company_title_text {
font-size: 23px;
font-weight: 700;
color: #00718E;
line-height: 1.35;
text-align: center;
margin: 0
}

.navigation_right_holder {
display: flex;
flex-direction: column;
gap: 24px;
padding: 12px 0
}

.contact_info_bar {
display: flex;
flex-wrap: wrap;
gap: 24px;
padding: 12px 24px;
background: #ff86240f;
border-radius: 8px;
border: 1px solid #ff862426
}

.contact_item_holder {
display: flex;
align-items: center;
gap: 6px;
font-size: 15px;
color: #2a2a2a;
line-height: 1.35
}

.contact_item_holder i {
color: #FF8624;
font-size: 15px
}

.main_nav_holder {
display: flex;
flex-wrap: wrap;
gap: 12px;
padding: 12px 0
}

.nav_link_primary {
display: inline-block;
padding: 12px 24px;
font-size: 15px;
font-weight: 500;
color: #1a1a1a;
text-decoration: none;
background: #FFF;
border: 3px solid #00718E;
border-radius: 8px;
transition: box-shadow .24s cubic-bezier(0.4, 0, 0.2, 1), background .24s cubic-bezier(0.4, 0, 0.2, 1);
line-height: 1.35
}

.nav_link_primary:hover {
background: #00718e14;
box-shadow: 0 7px 14px 1px #00718e17
}

.nav_link_primary:focus {
outline: none;
box-shadow: 0 9px 44px 1px #ff86241a;
position: relative
}

.nav_link_primary:focus::before {
content: 'enfocado';
position: absolute;
top: -24px;
left: 12px;
font-size: 12px;
text-transform: uppercase;
color: #FF8624;
font-weight: 700;
letter-spacing: .5px
}

.footer_primary {
background: linear-gradient(180deg, #00718e08 0%, #ff86240d 100%);
border-top: 2px solid #00718E;
padding: 48px 24px 24px;
margin-top: 48px
}

.footer_inner_holder {
max-width: 1600px;
margin: 0 auto
}

.footer_grid_holder {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 48px;
margin-bottom: 48px;
padding-bottom: 48px;
border-bottom: 1px solid #00718e33
}

.footer_column_holder {
display: flex;
flex-direction: column;
gap: 24px
}

.footer_heading_text {
font-size: 23px;
font-weight: 700;
color: #00718E;
line-height: 1.35;
margin: 0;
padding-bottom: 12px;
border-bottom: 2px solid #FF8624
}

.footer_nav_list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 12px
}

.footer_link_item {
font-size: 15px;
line-height: 1.6
}

.footer_link_text {
color: #2a2a2a;
text-decoration: none;
display: inline-block;
padding: 6px 12px;
border: 2px solid transparent;
border-radius: 8px;
transition: border-color .22s cubic-bezier(0.4, 0, 0.2, 1), background .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.footer_link_text:hover {
border-color: #FF8624;
background: #ff86240f
}

.footer_link_text:focus {
outline: none;
border-color: #00718E;
background: #00718e0f;
position: relative
}

.footer_link_text:focus::before {
content: 'activo';
position: absolute;
top: -20px;
left: 12px;
font-size: 11px;
text-transform: uppercase;
color: #00718E;
font-weight: 700
}

.company_info_holder {
display: flex;
flex-direction: column;
gap: 12px
}

.footer_logo_holder {
display: flex;
align-items: center;
gap: 12px;
padding: 12px;
background: #fff9;
border: 2px solid #00718e33;
border-radius: 8px;
width: fit-content
}

.footer_logo_image {
width: 42px;
height: 42px;
object-fit: contain;
background: #ff862414;
padding: 6px;
border-radius: 8px;
border: 1px solid #ff862433
}

.footer_company_name {
font-size: 23px;
font-weight: 700;
color: #00718E;
line-height: 1.35;
margin: 0
}

.contact_detail_text {
font-size: 15px;
line-height: 1.6;
color: #2a2a2a;
margin: 0;
padding: 6px 12px;
background: #ff86240a;
border-radius: 8px;
border-left: 3px solid #FF8624
}

.contact_detail_text i {
color: #00718E;
margin-right: 6px
}

.copyright_bar {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 24px;
padding: 24px;
background: #00718e0a;
border-radius: 8px;
border: 1px solid #00718e1f
}

.copyright_text {
font-size: 15px;
line-height: 1.35;
color: #4a4a4a;
margin: 0
}

.founded_text {
font-size: 15px;
line-height: 1.35;
color: #4a4a4a;
margin: 0;
font-weight: 500
}

@media (max-width: 1024px) {
.header_inner_holder {
grid-template-columns: 1fr;
gap: 24px
}

.brand_block_holder {
margin: 0 auto
}

.footer_grid_holder {
grid-template-columns: 1fr;
gap: 24px
}

.copyright_bar {
flex-direction: column;
text-align: center
}
}

@media (max-width: 640px) {
.header_primary {
padding: 24px 12px 12px
}

.contact_info_bar {
flex-direction: column;
gap: 12px
}

.main_nav_holder {
flex-direction: column
}

.nav_link_primary {
width: 100%;
text-align: center
}

.footer_primary {
padding: 24px 12px 12px
}
}

.terms-box {
max-width: 1600px;
margin: 0 auto;
padding: 48px 24px;
background: linear-gradient(135deg, #ff862405 0%, #00718e08 100%)
}

.terms-box h1 {
font-size: 60px;
line-height: 1.1;
margin: 0 0 48px;
color: #00718E;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility
}

.terms-box h2 {
font-size: 43px;
line-height: 1.35;
margin: 48px 0 24px;
color: #00718E;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility
}

.terms-box h3 {
font-size: 31px;
line-height: 1.35;
margin: 48px 0 24px;
color: #FF8624;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility
}

.terms-box h4 {
font-size: 23px;
line-height: 1.35;
margin: 24px 0 12px;
color: #FF8624;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility
}

.terms-box h5 {
font-size: 15px;
line-height: 1.35;
margin: 24px 0 12px;
color: #00718E;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility
}

.terms-box h6 {
font-size: 15px;
line-height: 1.35;
margin: 24px 0 12px;
color: #FF8624;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility
}

.terms-box p {
font-size: 15px;
line-height: 1.8;
margin: 0 0 24px;
color: #1a1a1a;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility
}

.terms-box em,
.terms-box i {
font-style: italic;
color: #00718E
}

.terms-box table {
width: 100%;
border-collapse: collapse;
margin: 24px 0 48px;
background: #FFF;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 3px 4px 1px #ff862414
}

.terms-box thead {
background: linear-gradient(135deg, #FF8624 0%, #00718E 100%)
}

.terms-box thead tr {
border: none
}

.terms-box thead th {
padding: 24px;
text-align: left;
font-size: 15px;
line-height: 1.35;
color: #FFF;
font-weight: 600;
border: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility
}

.terms-box tbody tr {
border-bottom: 1px solid #00718e1a;
transition: background-color .24s cubic-bezier(0.4, 0, 0.2, 1)
}

.terms-box tbody tr:last-child {
border-bottom: none
}

.terms-box tbody tr:hover {
background: #ff862408
}

.terms-box tbody td {
padding: 24px;
font-size: 15px;
line-height: 1.6;
color: #1a1a1a;
border: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility
}

.terms-box th {
font-weight: 600
}

.terms-box hr {
border: none;
height: 2px;
background: linear-gradient(90deg, #ff86244d 0%, #00718e4d 100%);
margin: 48px 0;
border-radius: 8px
}

.terms-box div {
margin: 0 0 24px
}

.terms-box ::selection {
background: #00718E;
color: #FFF
}

@media (max-width: 768px) {
.terms-box {
padding: 24px 12px
}

.terms-box h1 {
font-size: 43px;
margin: 0 0 24px
}

.terms-box h2 {
font-size: 31px;
margin: 24px 0 12px
}

.terms-box h3 {
font-size: 23px;
margin: 24px 0 12px
}

.terms-box h4 {
font-size: 15px;
margin: 12px 0 6px
}

.terms-box table {
display: block;
overflow-x: auto;
margin: 12px 0 24px
}

.terms-box thead th,
.terms-box tbody td {
padding: 12px;
font-size: 15px
}

.terms-box hr {
margin: 24px 0
}
}

.student_projects_detail_page {
background: linear-gradient(180deg, #ff862408 0%, #ffff 100%);
min-height: 100vh
}

.student_projects_detail_page .content_wrapper {
max-width: 1600px;
margin: 0 auto;
padding: 48px 24px
}

.student_projects_detail_page .title_band {
display: grid;
grid-template-columns: 1fr 1.4fr;
gap: 48px;
margin-bottom: 48px;
background: linear-gradient(135deg, #00718e0a 0%, #ff86240a 100%);
padding: 24px;
border-radius: 14px;
position: relative;
overflow: hidden
}

.student_projects_detail_page .title_band::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: linear-gradient(90deg, #00718e05 1px, transparent 1px), linear-gradient(0deg, #00718e05 1px, transparent 1px);
background-size: 48px 48px;
pointer-events: none
}

.student_projects_detail_page .title_text_area {
display: flex;
flex-direction: column;
justify-content: center;
gap: 12px;
position: relative;
z-index: 1
}

.student_projects_detail_page .category_badge {
display: inline-block;
background: #FF8624;
color: #FFF;
padding: 6px 12px;
border-radius: 8px;
font-size: 15px;
font-weight: 600;
width: fit-content
}

.student_projects_detail_page .main_heading {
font-size: 43px;
line-height: 1.1;
color: #00718E;
margin: 0
}

.student_projects_detail_page .intro_description {
font-size: 23px;
line-height: 1.35;
color: #00718eb3;
margin: 0
}

.student_projects_detail_page .image_column {
position: relative;
border-radius: 14px;
overflow: hidden;
height: 280px
}

.student_projects_detail_page .featured_image {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .26s cubic-bezier(0.4, 0, 0.2, 1)
}

.student_projects_detail_page .image_column::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, #ff86241f 0%, #00718e1f 100%);
pointer-events: none
}

.student_projects_detail_page .image_column:hover .featured_image {
transform: scale(1.05)
}

.student_projects_detail_page .metadata_strip {
display: flex;
gap: 48px;
align-items: center;
padding: 24px;
background: #fff9;
border-radius: 14px;
border: 3px solid #FF8624;
margin-bottom: 48px;
flex-wrap: wrap
}

.student_projects_detail_page .meta_item {
display: flex;
align-items: center;
gap: 12px;
font-size: 15px;
color: #00718E
}

.student_projects_detail_page .meta_icon {
width: 24px;
height: 24px;
fill: #FF8624
}

.student_projects_detail_page .meta_value {
font-weight: 600
}

.student_projects_detail_page .divider_gradient {
height: 2px;
background: linear-gradient(90deg, #FF8624 0%, #ff862400 100%);
margin: 48px 0
}

.student_projects_detail_page .main_content_grid {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 48px;
margin-bottom: 48px
}

.student_projects_detail_page .primary_content {
background: #FFF;
padding: 48px;
border-radius: 22px;
box-shadow: 0 7px 14px 1px #ff862417
}

.student_projects_detail_page .content_section {
margin-bottom: 48px
}

.student_projects_detail_page .content_section:last-child {
margin-bottom: 0
}

.student_projects_detail_page .section_heading {
font-size: 31px;
line-height: 1.35;
color: #00718E;
margin: 0 0 24px;
position: relative;
padding-bottom: 12px
}

.student_projects_detail_page .section_heading::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 84px;
height: 3px;
background: #FF8624;
transition: width .24s cubic-bezier(0.4, 0, 0.2, 1)
}

.student_projects_detail_page .section_heading:hover::after {
width: 140px
}

.student_projects_detail_page .program_content p,
.student_projects_detail_page .description_content p {
font-size: 15px;
line-height: 1.6;
color: #000000d9;
margin: 0 0 24px
}

.student_projects_detail_page .program_content p:first-of-type,
.student_projects_detail_page .description_content p:first-of-type {
font-size: 23px;
line-height: 1.35;
color: #00718E
}

.student_projects_detail_page .program_content h2,
.student_projects_detail_page .description_content h2 {
font-size: 23px;
line-height: 1.35;
color: #00718E;
margin: 24px 0 12px
}

.student_projects_detail_page .program_content h3,
.student_projects_detail_page .description_content h3 {
font-size: 15px;
line-height: 1.35;
color: #FF8624;
margin: 24px 0 12px;
font-weight: 600
}

.student_projects_detail_page .program_content ul,
.student_projects_detail_page .description_content ul,
.student_projects_detail_page .description_content ol {
margin: 0 0 24px;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 12px
}

.student_projects_detail_page .program_content li,
.student_projects_detail_page .description_content li {
font-size: 15px;
line-height: 1.6;
color: #000000d9;
padding-left: 24px;
position: relative
}

.student_projects_detail_page .program_content li::before,
.student_projects_detail_page .description_content li::before {
content: '';
position: absolute;
left: 0;
top: 10px;
width: 8px;
height: 8px;
background: #FF8624;
border-radius: 8px
}

.student_projects_detail_page .description_content ol {
counter-reset: ordered-list
}

.student_projects_detail_page .description_content ol li::before {
content: counter(ordered-list);
counter-increment: ordered-list;
background: #00718E;
color: #FFF;
width: 18px;
height: 18px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
font-weight: 600;
top: 6px
}

.student_projects_detail_page .program_content mark,
.student_projects_detail_page .description_content mark {
background: #ff862433;
color: #00718E;
padding: 2px 6px;
border-radius: 8px
}

.student_projects_detail_page .program_content small,
.student_projects_detail_page .description_content small {
font-size: 15px;
color: #0009
}

.student_projects_detail_page .program_content strong,
.student_projects_detail_page .description_content strong {
color: #00718E;
font-weight: 600
}

.student_projects_detail_page .program_content abbr,
.student_projects_detail_page .description_content abbr {
text-decoration: none;
border-bottom: 2px dotted #FF8624;
cursor: help
}

.student_projects_detail_page .program_content figure,
.student_projects_detail_page .description_content figure {
margin: 24px 0;
padding: 24px;
background: #00718e08;
border-radius: 14px;
border-left: 4px solid #FF8624
}

.student_projects_detail_page .program_content figcaption,
.student_projects_detail_page .description_content figcaption {
font-size: 15px;
color: #0009;
font-style: italic;
margin-top: 12px
}

.student_projects_detail_page .description_content dl {
margin: 24px 0;
display: grid;
grid-template-columns: 1fr 2fr;
gap: 12px
}

.student_projects_detail_page .description_content dt {
font-size: 15px;
color: #00718E;
font-weight: 600
}

.student_projects_detail_page .description_content dd {
font-size: 15px;
color: #000000d9;
margin: 0
}

.student_projects_detail_page .description_content details {
margin: 24px 0;
padding: 24px;
background: #ff862408;
border-radius: 14px;
border: 2px solid #ff862433
}

.student_projects_detail_page .description_content summary {
font-size: 15px;
color: #FF8624;
font-weight: 600;
cursor: pointer;
list-style: none
}

.student_projects_detail_page .description_content summary::marker {
display: none
}

.student_projects_detail_page .sidebar_holder {
display: flex;
flex-direction: column;
gap: 24px
}

.student_projects_detail_page .pricing_card {
background: linear-gradient(135deg, #FF8624 0%, #ff8624cc 100%);
padding: 48px;
border-radius: 22px;
border: 4px solid #00718E;
box-shadow: 0 9px 44px 1px #00718e1a;
text-align: center;
transition: box-shadow .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.student_projects_detail_page .pricing_card:hover {
box-shadow: 0 9px 44px 1px #00718e1a 0 14px 60px 2px #00718e1f
}

.student_projects_detail_page .price_display {
font-size: 60px;
line-height: 1.1;
color: #FFF;
font-weight: 700;
margin: 0 0 12px
}

.student_projects_detail_page .price_terms {
font-size: 15px;
line-height: 1.35;
color: #ffffffe6;
margin: 0 0 24px
}

.student_projects_detail_page .price_note_text {
font-size: 15px;
line-height: 1.35;
color: #fffc;
margin: 0 0 24px;
font-style: italic
}

.student_projects_detail_page .enroll_button {
display: inline-block;
padding: 12px 48px;
background: #FFF;
color: #FF8624;
font-size: 15px;
font-weight: 600;
border: 3px solid #00718E;
border-radius: 14px;
text-decoration: none;
transition: all .24s cubic-bezier(0.4, 0, 0.2, 1)
}

.student_projects_detail_page .enroll_button:hover {
background: #00718E;
color: #FFF;
box-shadow: 0 7px 14px 1px #00718e17;
transform: translateY(-2px)
}

.student_projects_detail_page .info_card {
background: #FFF;
padding: 24px;
border-radius: 14px;
border: 2px solid #00718e33
}

.student_projects_detail_page .info_row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 0;
border-bottom: 1px solid #00718e1a
}

.student_projects_detail_page .info_row:last-child {
border-bottom: none
}

.student_projects_detail_page .info_label {
font-size: 15px;
color: #0009
}

.student_projects_detail_page .info_value {
font-size: 15px;
color: #00718E;
font-weight: 600
}

.student_projects_detail_page .stepped_features {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
margin-bottom: 48px;
padding: 48px;
background: linear-gradient(135deg, #00718e08 0%, #ff862408 100%);
border-radius: 22px
}

.student_projects_detail_page .feature_column {
background: #FFF;
padding: 24px;
border-radius: 14px;
border: 2px solid #ff862433;
display: flex;
flex-direction: column;
gap: 12px;
transition: transform .26s cubic-bezier(0.4, 0, 0.2, 1)
}

.student_projects_detail_page .feature_column:nth-child(1) {
height: 220px
}

.student_projects_detail_page .feature_column:nth-child(2) {
height: 280px
}

.student_projects_detail_page .feature_column:nth-child(3) {
height: 340px
}

.student_projects_detail_page .feature_column:hover {
transform: translateY(-6px)
}

.student_projects_detail_page .feature_number {
font-size: 72px;
line-height: 1.1;
color: #FF8624;
font-weight: 700;
margin: 0
}

.student_projects_detail_page .feature_label {
font-size: 15px;
line-height: 1.35;
color: #0009;
margin: 0
}

.student_projects_detail_page .progress_narrative {
background: #fffc;
padding: 48px;
border-radius: 22px;
border: 3px solid #00718E;
margin-bottom: 48px;
position: relative
}

.student_projects_detail_page .narrative_text {
font-size: 23px;
line-height: 1.6;
color: #00718E;
margin: 0 0 24px
}

.student_projects_detail_page .progress_bar_holder {
background: #00718e1a;
height: 12px;
border-radius: 8px;
overflow: hidden;
position: relative
}

.student_projects_detail_page .progress_fill {
background: linear-gradient(90deg, #FF8624 0%, #00718E 100%);
height: 100%;
width: 68%;
border-radius: 8px;
transition: width .28s cubic-bezier(0.0, 0, 0.2, 1)
}

.student_projects_detail_page .progress_label {
font-size: 15px;
color: #0009;
margin: 12px 0 0;
text-align: right
}

.student_projects_detail_page .poll_section {
background: #FFF;
padding: 48px;
border-radius: 22px;
border: 3px solid #FF8624;
box-shadow: 0 7px 14px 1px #ff862417;
text-align: center
}

.student_projects_detail_page .poll_question {
font-size: 31px;
line-height: 1.35;
color: #00718E;
margin: 0 0 24px
}

.student_projects_detail_page .poll_options {
display: flex;
gap: 24px;
justify-content: center
}

.student_projects_detail_page .poll_option_holder {
position: relative
}

.student_projects_detail_page .poll_radio {
position: absolute;
opacity: 0;
pointer-events: none
}

.student_projects_detail_page .poll_label {
display: inline-block;
padding: 12px 48px;
background: #ff86241a;
color: #FF8624;
font-size: 15px;
font-weight: 600;
border: 3px solid #FF8624;
border-radius: 14px;
cursor: pointer;
transition: all .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.student_projects_detail_page .poll_label:hover {
background: #ff862433;
box-shadow: 0 3px 4px 1px #ff862414
}

.student_projects_detail_page .poll_radio:checked+.poll_label {
background: #FF8624;
color: #FFF;
box-shadow: 0 7px 14px 1px #ff862417
}

@media (max-width: 768px) {
.student_projects_detail_page .title_band {
grid-template-columns: 1fr;
gap: 24px
}

.student_projects_detail_page .main_heading {
font-size: 31px
}

.student_projects_detail_page .intro_description {
font-size: 15px
}

.student_projects_detail_page .main_content_grid {
grid-template-columns: 1fr;
gap: 24px
}

.student_projects_detail_page .primary_content {
padding: 24px
}

.student_projects_detail_page .pricing_card {
padding: 24px
}

.student_projects_detail_page .stepped_features {
grid-template-columns: 1fr;
padding: 24px
}

.student_projects_detail_page .feature_column:nth-child(1),
.student_projects_detail_page .feature_column:nth-child(2),
.student_projects_detail_page .feature_column:nth-child(3) {
height: auto
}

.student_projects_detail_page .poll_options {
flex-direction: column;
align-items: stretch
}

.student_projects_detail_page .metadata_strip {
flex-direction: column;
gap: 12px;
align-items: flex-start
}
}

.student_projects_detail_page ::selection {
background: #00718E;
color: #FFF
}

.contact_gateway {
background: linear-gradient(180deg, #ff862408 0%, #00718e0a 100%);
min-height: 100vh;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility
}

.contact_gateway * {
box-sizing: border-box
}

.contact_gateway ::selection {
background: #00718E;
color: #FFF
}

.contact_gateway .content_wrapper {
max-width: 1600px;
margin: 0 auto;
padding: 48px 24px
}

.contact_gateway .title_mosaic {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 48px;
margin: 0 0 48px;
padding: 48px;
background: linear-gradient(135deg, #ff86240f 0%, #00718e14 100%);
border-radius: 34px;
position: relative;
overflow: hidden
}

.contact_gateway .title_mosaic::before {
content: '';
position: absolute;
top: 24px;
right: 24px;
width: 120px;
height: 120px;
background: #ff86241f;
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
z-index: 1
}

.contact_gateway .title_mosaic::after {
content: '';
position: absolute;
bottom: 48px;
left: 48px;
width: 80px;
height: 80px;
background: #00718e26;
clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
z-index: 1
}

.contact_gateway .mosaic_image_zone {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
position: relative
}

.contact_gateway .mosaic_tile {
aspect-ratio: 1;
border-radius: 22px;
position: relative;
overflow: hidden;
background: linear-gradient(180deg, #ff862433 0%, #00718e4d 100%);
border: 3px solid #ff86244d;
transition: transform .26s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .26s cubic-bezier(0.4, 0, 0.2, 1)
}

.contact_gateway .mosaic_tile:hover {
transform: scale(1.05);
box-shadow: 0 9px 44px 1px #ff86241a
}

.contact_gateway .mosaic_tile::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(180deg, #00718e66 0%, transparent 60%)
}

.contact_gateway .mosaic_text_zone {
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
z-index: 2
}

.contact_gateway .oversized_heading {
font-size: 72px;
line-height: 1.1;
color: #00718E;
margin: 0 0 24px;
font-weight: 700
}

.contact_gateway .heading_accent {
display: inline-block;
position: relative;
padding: 0 0 12px
}

.contact_gateway .heading_accent::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 4px;
background: linear-gradient(90deg, #FF8624, #00718E);
border-radius: 8px;
animation: draw_underline 1.2s cubic-bezier(0.4, 0, 0.2, 1) forwards
}

@keyframes draw_underline {
to {
width: 100%
}
}

.contact_gateway .intro_description {
font-size: 23px;
line-height: 1.6;
color: #000c;
margin: 0
}

.contact_gateway .form_engagement_section {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
margin: 0 0 48px
}

.contact_gateway .angular_card {
background: #FFF;
border-radius: 14px;
padding: 48px;
border: 4px solid #FF8624;
box-shadow: 0 7px 14px 1px #ff862417;
transition: transform .24s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .24s cubic-bezier(0.4, 0, 0.2, 1), border-color .24s cubic-bezier(0.4, 0, 0.2, 1)
}

.contact_gateway .angular_card:hover {
transform: translateY(-6px);
box-shadow: 0 9px 44px 1px #ff86241a;
border-color: #00718E
}

.contact_gateway .card_heading {
font-size: 31px;
line-height: 1.35;
color: #00718E;
margin: 0 0 24px;
font-weight: 600
}

.contact_gateway .form_holder {
display: flex;
flex-direction: column;
gap: 24px
}

.contact_gateway .input_group {
display: flex;
flex-direction: column;
gap: 6px
}

.contact_gateway .field_label {
font-size: 15px;
line-height: 1.35;
color: #000000b3;
text-transform: uppercase;
letter-spacing: .5px;
font-weight: 600
}

.contact_gateway .text_input,
.contact_gateway .email_input {
padding: 12px 24px;
border: 3px solid #FF8624;
border-radius: 8px;
font-size: 15px;
line-height: 1.6;
color: #000000e6;
background: #FFF;
transition: border-color .22s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.contact_gateway .text_input:focus,
.contact_gateway .email_input:focus {
outline: none;
border-color: #00718E;
box-shadow: 0 3px 4px 1px #00718e14
}

.contact_gateway .text_input::placeholder,
.contact_gateway .email_input::placeholder {
color: #0006;
text-transform: uppercase;
font-size: 15px
}

.contact_gateway .slot_selector {
display: flex;
flex-direction: column;
gap: 12px
}

.contact_gateway .slot_option {
display: none
}

.contact_gateway .slot_button {
padding: 12px 24px;
border: 3px solid #FF8624;
border-radius: 8px;
background: #FFF;
font-size: 15px;
line-height: 1.35;
color: #000c;
cursor: pointer;
transition: background .2s cubic-bezier(0.4, 0, 0.2, 1), color .2s cubic-bezier(0.4, 0, 0.2, 1), border-color .2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .2s cubic-bezier(0.4, 0, 0.2, 1);
text-align: left
}

.contact_gateway .slot_button:hover {
background: #ff86241a;
box-shadow: 0 3px 4px 1px #ff862414
}

.contact_gateway .slot_option:checked+.slot_button {
background: #FF8624;
color: #FFF;
border-color: #FF8624;
box-shadow: 0 7px 14px 1px #ff862417
}

.contact_gateway .privacy_agreement {
display: flex;
gap: 12px;
align-items: flex-start
}

.contact_gateway .privacy_checkbox {
width: 24px;
height: 24px;
border: 3px solid #FF8624;
border-radius: 8px;
cursor: pointer;
flex-shrink: 0;
margin: 0;
transition: background .2s cubic-bezier(0.4, 0, 0.2, 1), border-color .2s cubic-bezier(0.4, 0, 0.2, 1)
}

.contact_gateway .privacy_checkbox:checked {
background: #FF8624;
border-color: #FF8624
}

.contact_gateway .privacy_text {
font-size: 15px;
line-height: 1.6;
color: #000000b3;
margin: 0
}

.contact_gateway .privacy_link {
color: #00718E;
text-decoration: underline;
transition: color .2s cubic-bezier(0.4, 0, 0.2, 1)
}

.contact_gateway .privacy_link:hover {
color: #FF8624
}

.contact_gateway .submit_action {
padding: 12px 48px;
border: 4px solid #00718E;
border-radius: 14px;
background: #00718E;
color: #FFF;
font-size: 15px;
line-height: 1.35;
font-weight: 600;
text-transform: uppercase;
cursor: pointer;
transition: box-shadow .24s cubic-bezier(0.4, 0, 0.2, 1), transform .24s cubic-bezier(0.4, 0, 0.2, 1), background .24s cubic-bezier(0.4, 0, 0.2, 1)
}

.contact_gateway .submit_action:hover {
box-shadow: 0 9px 44px 1px #00718e1a;
transform: translateY(-2px)
}

.contact_gateway .submit_action:active {
transform: translateY(0)
}

.contact_gateway .info_card_content {
display: flex;
flex-direction: column;
gap: 24px
}

.contact_gateway .info_item {
display: flex;
flex-direction: column;
gap: 6px;
padding: 12px 0;
border-bottom: 2px solid #ff862433
}

.contact_gateway .info_item:last-child {
border-bottom: none
}

.contact_gateway .info_label {
font-size: 15px;
line-height: 1.35;
color: #0009;
text-transform: uppercase;
font-weight: 600
}

.contact_gateway .info_value {
font-size: 23px;
line-height: 1.6;
color: #00718E;
font-weight: 500
}

.contact_gateway .info_value a {
color: inherit;
text-decoration: none;
transition: color .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.contact_gateway .info_value a:hover {
color: #FF8624
}

.contact_gateway .rewards_showcase {
background: #FFF;
padding: 48px;
border-radius: 34px;
border: 4px solid #00718E;
box-shadow: 0 7px 14px 1px #00718e17;
position: relative
}

.contact_gateway .rewards_showcase::before {
content: '';
position: absolute;
top: -2px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 24px solid transparent;
border-right: 24px solid transparent;
border-top: 24px solid #00718E
}

.contact_gateway .showcase_grid {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 24px;
text-align: center
}

.contact_gateway .showcase_item {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
padding: 24px 12px;
border-radius: 14px;
background: linear-gradient(180deg, #ff86240d 0%, #00718e0d 100%);
transition: transform .26s cubic-bezier(0.4, 0, 0.2, 1), background .26s cubic-bezier(0.4, 0, 0.2, 1)
}

.contact_gateway .showcase_item:hover {
transform: scale(1.08);
background: linear-gradient(180deg, #ff86241f 0%, #00718e1f 100%)
}

.contact_gateway .showcase_icon {
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 48px;
background: #FF8624;
color: #FFF;
font-size: 23px;
font-weight: 700
}

.contact_gateway .showcase_label {
font-size: 15px;
line-height: 1.35;
color: #000c;
font-weight: 600
}

.contact_gateway .wave_divider {
width: 100%;
height: 80px;
margin: 48px 0;
overflow: visible
}

.contact_gateway .wave_divider svg {
width: 100%;
height: 100%
}

.contact_gateway .structured_comparison {
background: linear-gradient(135deg, #00718e0f 0%, #ff862414 100%);
padding: 48px;
border-radius: 34px;
margin: 48px 0 0
}

.contact_gateway .comparison_heading {
font-size: 43px;
line-height: 1.35;
color: #00718E;
text-align: center;
margin: 0 0 48px;
font-weight: 700;
position: relative;
display: inline-block;
left: 50%;
transform: translateX(-50%)
}

.contact_gateway .comparison_heading::before {
content: '';
position: absolute;
top: 50%;
left: -48px;
transform: translateY(-50%);
width: 24px;
height: 24px;
background: #ff86244d;
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)
}

.contact_gateway .comparison_heading::after {
content: '';
position: absolute;
top: 50%;
right: -48px;
transform: translateY(-50%);
width: 24px;
height: 24px;
background: #ff86244d;
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)
}

.contact_gateway .code_blocks {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px
}

.contact_gateway .code_block {
background: #000000d9;
padding: 24px;
border-radius: 14px;
border: 3px solid #FF8624;
box-shadow: 0 7px 14px 1px #ff862417;
position: relative;
overflow: hidden
}

.contact_gateway .code_block::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 6px;
height: 100%;
background: linear-gradient(180deg, #FF8624, #00718E)
}

.contact_gateway .code_header {
font-size: 15px;
line-height: 1.35;
color: #FF8624;
text-transform: uppercase;
margin: 0 0 12px;
font-weight: 600;
padding: 0 0 0 12px
}

.contact_gateway .code_content {
font-size: 15px;
line-height: 1.8;
color: #ffffffe6;
font-family: monospace;
padding: 0 0 0 12px
}

.contact_gateway .code_line {
margin: 0 0 6px
}

.contact_gateway .code_keyword {
color: #FF8624
}

.contact_gateway .code_value {
color: #00718E
}

.contact_gateway .parallax_section {
position: relative;
min-height: 400px;
margin: 48px 0;
border-radius: 34px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #ff8624cc 0%, #00718ee6 100%)
}

.contact_gateway .parallax_content {
position: relative;
z-index: 2;
text-align: center;
padding: 48px
}

.contact_gateway .parallax_heading {
font-size: 60px;
line-height: 1.1;
color: #FFF;
margin: 0 0 24px;
font-weight: 700;
text-shadow: 0 3px 4px #0003
}

.contact_gateway .parallax_text {
font-size: 23px;
line-height: 1.6;
color: #fffffff2;
max-width: 800px;
margin: 0 auto
}

@media (max-width: 1024px) {
.contact_gateway .title_mosaic {
grid-template-columns: 1fr;
gap: 24px
}

.contact_gateway .form_engagement_section {
grid-template-columns: 1fr
}

.contact_gateway .showcase_grid {
grid-template-columns: repeat(3, minmax(0, 1fr))
}

.contact_gateway .code_blocks {
grid-template-columns: 1fr
}

.contact_gateway .oversized_heading {
font-size: 60px
}
}

@media (max-width: 768px) {
.contact_gateway .content_wrapper {
padding: 24px 12px
}

.contact_gateway .title_mosaic {
padding: 24px
}

.contact_gateway .oversized_heading {
font-size: 43px
}

.contact_gateway .angular_card {
padding: 24px
}

.contact_gateway .showcase_grid {
grid-template-columns: repeat(2, minmax(0, 1fr))
}

.contact_gateway .comparison_heading {
font-size: 31px
}

.contact_gateway .parallax_heading {
font-size: 43px
}
}

.project_gallery_main {
background: #FFF;
color: #1a1a1a;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
overflow-x: clip
}

.project_gallery_main * {
box-sizing: border-box
}

.project_gallery_main ::selection {
background: #00718E;
color: #FFF
}

.project_gallery_main .hero_wrapper {
max-width: 1600px;
margin: 0 auto;
padding: 48px 24px;
display: grid;
grid-template-columns: 180px 1fr;
gap: 48px;
align-items: center;
position: relative
}

.project_gallery_main .hero_image_column {
position: relative
}

.project_gallery_main .hero_image_column img {
width: 180px;
height: 240px;
object-fit: cover;
object-position: center;
border-radius: 22px;
position: relative;
z-index: 2
}

.project_gallery_main .hero_image_column::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to right, transparent, #ff862426);
border-radius: 22px;
z-index: 3;
pointer-events: none
}

.project_gallery_main .hero_text_zone {
position: relative
}

.project_gallery_main .hero_text_zone h1 {
font-size: 60px;
line-height: 1.1;
margin: 0 0 24px;
color: #00718E
}

.project_gallery_main .hero_text_zone p {
font-size: 23px;
line-height: 1.6;
margin: 0 0 24px;
color: #333
}

.project_gallery_main .hero_actions {
display: flex;
gap: 24px;
align-items: center
}

.project_gallery_main .hero_actions a {
font-size: 15px;
line-height: 1.35;
color: #00718E;
text-decoration: none;
padding: 12px 24px;
border: 3px solid #00718E;
border-radius: 8px;
transition: box-shadow .24s cubic-bezier(0.4, 0, 0.2, 1), background-color .24s cubic-bezier(0.4, 0, 0.2, 1)
}

.project_gallery_main .hero_actions a:hover {
box-shadow: 0 7px 14px 1px #00718e17;
background-color: #00718e0d
}

.project_gallery_main .hero_decoration {
position: absolute;
right: 48px;
top: 24px;
display: flex;
gap: 12px;
z-index: 1
}

.project_gallery_main .hero_decoration span {
width: 8px;
height: 8px;
background: #FF8624;
border-radius: 50%;
opacity: .3
}

.project_gallery_main .divider_thick {
max-width: 1600px;
margin: 0 auto;
height: 2px;
background: linear-gradient(to right, #ff86241a, #ff862466, #ff8624cc)
}

.project_gallery_main .card_grid_section {
max-width: 1600px;
margin: 0 auto;
padding: 48px 24px;
background: linear-gradient(135deg, #00718e08, #ff862408)
}

.project_gallery_main .card_grid_holder {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px
}

.project_gallery_main .project_card {
background: #FFF;
border-radius: 14px;
overflow: hidden;
border: 2px solid #00718e1a;
transition: transform .26s cubic-bezier(0.0, 0, 0.2, 1), box-shadow .26s cubic-bezier(0.0, 0, 0.2, 1);
position: relative;
opacity: 0;
transform: translateX(-40px) translateY(-40px);
animation: diagonal_reveal .6s cubic-bezier(0.0, 0, 0.2, 1) forwards
}

.project_card:nth-child(1) {
grid-column: span 2;
grid-row: span 2;
animation-delay: .1s
}

.project_card:nth-child(2) {
animation-delay: .2s
}

.project_card:nth-child(3) {
animation-delay: .3s
}

@keyframes diagonal_reveal {
to {
opacity: 1;
transform: translateX(0) translateY(0)
}
}

.project_gallery_main .project_card:hover {
transform: translateY(-6px);
box-shadow: 0 9px 44px 1px #00718e1a
}

.project_gallery_main .card_image_wrapper {
position: relative;
overflow: hidden;
height: 240px
}

.project_card:nth-child(1) .card_image_wrapper {
height: 360px
}

.project_gallery_main .card_image_wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform .28s cubic-bezier(0.4, 0, 0.2, 1)
}

.project_gallery_main .project_card:hover .card_image_wrapper img {
transform: scale(1.08)
}

.project_gallery_main .card_image_caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: #00718ef2;
color: #FFF;
padding: 12px;
font-size: 15px;
line-height: 1.35;
transform: translateY(100%);
transition: transform .24s cubic-bezier(0.4, 0, 0.2, 1)
}

.project_gallery_main .project_card:hover .card_image_caption {
transform: translateY(0)
}

.project_gallery_main .card_content {
padding: 24px
}

.project_gallery_main .card_meta {
display: flex;
gap: 12px;
margin-bottom: 12px;
flex-wrap: wrap
}

.project_gallery_main .card_tag {
font-size: 15px;
line-height: 1.35;
padding: 6px 12px;
background: #ff86241a;
color: #FF8624;
border-radius: 8px;
text-transform: uppercase;
letter-spacing: .5px
}

.project_gallery_main .card_title {
font-size: 23px;
line-height: 1.35;
margin: 0 0 12px;
color: #00718E
}

.project_gallery_main .card_description {
font-size: 15px;
line-height: 1.6;
margin: 0 0 12px;
color: #555
}

.project_gallery_main .card_stats {
display: flex;
gap: 24px;
margin-bottom: 12px;
font-size: 15px;
line-height: 1.35;
color: #777
}

.project_gallery_main .card_stats span {
display: flex;
align-items: center;
gap: 6px
}

.project_gallery_main .card_price_zone {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 12px;
border-top: 1px solid #00718e1a
}

.project_gallery_main .card_price {
font-size: 31px;
line-height: 1.1;
color: #FF8624;
font-weight: 700
}

.project_gallery_main .card_link {
font-size: 15px;
line-height: 1.35;
color: #00718E;
text-decoration: none;
padding: 12px 24px;
border: 3px solid #00718E;
border-radius: 8px;
transition: box-shadow .22s cubic-bezier(0.4, 0, 0.2, 1), background-color .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.project_gallery_main .card_link:hover {
box-shadow: 0 7px 14px 1px #00718e17;
background-color: #00718e0d
}

.project_gallery_main .card_duration {
font-size: 15px;
line-height: 1.35;
color: #555;
margin-bottom: 6px
}

.project_gallery_main .card_seats {
font-size: 15px;
line-height: 1.35;
color: #FF8624;
font-style: italic
}

.project_gallery_main .two_column_section {
max-width: 1600px;
margin: 0 auto;
padding: 48px 24px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: start
}

.project_gallery_main .text_format_holder {
background: #ff86240d;
padding: 48px;
border-radius: 22px;
border-left: 6px solid #FF8624
}

.project_gallery_main .text_format_holder h2 {
font-size: 43px;
line-height: 1.1;
margin: 0 0 24px;
color: #00718E;
position: relative;
display: inline-block
}

.project_gallery_main .text_format_holder h2::after {
content: '';
position: absolute;
bottom: -6px;
left: 0;
width: 0;
height: 3px;
background: #FF8624;
transition: width .6s cubic-bezier(0.4, 0, 0.2, 1)
}

.project_gallery_main .text_format_holder:hover h2::after {
width: 100%
}

.project_gallery_main .text_format_holder p {
font-size: 15px;
line-height: 1.6;
margin: 0 0 24px;
color: #333
}

.project_gallery_main .text_format_holder p:first-of-type {
font-size: 23px;
line-height: 1.6
}

.project_gallery_main .visual_format_holder {
position: relative
}

.project_gallery_main .visual_format_holder img {
width: 100%;
height: 480px;
object-fit: cover;
object-position: center;
border-radius: 34px;
box-shadow: 0 9px 44px 1px #ff86241a
}

.project_gallery_main .zigzag_section {
max-width: 1600px;
margin: 0 auto;
padding: 48px 24px;
background: linear-gradient(180deg, #ff86240d, #00718e0d);
position: relative
}

.project_gallery_main .zigzag_section::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: repeating-linear-gradient(45deg, transparent, transparent 20px, #ff862408 20px, #ff862408 22px), repeating-linear-gradient(-45deg, transparent, transparent 20px, #00718e08 20px, #00718e08 22px);
pointer-events: none;
z-index: 1
}

.project_gallery_main .zigzag_content {
position: relative;
z-index: 2;
text-align: center
}

.project_gallery_main .zigzag_content h2 {
font-size: 43px;
line-height: 1.1;
margin: 0 0 24px;
color: #FF8624
}

.project_gallery_main .zigzag_content p {
font-size: 23px;
line-height: 1.6;
margin: 0 0 48px;
color: #333;
max-width: 900px;
margin-left: auto;
margin-right: auto
}

.project_gallery_main .loyalty_showcase {
display: flex;
justify-content: center;
gap: 48px;
flex-wrap: wrap
}

.project_gallery_main .loyalty_item {
background: #FFF;
padding: 24px;
border-radius: 14px;
border: 3px solid #00718E;
width: 280px;
text-align: center;
transition: transform .26s cubic-bezier(0.0, 0, 0.2, 1), box-shadow .26s cubic-bezier(0.0, 0, 0.2, 1)
}

.project_gallery_main .loyalty_item:hover {
transform: scale(1.05);
box-shadow: 0 9px 44px 1px #00718e1a
}

.project_gallery_main .loyalty_icon {
width: 80px;
height: 80px;
margin: 0 auto 12px;
background: linear-gradient(135deg, #FF8624, #00718E);
border-radius: 48px;
display: flex;
align-items: center;
justify-content: center;
color: #FFF;
font-size: 43px
}

.project_gallery_main .loyalty_item h3 {
font-size: 23px;
line-height: 1.35;
margin: 0 0 12px;
color: #00718E
}

.project_gallery_main .loyalty_item p {
font-size: 15px;
line-height: 1.6;
margin: 0;
color: #555
}

.project_gallery_main .testimonial_section {
max-width: 1600px;
margin: 0 auto;
padding: 48px 24px;
background: #FFF
}

.project_gallery_main .testimonial_section h2 {
font-size: 43px;
line-height: 1.1;
margin: 0 0 48px;
color: #00718E;
text-align: center
}

.project_gallery_main .testimonial_grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px
}

.project_gallery_main .testimonial_card {
display: flex;
gap: 24px;
align-items: start;
padding: 24px;
background: #00718e08;
border-radius: 22px;
border: 2px solid #00718e1a
}

.project_gallery_main .testimonial_portrait {
width: 120px;
height: 120px;
flex-shrink: 0
}

.project_gallery_main .testimonial_portrait img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
border-radius: 34px
}

.project_gallery_main .testimonial_text h3 {
font-size: 23px;
line-height: 1.35;
margin: 0 0 12px;
color: #FF8624
}

.project_gallery_main .testimonial_text p {
font-size: 15px;
line-height: 1.6;
margin: 0;
color: #333
}

@media (max-width: 768px) {
.project_gallery_main .hero_wrapper {
grid-template-columns: 1fr;
gap: 24px
}

.project_gallery_main .hero_image_column img {
width: 100%;
height: 280px
}

.project_gallery_main .hero_text_zone h1 {
font-size: 43px
}

.project_gallery_main .card_grid_holder {
grid-template-columns: 1fr
}

.project_card:nth-child(1) {
grid-column: span 1;
grid-row: span 1
}

.project_gallery_main .two_column_section {
grid-template-columns: 1fr
}

.project_gallery_main .testimonial_grid {
grid-template-columns: 1fr
}

.project_gallery_main .loyalty_showcase {
flex-direction: column;
align-items: center
}
}

.digest_annual_page {
background: linear-gradient(180deg, #FFF 0%, #ff862408 100%);
min-height: 100vh
}

.digest_annual_page .page_wrapper {
max-width: 1600px;
margin: 0 auto;
padding: 48px 24px
}

.digest_annual_page .title_section {
display: grid;
grid-template-columns: 1fr 2fr 1fr;
gap: 48px;
align-items: center;
margin: 0 0 48px;
padding: 48px;
background: linear-gradient(135deg, #00718e0a 0%, #ff86240a 100%);
border-radius: 34px;
position: relative
}

.digest_annual_page .title_section::before {
content: '';
position: absolute;
top: -24px;
left: 48px;
width: 180px;
height: 180px;
background: radial-gradient(circle, #ff862426 0%, transparent 70%);
border-radius: 48px;
z-index: 0;
animation: gradient_shift 8s ease-in-out infinite
}

@keyframes gradient_shift {

0%,
100% {
opacity: .3;
transform: scale(1)
}

50% {
opacity: .6;
transform: scale(1.1)
}
}

.digest_annual_page .left_image_holder {
position: relative;
z-index: 1
}

.digest_annual_page .left_image_holder img {
width: 100%;
height: 380px;
object-fit: cover;
border-radius: 22px;
filter: contrast(1.1) saturate(1.05);
box-shadow: 0 7px 14px 1px #ff862417;
transition: transform .26s cubic-bezier(0.4, 0, 0.2, 1), filter .24s cubic-bezier(0.0, 0, 0.2, 1)
}

.digest_annual_page .left_image_holder img:hover {
transform: scale(1.05);
filter: contrast(1.15) saturate(1.1)
}

.digest_annual_page .title_content_holder {
z-index: 1
}

.digest_annual_page .title_heading {
font-size: 60px;
line-height: 1.1;
margin: 0 0 24px;
color: #00718E
}

.digest_annual_page .title_text {
font-size: 23px;
line-height: 1.6;
color: #2c3e50;
margin: 0
}

.digest_annual_page .right_image_holder {
position: relative;
height: 380px;
z-index: 1
}

.digest_annual_page .right_decorative_element {
position: absolute;
top: 24px;
right: 24px;
width: 120px;
height: 120px;
background: linear-gradient(135deg, #ff862433, #00718e33);
border-radius: 48px;
z-index: -1
}

.digest_annual_page .direction_indicators {
display: flex;
gap: 12px;
justify-content: center;
margin: 48px 0
}

.digest_annual_page .arrow_shape {
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 14px solid #FF8624;
opacity: .7;
transition: opacity .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.digest_annual_page .arrow_shape:hover {
opacity: 1
}

.digest_annual_page .insights_grid_section {
background: linear-gradient(180deg, #00718e40 0%, #00718e14 100%);
padding: 48px;
border-radius: 34px;
margin: 0 0 48px;
box-shadow: 0 9px 44px 1px #00718e1a
}

.digest_annual_page .insights_heading {
font-size: 43px;
line-height: 1.35;
color: #00718E;
margin: 0 0 48px;
text-align: center;
position: relative;
display: inline-block;
width: 100%
}

.digest_annual_page .insights_heading::after {
content: '';
position: absolute;
bottom: -12px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 3px;
background: #FF8624;
transition: width .28s cubic-bezier(0.0, 0, 0.2, 1)
}

.digest_annual_page .insights_heading:hover::after {
width: 240px
}

.digest_annual_page .insights_content_holder {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 48px;
align-items: start
}

.digest_annual_page .main_insights_block {
background: #FFF;
padding: 48px;
border-radius: 22px;
border: 4px solid #FF8624;
position: relative;
transition: box-shadow .24s cubic-bezier(0.4, 0, 0.2, 1)
}

.digest_annual_page .main_insights_block:hover {
box-shadow: 0 9px 44px 1px #ff86241a
}

.digest_annual_page .numbered_sequence {
display: flex;
flex-direction: column;
gap: 24px
}

.digest_annual_page .sequence_item {
display: grid;
grid-template-columns: 60px 1fr;
gap: 24px;
align-items: start
}

.digest_annual_page .number_badge {
width: 60px;
height: 60px;
background: linear-gradient(135deg, #FF8624, #00718E);
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
font-size: 31px;
font-weight: 700;
color: #FFF;
box-shadow: 0 3px 4px 1px #ff862414;
transition: transform .2s cubic-bezier(0.4, 0, 0.2, 1)
}

.digest_annual_page .sequence_item:hover .number_badge {
transform: scale(1.1)
}

.digest_annual_page .sequence_text_holder h3 {
font-size: 23px;
line-height: 1.35;
color: #00718E;
margin: 0 0 12px
}

.digest_annual_page .sequence_text_holder p {
font-size: 15px;
line-height: 1.6;
color: #34495e;
margin: 0
}

.digest_annual_page .legend_panel {
background: #FFF;
padding: 48px;
border-radius: 22px;
border: 4px solid #00718E;
box-shadow: 0 7px 14px 1px #00718e17
}

.digest_annual_page .legend_title {
font-size: 23px;
line-height: 1.35;
color: #00718E;
margin: 0 0 24px;
text-align: center
}

.digest_annual_page .legend_items_holder {
display: flex;
flex-direction: column;
gap: 24px
}

.digest_annual_page .legend_item {
display: flex;
align-items: center;
gap: 12px
}

.digest_annual_page .icon_marker {
width: 32px;
height: 32px;
border-radius: 8px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
transition: transform .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.digest_annual_page .legend_item:hover .icon_marker {
transform: rotate(15deg) scale(1.15)
}

.digest_annual_page .icon_marker_primary {
background: #FF8624
}

.digest_annual_page .icon_marker_secondary {
background: #00718E
}

.digest_annual_page .icon_marker_tertiary {
background: linear-gradient(135deg, #FF8624, #00718E)
}

.digest_annual_page .icon_shape {
width: 16px;
height: 16px;
background: #FFF;
border-radius: 8px
}

.digest_annual_page .legend_description {
font-size: 15px;
line-height: 1.6;
color: #2c3e50
}

.digest_annual_page .loyalty_rewards_section {
background: #FFF;
padding: 48px;
border-radius: 34px;
border: 6px solid #FF8624;
box-shadow: 0 9px 44px 1px #ff86241a;
position: relative;
overflow: hidden
}

.digest_annual_page .loyalty_rewards_section::before {
content: '';
position: absolute;
top: -100px;
right: -100px;
width: 300px;
height: 300px;
background: radial-gradient(circle, #00718e14 0%, transparent 70%);
border-radius: 48px
}

.digest_annual_page .rewards_heading {
font-size: 43px;
line-height: 1.35;
color: #FF8624;
margin: 0 0 24px;
text-align: center
}

.digest_annual_page .rewards_intro {
font-size: 23px;
line-height: 1.6;
color: #00718E;
text-align: center;
margin: 0 0 48px
}

.digest_annual_page .rewards_grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 48px
}

.digest_annual_page .reward_card {
background: linear-gradient(135deg, #ff86240d, #00718e0d);
padding: 48px 24px;
border-radius: 22px;
border: 3px solid transparent;
text-align: center;
transition: border-color .26s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .24s cubic-bezier(0.0, 0, 0.2, 1);
position: relative
}

.digest_annual_page .reward_card::before {
content: '';
position: absolute;
top: 12px;
left: 12px;
width: 8px;
height: 8px;
background: #FF8624;
border-radius: 8px;
opacity: 0;
transition: opacity .2s cubic-bezier(0.4, 0, 0.2, 1)
}

.digest_annual_page .reward_card:hover::before {
opacity: 1
}

.digest_annual_page .reward_card:hover {
border-color: #FF8624;
box-shadow: 0 7px 14px 1px #ff862417
}

.digest_annual_page .reward_icon_holder {
width: 80px;
height: 80px;
margin: 0 auto 24px;
background: #FF8624;
border-radius: 22px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 3px 4px 1px #ff862414;
transition: transform .28s cubic-bezier(0.0, 0, 0.2, 1)
}

.digest_annual_page .reward_card:hover .reward_icon_holder {
transform: scale(1.15) rotate(5deg)
}

.digest_annual_page .reward_icon_holder svg {
width: 40px;
height: 40px;
fill: #FFF
}

.digest_annual_page .reward_title {
font-size: 23px;
line-height: 1.35;
color: #00718E;
margin: 0 0 12px
}

.digest_annual_page .reward_description {
font-size: 15px;
line-height: 1.6;
color: #34495e;
margin: 0
}

@media (max-width: 768px) {
.digest_annual_page .title_section {
grid-template-columns: 1fr;
gap: 24px;
padding: 24px
}

.digest_annual_page .left_image_holder img,
.digest_annual_page .right_image_holder {
height: 240px
}

.digest_annual_page .title_heading {
font-size: 43px
}

.digest_annual_page .title_text {
font-size: 15px
}

.digest_annual_page .right_decorative_element {
display: none
}

.digest_annual_page .insights_content_holder {
grid-template-columns: 1fr
}

.digest_annual_page .rewards_grid {
grid-template-columns: 1fr;
gap: 24px
}

.digest_annual_page .insights_heading {
font-size: 31px
}

.digest_annual_page .rewards_heading {
font-size: 31px
}

.digest_annual_page .sequence_item {
grid-template-columns: 48px 1fr;
gap: 12px
}

.digest_annual_page .number_badge {
width: 48px;
height: 48px;
font-size: 23px
}
}

.about_golden_page {
background: linear-gradient(135deg, #FFF 0%, #ff862408 100%);
min-height: 100vh;
position: relative;
overflow-x: clip
}

.about_golden_page::before {
content: '';
position: fixed;
top: 20%;
right: -120px;
width: 280px;
height: 280px;
background: linear-gradient(135deg, #00718e0f, #ff86240a);
border-radius: 34px;
animation: slow_rotate 45s linear infinite;
pointer-events: none;
z-index: 0
}

@keyframes slow_rotate {
from {
transform: rotate(0deg)
}

to {
transform: rotate(360deg)
}
}

.about_golden_page .content_wrapper {
max-width: 1600px;
margin: 0 auto;
position: relative;
z-index: 1
}

.about_golden_page .hero_diagonal {
position: relative;
padding: 48px 24px;
background: linear-gradient(125deg, #ff862414 0%, #ff862414 52%, #00718e0f 52%, #00718e0f 100%);
overflow: hidden
}

.about_golden_page .hero_diagonal::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3px;
background: radial-gradient(ellipse at center, #ff862433, transparent)
}

.about_golden_page .hero_diagonal .wave_divider {
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 48px;
background: #FFF;
clip-path: ellipse(100% 100% at 50% 100%)
}

.about_golden_page .hero_content_grid {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
align-items: center;
max-width: 1400px;
margin: 0 auto
}

.about_golden_page .hero_text_block h1 {
font-size: 60px;
line-height: 1.1;
color: #1a1a1a;
margin: 0 0 24px
}

.about_golden_page .hero_text_block h1 .highlight_phrase {
color: #FF8624;
font-style: italic
}

.about_golden_page .hero_text_block p {
font-size: 23px;
line-height: 1.6;
color: #2a2a2a;
margin: 0
}

.about_golden_page .hero_image_holder {
position: relative;
width: 100%;
max-width: 480px;
margin: 0 auto
}

.about_golden_page .hero_image_holder img {
width: 100%;
height: 380px;
object-fit: cover;
object-position: center;
border-radius: 22px;
opacity: .75;
box-shadow: 0 7px 14px 1px #ff862417;
transition: opacity .24s cubic-bezier(0.4, 0, 0.2, 1), transform .26s cubic-bezier(0.4, 0, 0.2, 1)
}

.about_golden_page .hero_image_holder img:hover {
opacity: 1;
transform: scale(1.03)
}

.about_golden_page .mission_section {
padding: 48px 24px;
background: #FFF;
position: relative
}

.about_golden_page .mission_section::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, #00718e26, transparent)
}

.about_golden_page .mission_container {
max-width: 1400px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 48px
}

.about_golden_page .mission_primary {
grid-column: span 2
}

.about_golden_page .mission_primary h2 {
font-size: 43px;
line-height: 1.35;
color: #1a1a1a;
margin: 0 0 24px;
position: relative;
display: inline-block
}

.about_golden_page .mission_primary h2::after {
content: '';
position: absolute;
bottom: -6px;
left: 0;
width: 0;
height: 3px;
background: linear-gradient(90deg, #FF8624, #00718E);
transition: width .28s cubic-bezier(0.0, 0, 0.2, 1)
}

.about_golden_page .mission_primary:hover h2::after {
width: 100%
}

.about_golden_page .mission_primary .intro_text {
font-size: 23px;
line-height: 1.6;
color: #2a2a2a;
margin: 0 0 24px
}

.about_golden_page .mission_primary .body_text {
font-size: 15px;
line-height: 1.6;
color: #3a3a3a;
margin: 0 0 12px
}

.about_golden_page .mission_primary .body_text:last-child {
margin-bottom: 0
}

.about_golden_page .mission_sidebar {
display: flex;
flex-direction: column;
gap: 24px
}

.about_golden_page .stats_card {
background: linear-gradient(135deg, #ff86240a, #00718e08);
border: 3px solid #ff862426;
border-radius: 14px;
padding: 24px;
transition: box-shadow .22s cubic-bezier(0.4, 0, 0.2, 1), border-color .22s cubic-bezier(0.4, 0, 0.2, 1)
}

.about_golden_page .stats_card:hover {
box-shadow: 0 9px 44px 1px #ff86241a;
border-color: #ff86244d
}

.about_golden_page .stats_card h3 {
font-size: 15px;
line-height: 1.35;
color: #00718E;
text-transform: uppercase;
letter-spacing: .5px;
margin: 0 0 12px
}

.about_golden_page .stats_card .stat_value {
font-size: 43px;
line-height: 1.1;
color: #FF8624;
font-weight: 700;
margin: 0 0 6px
}

.about_golden_page .stats_card .stat_label {
font-size: 15px;
line-height: 1.35;
color: #3a3a3a;
margin: 0
}

.about_golden_page .loyalty_indicator {
background: #00718e0a;
border: 3px solid #00718e26;
border-radius: 14px;
padding: 24px
}

.about_golden_page .loyalty_indicator h3 {
font-size: 15px;
line-height: 1.35;
color: #00718E;
text-transform: uppercase;
letter-spacing: .5px;
margin: 0 0 12px
}

.about_golden_page .usage_bar_outer {
width: 100%;
height: 18px;
background: #fff9;
border-radius: 48px;
overflow: hidden;
position: relative;
box-shadow: inset 0 2px 3px #00718e14
}

.about_golden_page .usage_bar_fill {
height: 100%;
width: 68%;
background: linear-gradient(90deg, #FF8624, #00718E);
border-radius: 48px;
transition: width .26s cubic-bezier(0.0, 0, 0.2, 1)
}

.about_golden_page .usage_labels {
display: flex;
justify-content: space-between;
margin-top: 6px
}

.about_golden_page .usage_labels span {
font-size: 15px;
line-height: 1.35;
color: #3a3a3a
}

.about_golden_page .team_showcase {
padding: 48px 24px;
background: linear-gradient(180deg, #00718e05 0%, #ff862408 100%);
position: relative
}

.about_golden_page .team_showcase::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, #ff862426, transparent)
}

.about_golden_page .team_container {
max-width: 1400px;
margin: 0 auto
}

.about_golden_page .team_container h2 {
font-size: 43px;
line-height: 1.35;
color: #1a1a1a;
text-align: center;
margin: 0 0 48px
}

.about_golden_page .team_grid {
display: grid;
grid-template-columns: 2fr 3fr;
gap: 48px;
align-items: start
}

.about_golden_page .team_profile_card {
background: #FFF;
border: 4px solid #ff86241f;
border-radius: 22px;
padding: 24px;
text-align: center;
transition: transform .24s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .24s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
overflow: hidden
}

.about_golden_page .team_profile_card::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
background: #ff862414;
border-radius: 8px;
transform: translate(-50%, -50%);
transition: width .26s cubic-bezier(0.0, 0, 0.2, 1), height .26s cubic-bezier(0.0, 0, 0.2, 1);
z-index: 0
}

.about_golden_page .team_profile_card:hover::before {
width: 100%;
height: 100%
}

.about_golden_page .team_profile_card:hover {
transform: translateY(-6px);
box-shadow: 0 9px 44px 1px #ff86241a
}

.about_golden_page .profile_image_wrapper {
width: 140px;
height: 196px;
margin: 0 auto 24px;
border-radius: 34px;
overflow: hidden;
position: relative;
z-index: 1
}

.about_golden_page .profile_image_wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
transition: filter .24s cubic-bezier(0.4, 0, 0.2, 1)
}

.about_golden_page .team_profile_card:hover .profile_image_wrapper img {
filter: sepia(0.2) saturate(1.3) hue-rotate(-5deg)
}

.about_golden_page .profile_name {
font-size: 23px;
line-height: 1.35;
color: #1a1a1a;
margin: 0 0 6px;
position: relative;
z-index: 1
}

.about_golden_page .profile_role {
font-size: 15px;
line-height: 1.35;
color: #00718E;
font-style: italic;
margin: 0;
position: relative;
z-index: 1
}

.about_golden_page .team_content_area {
display: flex;
flex-direction: column;
gap: 24px
}

.about_golden_page .content_image_block {
position: relative;
border-radius: 14px;
overflow: hidden;
height: 280px
}

.about_golden_page .content_image_block img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform .26s cubic-bezier(0.4, 0, 0.2, 1), filter .24s cubic-bezier(0.4, 0, 0.2, 1)
}

.about_golden_page .content_image_block:hover img {
transform: scale(1.06);
filter: sepia(0.15) saturate(1.2)
}

.about_golden_page .team_description h3 {
font-size: 31px;
line-height: 1.35;
color: #1a1a1a;
margin: 0 0 12px
}

.about_golden_page .team_description p {
font-size: 15px;
line-height: 1.6;
color: #3a3a3a;
margin: 0 0 12px
}

.about_golden_page .team_description p:last-child {
margin-bottom: 0
}

.about_golden_page .team_description .accent_phrase {
color: #00718E;
font-style: italic
}

@media (min-width: 768px) {
.about_golden_page .hero_content_grid {
grid-template-columns: 1.2fr 1fr
}
}

@media (max-width: 1024px) {
.about_golden_page .mission_container {
grid-template-columns: 1fr
}

.about_golden_page .mission_primary {
grid-column: span 1
}

.about_golden_page .team_grid {
grid-template-columns: 1fr
}
}

@media (max-width: 767px) {
.about_golden_page .hero_diagonal {
padding: 24px 12px
}

.about_golden_page .hero_text_block h1 {
font-size: 43px
}

.about_golden_page .hero_text_block p {
font-size: 15px
}

.about_golden_page .mission_section {
padding: 24px 12px
}

.about_golden_page .mission_container {
gap: 24px
}

.about_golden_page .mission_primary h2 {
font-size: 31px
}

.about_golden_page .mission_primary .intro_text {
font-size: 15px
}

.about_golden_page .team_showcase {
padding: 24px 12px
}

.about_golden_page .team_container h2 {
font-size: 31px;
margin-bottom: 24px
}

.about_golden_page .team_grid {
gap: 24px
}

.about_golden_page .team_description h3 {
font-size: 23px
}
}

.about_golden_page ::selection {
background: #00718E;
color: #FFF
}

.competitive_gaming_home {
background: #FFF;
min-height: 100vh;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility
}

.competitive_gaming_home * {
box-sizing: border-box
}

.competitive_gaming_home .title_animated_gradient {
position: relative;
background: linear-gradient(135deg, #ff86241f 0%, #00718e14 50%, #ff862426 100%);
background-size: 200% 200%;
animation: gradient_shift_motion 8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
padding: 48px 24px;
overflow: hidden
}

@keyframes gradient_shift_motion {
0% {
background-position: 0 50%
}

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

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

.competitive_gaming_home .title_animated_gradient::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: repeating-linear-gradient(0deg, transparent, transparent 2px, #00000005 2px, #00000005 4px), repeating-linear-gradient(90deg, transparent, transparent 2px, #00000005 2px, #00000005 4px);
pointer-events: none
}

.competitive_gaming_home .title_content_holder {
max-width: 1600px;
margin: 0 auto;
position: relative;
z-index: 1;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 48px;
align-items: center
}

.competitive_gaming_home .title_text_section {
padding: 24px 0
}

.competitive_gaming_home .title_main_heading {
font-size: 60px;
line-height: 1.1;
color: #00718E;
margin: 0 0 24px;
font-weight: 700
}

.competitive_gaming_home .title_description_text {
font-size: 23px;
line-height: 1.6;
color: #333;
margin: 0 0 48px
}

.competitive_gaming_home .title_action_links {
display: flex;
gap: 24px;
flex-wrap: wrap
}

.competitive_gaming_home .title_primary_link {
display: inline-block;
padding: 12px 48px;
background: #FF8624;
color: #FFF;
text-decoration: none;
border: 3px solid #FF8624;
border-radius: 14px;
font-size: 15px;
font-weight: 600;
transition: box-shadow .24s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 3px 4px 1px #ff862414
}

.competitive_gaming_home .title_primary_link:hover {
box-shadow: 0 9px 44px 1px #ff86241a
}

.competitive_gaming_home .title_secondary_link {
display: inline-block;
padding: 12px 48px;
background: transparent;
color: #00718E;
text-decoration: none;
border: 3px solid #00718E;
border-radius: 14px;
font-size: 15px;
font-weight: 600;
transition: box-shadow .22s cubic-bezier(0.0, 0, 0.2, 1);
box-shadow: 0 3px 4px 1px #00718e14
}

.competitive_gaming_home .title_secondary_link:hover {
box-shadow: 0 7px 14px 1px #00718e17
}

.competitive_gaming_home .title_image_holder {
position: relative;
border-radius: 22px;
overflow: hidden;
box-shadow: 0 7px 14px 1px #00718e17
}

.competitive_gaming_home .title_feature_image {
width: 100%;
height: 480px;
object-fit: cover;
object-position: center;
display: block;
transition: transform .28s cubic-bezier(0.4, 0, 0.2, 1)
}

.competitive_gaming_home .title_image_holder:hover .title_feature_image {
transform: scale(1.05)
}

.competitive_gaming_home .title_image_holder::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: radial-gradient(circle at center, transparent 40%, #0000004d 100%);
pointer-events: none
}

.competitive_gaming_home .loyalty_rewards_section {
padding: 48px 24px;
background: linear-gradient(180deg, #ffff 0%, #ff86240a 100%)
}

.competitive_gaming_home .loyalty_content_wrapper {
max-width: 1600px;
margin: 0 auto
}

.competitive_gaming_home .loyalty_section_heading {
font-size: 43px;
line-height: 1.35;
color: #00718E;
margin: 0 0 24px;
text-align: center
}

.competitive_gaming_home .loyalty_intro_paragraph {
font-size: 23px;
line-height: 1.6;
color: #333;
margin: 0 0 48px;
text-align: center;
max-width: 900px;
margin-left: auto;
margin-right: auto
}

.competitive_gaming_home .loyalty_grid_holder {
display: grid;
grid-template-columns: 1fr 1.5fr 2fr;
gap: 24px
}

.competitive_gaming_home .loyalty_card_item {
background: #FFF;
border: 3px solid #FF8624;
border-radius: 22px;
padding: 24px;
box-shadow: 0 3px 4px 1px #ff862414;
transition: box-shadow .26s cubic-bezier(0.4, 0, 0.2, 1)
}

.competitive_gaming_home .loyalty_card_item:hover {
box-shadow: 0 9px 44px 1px #ff86241a
}

.competitive_gaming_home .loyalty_card_heading {
font-size: 23px;
line-height: 1.35;
color: #00718E;
margin: 0 0 12px;
font-weight: 600
}

.competitive_gaming_home .loyalty_card_text {
font-size: 15px;
line-height: 1.6;
color: #555;
margin: 0
}

.competitive_gaming_home .strategy_showcase_section {
padding: 48px 24px;
background: #FFF;
position: relative
}

.competitive_gaming_home .strategy_content_holder {
max-width: 1600px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 48px;
align-items: center
}

.competitive_gaming_home .strategy_image_wrapper {
border-radius: 34px;
overflow: hidden;
box-shadow: 0 7px 14px 1px #00718e17
}

.competitive_gaming_home .strategy_visual_image {
width: 100%;
height: 560px;
object-fit: cover;
object-position: center;
display: block;
transition: transform .24s cubic-bezier(0.0, 0, 0.2, 1)
}

.competitive_gaming_home .strategy_image_wrapper:hover .strategy_visual_image {
transform: scale(1.08)
}

.competitive_gaming_home .strategy_text_content {
padding: 24px 0
}

.competitive_gaming_home .strategy_heading_text {
font-size: 43px;
line-height: 1.35;
color: #FF8624;
margin: 0 0 24px;
position: relative;
display: inline-block
}

.competitive_gaming_home .strategy_heading_text::after {
content: '';
position: absolute;
bottom: -6px;
left: 0;
width: 0;
height: 3px;
background: #FF8624;
transition: width .28s cubic-bezier(0.4, 0, 0.2, 1)
}

.competitive_gaming_home .strategy_heading_text:hover::after {
width: 100%
}

.competitive_gaming_home .strategy_body_text {
font-size: 15px;
line-height: 1.6;
color: #555;
margin: 0 0 12px
}

.competitive_gaming_home .strategy_body_text:first-of-type {
font-size: 23px;
color: #333
}

.competitive_gaming_home .curve_divider_svg {
width: 100%;
display: block;
margin: -1px 0
}

.competitive_gaming_home .training_program_section {
padding: 48px 24px;
background: linear-gradient(180deg, #00718e0f 0%, #ffff 100%);
position: relative
}

.competitive_gaming_home .training_wrapper {
max-width: 1600px;
margin: 0 auto
}

.competitive_gaming_home .training_header_text {
font-size: 43px;
line-height: 1.35;
color: #00718E;
margin: 0 0 48px;
text-align: left
}

.competitive_gaming_home .training_modules_grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px
}

.competitive_gaming_home .training_module_card {
background: #FFF;
border: 3px solid #00718E;
border-radius: 14px;
padding: 24px;
box-shadow: 0 3px 4px 1px #00718e14;
transition: transform .2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow .2s cubic-bezier(0.4, 0, 0.2, 1)
}

.competitive_gaming_home .training_module_card:hover {
transform: translateY(-6px);
box-shadow: 0 9px 44px 1px #00718e1a
}

.competitive_gaming_home .training_module_title {
font-size: 23px;
line-height: 1.35;
color: #FF8624;
margin: 0 0 12px;
font-weight: 600
}

.competitive_gaming_home .training_module_description {
font-size: 15px;
line-height: 1.6;
color: #555;
margin: 0
}

.competitive_gaming_home .achievement_metrics_section {
padding: 48px 24px;
background: url(./image_collection/ftr14-old100x966.jpg) center/cover no-repeat;
position: relative
}

.competitive_gaming_home .achievement_metrics_section::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, #ff8624eb 0%, #00718ee0 100%);
z-index: 1
}

.competitive_gaming_home .achievement_content_wrapper {
max-width: 1600px;
margin: 0 auto;
position: relative;
z-index: 2
}

.competitive_gaming_home .achievement_main_heading {
font-size: 43px;
line-height: 1.35;
color: #FFF;
margin: 0 0 48px;
text-align: center
}

.competitive_gaming_home .achievement_stats_grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 24px
}

.competitive_gaming_home .achievement_stat_box {
background: #ffffff26;
border: 2px solid #ffffff4d;
border-radius: 22px;
padding: 24px;
text-align: center;
backdrop-filter: blur(8px);
transition: background .26s cubic-bezier(0.0, 0, 0.2, 1)
}

.competitive_gaming_home .achievement_stat_box:hover {
background: #ffffff40
}

.competitive_gaming_home .achievement_stat_number {
font-size: 60px;
line-height: 1.1;
color: #FFF;
margin: 0 0 6px;
font-weight: 700
}

.competitive_gaming_home .achievement_stat_label {
font-size: 15px;
line-height: 1.35;
color: #FFF;
margin: 0;
font-weight: 500
}

.competitive_gaming_home .expert_profile_section {
padding: 48px 24px;
background: linear-gradient(180deg, #ffff 0%, #00718e0d 100%)
}

.competitive_gaming_home .expert_content_holder {
max-width: 1600px;
margin: 0 auto;
display: flex;
gap: 48px;
align-items: center
}

.competitive_gaming_home .expert_info_card {
flex: 1;
background: #FFF;
border: 3px solid #FF8624;
border-radius: 34px;
padding: 48px;
box-shadow: 0 7px 14px 1px #ff862417;
position: relative
}

.competitive_gaming_home .expert_info_card::before {
content: '';
position: absolute;
top: 12px;
right: 12px;
width: 12px;
height: 12px;
background: #00718E;
border-radius: 50%;
box-shadow: 0 0 0 3px #00718e33
}

.competitive_gaming_home .expert_card_heading {
font-size: 31px;
line-height: 1.35;
color: #00718E;
margin: 0 0 24px;
font-weight: 600
}

.competitive_gaming_home .expert_detail_row {
display: flex;
justify-content: space-between;
padding: 12px 0;
border-bottom: 1px solid #00718e1a;
font-size: 15px;
line-height: 1.6
}

.competitive_gaming_home .expert_detail_row:last-child {
border-bottom: none
}

.competitive_gaming_home .expert_detail_label {
color: #00718E;
font-weight: 600
}

.competitive_gaming_home .expert_detail_value {
color: #555
}

.competitive_gaming_home .expert_portrait_holder {
flex-shrink: 0;
width: 280px;
height: 420px;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 7px 14px 1px #00718e17
}

.competitive_gaming_home .expert_portrait_image {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
display: block;
transition: transform .28s cubic-bezier(0.4, 0, 0.2, 1)
}

.competitive_gaming_home .expert_portrait_holder:hover .expert_portrait_image {
transform: scale(1.06)
}

.competitive_gaming_home .faq_section {
padding: 48px 24px;
background: #FFF
}

.competitive_gaming_home .faq_wrapper {
max-width: 1600px;
margin: 0 auto
}

.competitive_gaming_home .faq_section_title {
font-size: 43px;
line-height: 1.35;
color: #FF8624;
margin: 0 0 48px;
text-align: center
}

.competitive_gaming_home .faq_items_holder {
display: flex;
flex-direction: column;
gap: 24px
}

.competitive_gaming_home .faq_item_wrapper {
border: 2px solid #00718E;
border-radius: 14px;
overflow: hidden
}

.competitive_gaming_home .faq_question_trigger {
display: none
}

.competitive_gaming_home .faq_question_label {
display: block;
padding: 24px;
background: #00718e0d;
cursor: pointer;
font-size: 23px;
line-height: 1.35;
color: #00718E;
font-weight: 600;
transition: background .2s cubic-bezier(0.4, 0, 0.2, 1);
position: relative
}

.competitive_gaming_home .faq_question_label::after {
content: '+';
position: absolute;
right: 24px;
top: 50%;
transform: translateY(-50%);
font-size: 31px;
color: #FF8624;
transition: transform .22s cubic-bezier(0.0, 0, 0.2, 1)
}

.competitive_gaming_home .faq_question_label:hover {
background: #00718e14
}

.competitive_gaming_home .faq_answer_content {
max-height: 0;
overflow: hidden;
transition: max-height .26s cubic-bezier(0.4, 0, 0.2, 1)
}

.competitive_gaming_home .faq_answer_text {
padding: 24px;
font-size: 15px;
line-height: 1.6;
color: #555;
margin: 0
}

.competitive_gaming_home .faq_question_trigger:checked+.faq_question_label {
background: #00718e1f
}

.competitive_gaming_home .faq_question_trigger:checked+.faq_question_label::after {
transform: translateY(-50%) rotate(45deg)
}

.competitive_gaming_home .faq_question_trigger:checked~.faq_answer_content {
max-height: 500px
}

.competitive_gaming_home ::selection {
background: #00718E;
color: #FFF
}

@media (max-width: 768px) {
.competitive_gaming_home .title_content_holder {
grid-template-columns: 1fr;
gap: 24px
}

.competitive_gaming_home .title_main_heading {
font-size: 43px
}

.competitive_gaming_home .title_description_text {
font-size: 15px
}

.competitive_gaming_home .title_feature_image {
height: 320px
}

.competitive_gaming_home .loyalty_grid_holder {
grid-template-columns: 1fr
}

.competitive_gaming_home .strategy_content_holder {
grid-template-columns: 1fr
}

.competitive_gaming_home .strategy_visual_image {
height: 380px
}

.competitive_gaming_home .training_modules_grid {
grid-template-columns: 1fr
}

.competitive_gaming_home .achievement_stats_grid {
grid-template-columns: repeat(2, minmax(0, 1fr))
}

.competitive_gaming_home .achievement_stat_number {
font-size: 43px
}

.competitive_gaming_home .expert_content_holder {
flex-direction: column
}

.competitive_gaming_home .expert_portrait_holder {
width: 100%;
height: 480px
}
}

.success_page_wrapper {
background: linear-gradient(135deg, #ff862408 0%, #ffff 35%, #00718e0a 100%);
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 48px 24px;
position: relative;
overflow: hidden
}

.success_page_wrapper::before {
content: '';
position: absolute;
top: -50%;
right: -20%;
width: 600px;
height: 600px;
background: radial-gradient(circle, #ff862414 0%, transparent 70%);
border-radius: 50%;
pointer-events: none
}

.success_page_wrapper::after {
content: '';
position: absolute;
bottom: -30%;
left: -15%;
width: 500px;
height: 500px;
background: radial-gradient(circle, #00718e0f 0%, transparent 70%);
border-radius: 50%;
pointer-events: none
}

.success_content_holder {
max-width: 720px;
width: 100%;
background: #fffffff2;
border: 4px solid #FF8624;
border-radius: 22px;
padding: 48px;
box-shadow: 0 9px 44px 1px #ff86241a;
position: relative;
z-index: 1;
text-align: center;
animation: success_appear .26s cubic-bezier(0.0, 0, 0.2, 1) forwards
}

@keyframes success_appear {
from {
opacity: 0;
transform: translateY(24px) scale(0.96)
}

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

.checkmark_visual {
width: 120px;
height: 120px;
margin: 0 auto 24px;
position: relative;
animation: checkmark_pulse .24s cubic-bezier(0.4, 0, 0.2, 1) .1s forwards;
transform: scale(0)
}

@keyframes checkmark_pulse {
0% {
transform: scale(0)
}

50% {
transform: scale(1.1)
}

100% {
transform: scale(1)
}
}

.checkmark_circle {
width: 120px;
height: 120px;
border: 6px solid #FF8624;
border-radius: 50%;
position: relative;
background: linear-gradient(135deg, #ff862414 0%, #00718e0d 100%)
}

.checkmark_icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50px;
height: 50px
}

.checkmark_icon::before,
.checkmark_icon::after {
content: '';
position: absolute;
background: #FF8624;
border-radius: 8px
}

.checkmark_icon::before {
width: 8px;
height: 28px;
bottom: 8px;
left: 12px;
transform: rotate(-45deg);
animation: check_short .22s cubic-bezier(0.4, 0, 0.2, 1) .3s forwards;
transform-origin: bottom left;
opacity: 0
}

.checkmark_icon::after {
width: 8px;
height: 48px;
bottom: 0;
right: 8px;
transform: rotate(45deg);
animation: check_long .24s cubic-bezier(0.4, 0, 0.2, 1) .4s forwards;
transform-origin: bottom right;
opacity: 0
}

@keyframes check_short {
from {
height: 0;
opacity: 0
}

to {
height: 28px;
opacity: 1
}
}

@keyframes check_long {
from {
height: 0;
opacity: 0
}

to {
height: 48px;
opacity: 1
}
}

.success_main_heading {
font-size: 43px;
line-height: 1.1;
color: #00718E;
margin: 0 0 12px;
font-weight: 700
}

.success_subheading {
font-size: 23px;
line-height: 1.35;
color: #FF8624;
margin: 0 0 24px;
font-weight: 600
}

.success_description {
font-size: 15px;
line-height: 1.6;
color: #333;
margin: 0 0 48px
}

.reward_info_block {
background: linear-gradient(135deg, #ff86240f 0%, #00718e0a 100%);
border: 2px solid #00718E;
border-radius: 14px;
padding: 24px;
margin: 0 0 48px;
position: relative;
overflow: hidden
}

.reward_info_block::before {
content: '';
position: absolute;
top: 6px;
right: 6px;
width: 12px;
height: 12px;
background: #FF8624;
border-radius: 50%;
animation: decorative_pulse 2s cubic-bezier(0.4, 0, 0.2, 1) infinite
}

.reward_info_block::after {
content: '';
position: absolute;
bottom: 6px;
left: 6px;
width: 8px;
height: 8px;
background: #00718E;
border-radius: 50%;
animation: decorative_pulse 2s cubic-bezier(0.4, 0, 0.2, 1) .5s infinite
}

@keyframes decorative_pulse {

0%,
100% {
opacity: .4;
transform: scale(1)
}

50% {
opacity: 1;
transform: scale(1.3)
}
}

.reward_heading {
font-size: 23px;
line-height: 1.35;
color: #00718E;
margin: 0 0 12px;
font-weight: 600
}

.reward_text {
font-size: 15px;
line-height: 1.6;
color: #333;
margin: 0
}

.reward_emphasis {
color: #FF8624;
font-weight: 600;
font-style: italic
}

.action_buttons_group {
display: flex;
gap: 12px;
justify-content: center;
flex-wrap: wrap
}

.primary_action_btn {
display: inline-block;
padding: 12px 48px;
background: #FF8624;
color: #FFF;
font-size: 15px;
font-weight: 600;
text-decoration: none;
border: 3px solid #FF8624;
border-radius: 8px;
transition: box-shadow .24s cubic-bezier(0.4, 0, 0.2, 1), transform .22s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 3px 4px 1px #ff862414
}

.primary_action_btn:hover {
box-shadow: 0 9px 44px 1px #ff86241a;
transform: translateY(-2px)
}

.secondary_action_btn {
display: inline-block;
padding: 12px 48px;
background: #FFF;
color: #00718E;
font-size: 15px;
font-weight: 600;
text-decoration: none;
border: 3px solid #00718E;
border-radius: 8px;
transition: box-shadow .26s cubic-bezier(0.0, 0, 0.2, 1), transform .24s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 3px 4px 1px #00718e14
}

.secondary_action_btn:hover {
box-shadow: 0 7px 14px 1px #00718e17;
transform: translateY(-2px)
}

.decorative_motif_top {
position: absolute;
top: 12px;
left: 12px;
display: flex;
gap: 6px;
opacity: .3
}

.decorative_motif_top span {
width: 6px;
height: 6px;
background: #FF8624;
border-radius: 50%;
display: block
}

.decorative_motif_bottom {
position: absolute;
bottom: 12px;
right: 12px;
display: flex;
gap: 6px;
opacity: .3
}

.decorative_motif_bottom span {
width: 6px;
height: 6px;
background: #00718E;
border-radius: 50%;
display: block
}

@media (max-width: 768px) {
.success_content_holder {
padding: 24px
}

.success_main_heading {
font-size: 31px
}

.success_subheading {
font-size: 15px
}

.checkmark_visual {
width: 90px;
height: 90px
}

.checkmark_circle {
width: 90px;
height: 90px
}

.checkmark_icon {
width: 40px;
height: 40px
}

.action_buttons_group {
flex-direction: column
}

.primary_action_btn,
.secondary_action_btn {
width: 100%
}
}

.success_page_wrapper ::selection {
background: #00718E;
color: #FFF
}