body.page-id-4620 .wp-block-group.hero-slider {
position: relative; background: transparent;
overflow: hidden;
padding: 0;
margin: 0;
}
body.page-id-4620 .wp-block-group.hero-slider::before {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse at 30% 50%, rgba(255,255,255,0.12) 0%, transparent 60%),
radial-gradient(ellipse at 80% 30%, rgba(253,185,36,0.10) 0%, transparent 50%);
pointer-events: none;
}
body.page-id-4620 .wp-block-group.hero-slider-content {
position: relative;
z-index: 2;
text-align: center;
padding: 60px 40px;
max-width: 720px;
margin: 0 auto;
}
body.page-id-4620 .wp-block-group.hero-slider-content h1 {
color: white;
font-size: 48px;
font-weight: 800;
line-height: 1.1;
margin-bottom: 16px;
text-shadow: 0 2px 20px rgba(0,0,0,0.15);
}
body.page-id-4620 .wp-block-group.hero-slider-content > p {
color: rgba(255,255,255,0.9);
font-size: 20px;
line-height: 1.6;
margin-bottom: 28px;
}
body.page-id-4620 .wp-block-group.hero-slider-content .wp-block-button.btn-yellow .wp-block-button__link {
font-size: 18px;
padding: 15px 40px;
}
body.page-id-4620 .hero-slider-note {
position: absolute;
bottom: 16px;
left: 50%;
transform: translateX(-50%);
background: rgba(0,0,0,0.3);
color: rgba(255,255,255,0.7);
font-size: 11px;
padding: 4px 14px;
border-radius: 20px;
backdrop-filter: blur(4px);
} body.page-id-4620 .wp-block-group.welcome {
background: var(--tsnw-white);
padding: 56px 40px;
}
body.page-id-4620 .wp-block-columns.welcome-inner {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: center;
}
body.page-id-4620 .welcome-inner .wp-block-column p {
color: var(--tsnw-text-mid);
margin-bottom: 14px;
}
body.page-id-4620 .welcome-inner .wp-block-column h2 {
margin-bottom: 16px;
}
body.page-id-4620 .welcome-inner .highlight {
font-size: var(--tsnw-h4-size);
font-weight: 600;
color: var(--tsnw-blue);
margin-top: 8px;
}
body.page-id-4620 .wp-block-group.welcome-image {
width: 100%;
min-height: 320px;
background: linear-gradient(135deg, var(--tsnw-blue-surface) 0%, var(--tsnw-green-surface) 100%);
border-radius: var(--tsnw-radius-lg);
display: flex;
align-items: center;
justify-content: center;
color: var(--tsnw-text-light);
font-size: 14px;
box-shadow: var(--tsnw-shadow-lg);
} body.page-id-4620 .wp-block-group.courses {
background: var(--tsnw-snow);
padding: 56px 40px;
}
body.page-id-4620 .wp-block-group.courses-inner {
max-width: 1200px;
margin: 0 auto;
} body.page-id-4620 .wp-block-columns.course-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
} body.page-id-4620 .wp-block-column.course-card {
background: var(--tsnw-white);
border-radius: var(--tsnw-radius-md);
overflow: hidden;
border: 1px solid var(--tsnw-border);
transition: all 0.25s;
display: flex;
flex-direction: column; flex-basis: auto !important;
}
body.page-id-4620 .wp-block-column.course-card:hover {
transform: translateY(-3px);
box-shadow: var(--tsnw-shadow-lg);
border-color: var(--tsnw-blue);
} body.page-id-4620 .wp-block-group.course-card-img {
height: 140px;
display: flex;
align-items: center;
justify-content: center;
color: rgba(255,255,255,0.7);
font-size: 13px;
font-weight: 500;
padding: 0;
} body.page-id-4620 .wp-block-group.course-card-body {
padding: 20px;
flex: 1;
display: flex;
flex-direction: column;
}
body.page-id-4620 .wp-block-group.course-card-body h4 {
margin-bottom: 6px;
}
body.page-id-4620 .wp-block-group.course-card-body > p:not(.badge):not(.price-link) {
font-size: var(--tsnw-body-sm);
color: var(--tsnw-text-mid);
line-height: 1.5;
flex: 1;
} body.page-id-4620 .wp-block-group.price-line {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 8px 12px;
margin-top: 14px;
padding-top: 12px;
border-top: 1px solid var(--tsnw-border);
}
body.page-id-4620 .wp-block-group.price-line > p {
margin: 0;
}
body.page-id-4620 .wp-block-group.price-line .price-link {
flex-shrink: 0;
}
body.page-id-4620 .wp-block-group.price-line .price-link a {
white-space: nowrap;
display: inline-block;
}
body.page-id-4620 .price-line .from {
display: block;
margin-bottom: 2px;
font-size: var(--tsnw-caption);
color: var(--tsnw-text-light);
}
body.page-id-4620 .price-line .amount {
font-size: 20px;
font-weight: 800;
color: var(--tsnw-blue);
}
body.page-id-4620 .price-line .price-link a {
font-size: var(--tsnw-body-sm);
font-weight: 600;
color: var(--tsnw-blue);
text-decoration: none;
padding: 6px 16px;
border: 2px solid var(--tsnw-blue);
border-radius: 8px;
transition: all 0.2s;
}
body.page-id-4620 .price-line .price-link a:hover {
background: var(--tsnw-blue);
color: white;
} body.page-id-4620 .wp-block-group.lake {
background: linear-gradient(135deg, var(--tsnw-blue-surface) 0%, var(--tsnw-green-surface) 50%, var(--tsnw-yellow-surface) 100%);
padding: 56px 40px;
position: relative;
overflow: hidden;
}
body.page-id-4620 .wp-block-group.lake::before {
content: '';
position: absolute;
top: -30%;
right: -10%;
width: 500px;
height: 500px;
background: radial-gradient(circle, rgba(0,182,222,0.08) 0%, transparent 70%);
border-radius: 50%;
pointer-events: none;
}
body.page-id-4620 .wp-block-group.lake-inner {
max-width: 1200px;
margin: 0 auto;
position: relative;
z-index: 2;
} body.page-id-4620 .wp-block-columns.lake-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
} body.page-id-4620 .wp-block-column.lake-card {
background: var(--tsnw-white);
border-radius: var(--tsnw-radius-md);
padding: 28px;
border: 1px solid var(--tsnw-border);
transition: all 0.25s;
box-shadow: var(--tsnw-shadow);
flex-basis: auto !important;
}
body.page-id-4620 .wp-block-column.lake-card:hover {
transform: translateY(-2px);
box-shadow: var(--tsnw-shadow-lg);
border-color: var(--tsnw-blue);
} body.page-id-4620 .wp-block-group.lake-card-icon {
width: 52px;
height: 52px;
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
margin-bottom: 14px;
padding: 0;
}
body.page-id-4620 .wp-block-column.lake-card h4 {
margin-bottom: 8px;
}
body.page-id-4620 .wp-block-column.lake-card > p {
font-size: var(--tsnw-body-sm);
color: var(--tsnw-text-mid);
line-height: 1.6;
margin-bottom: 16px;
} body.page-id-4620 .wp-block-group.live-data {
background: var(--tsnw-white);
padding: 56px 40px;
}
body.page-id-4620 .wp-block-group.live-data-inner {
max-width: 1200px;
margin: 0 auto;
} body.page-id-4620 .wp-block-columns.live-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
} body.page-id-4620 .wp-block-column.live-card {
background: var(--tsnw-snow);
border-radius: var(--tsnw-radius-md);
padding: 28px;
border: 1px solid var(--tsnw-border);
transition: all 0.25s;
flex-basis: auto !important;
}
body.page-id-4620 .wp-block-column.live-card:hover {
transform: translateY(-2px);
box-shadow: var(--tsnw-shadow-lg);
border-color: var(--tsnw-blue);
} body.page-id-4620 .wp-block-group.live-card-icon {
width: 52px;
height: 52px;
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
margin-bottom: 14px;
padding: 0;
}
body.page-id-4620 .wp-block-column.live-card h4 {
margin-bottom: 8px;
}
body.page-id-4620 .live-value {
font-size: 28px;
font-weight: 800;
color: var(--tsnw-blue);
line-height: 1.2;
margin-bottom: 4px;
}
body.page-id-4620 .live-sub {
font-size: var(--tsnw-caption);
color: var(--tsnw-text-light);
margin-bottom: 12px;
}
body.page-id-4620 .wp-block-column.live-card > p:not(.live-value):not(.live-sub) {
font-size: var(--tsnw-body-sm);
color: var(--tsnw-text-mid);
line-height: 1.6;
margin-bottom: 16px;
} body.page-id-4620 .wp-block-group.team {
background: var(--tsnw-green-surface);
padding: 56px 40px;
}
body.page-id-4620 .wp-block-group.team-inner {
max-width: 1200px;
margin: 0 auto;
} body.page-id-4620 .wp-block-columns.team-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
} body.page-id-4620 .wp-block-column.team-card {
background: var(--tsnw-white);
border-radius: var(--tsnw-radius-lg);
overflow: hidden;
border: 1px solid var(--tsnw-border);
transition: all 0.25s;
flex-basis: auto !important;
}
body.page-id-4620 .wp-block-column.team-card:hover {
transform: translateY(-2px);
box-shadow: var(--tsnw-shadow-lg);
} body.page-id-4620 .wp-block-group.team-card-img {
height: 200px;
display: flex;
align-items: center;
justify-content: center;
color: rgba(255,255,255,0.7);
font-size: 14px;
padding: 0;
} body.page-id-4620 .wp-block-group.team-card-body {
padding: 24px;
}
body.page-id-4620 .wp-block-group.team-card-body .role {
font-size: var(--tsnw-label);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
color: var(--tsnw-blue);
margin-bottom: 4px;
}
body.page-id-4620 .wp-block-group.team-card-body h4 {
margin-bottom: 8px;
}
body.page-id-4620 .wp-block-group.team-card-body > p:not(.role):not(.blockquote) {
font-size: var(--tsnw-body-sm);
color: var(--tsnw-text-mid);
line-height: 1.6;
}
body.page-id-4620 .wp-block-group.team-card-body .blockquote {
font-size: var(--tsnw-body-sm);
font-style: italic;
color: var(--tsnw-text-mid);
padding-left: 16px;
border-left: 3px solid var(--tsnw-green);
margin-top: 12px;
} body.page-id-4620 .wp-block-group.events {
background: var(--tsnw-snow);
padding: 56px 40px;
}
body.page-id-4620 .wp-block-group.events-inner {
max-width: 1200px;
margin: 0 auto;
} body.page-id-4620 .wp-block-columns.events-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
} body.page-id-4620 .wp-block-column.event-card {
background: var(--tsnw-white);
border-radius: var(--tsnw-radius-md);
padding: 24px;
border: 1px solid var(--tsnw-border);
box-shadow: var(--tsnw-shadow);
transition: all 0.25s;
flex-basis: auto !important;
}
body.page-id-4620 .wp-block-column.event-card:hover {
transform: translateY(-2px);
box-shadow: var(--tsnw-shadow-lg);
border-color: var(--tsnw-yellow);
} body.page-id-4620 .wp-block-group.date-badge {
display: inline-flex;
flex-direction: column;
align-items: center;
background: var(--tsnw-yellow-surface);
border: 2px solid var(--tsnw-yellow);
border-radius: var(--tsnw-radius-sm);
padding: 8px 14px;
margin-bottom: 14px;
min-width: 56px;
}
body.page-id-4620 .wp-block-group.date-badge .day {
font-size: 24px;
font-weight: 800;
color: var(--tsnw-text-dark);
line-height: 1;
margin-bottom: 0;
}
body.page-id-4620 .wp-block-group.date-badge .month {
font-size: var(--tsnw-label);
font-weight: 700;
text-transform: uppercase;
color: var(--tsnw-text-mid);
margin-bottom: 0;
}
body.page-id-4620 .wp-block-column.event-card h4 {
margin-bottom: 8px;
}
body.page-id-4620 .wp-block-column.event-card > p {
font-size: var(--tsnw-body-sm);
color: var(--tsnw-text-mid);
line-height: 1.6;
margin-bottom: 14px;
} body.page-id-4620 .wp-block-group.event-meta {
display: flex;
gap: 16px;
font-size: var(--tsnw-caption);
color: var(--tsnw-text-light);
padding-top: 12px;
border-top: 1px solid var(--tsnw-border);
}
body.page-id-4620 .wp-block-group.event-meta p {
margin-bottom: 0;
} @media (max-width: 1024px) {
body.page-id-4620 .wp-block-columns.course-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
body.page-id-4620 .wp-block-group.hero-slider {
min-height: 360px;
}
body.page-id-4620 .wp-block-group.hero-slider-content h1 {
font-size: 32px;
}
body.page-id-4620 .wp-block-group.hero-slider-content > p {
font-size: 16px;
}
body.page-id-4620 .wp-block-columns.welcome-inner {
grid-template-columns: 1fr;
}
body.page-id-4620 .wp-block-columns.course-grid {
grid-template-columns: 1fr;
}
body.page-id-4620 .wp-block-columns.lake-grid,
body.page-id-4620 .wp-block-columns.live-grid,
body.page-id-4620 .wp-block-columns.events-grid {
grid-template-columns: 1fr;
}
body.page-id-4620 .wp-block-columns.team-grid {
grid-template-columns: 1fr;
}
body.page-id-4620 .wp-block-group.hero-slider,
body.page-id-4620 .wp-block-group.welcome,
body.page-id-4620 .wp-block-group.courses,
body.page-id-4620 .wp-block-group.lake,
body.page-id-4620 .wp-block-group.live-data,
body.page-id-4620 .wp-block-group.team,
body.page-id-4620 .wp-block-group.events {
padding: 40px 20px;
}
} body.page-id-4620 main.wp-block-group {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.page-id-4620 .entry-content.wp-block-post-content {
padding-top: 0 !important;
}
body.page-id-4620 .wp-block-group.hero-slider {
margin-top: 0 !important;
}
body.page-id-4620 .wp-block-group.welcome {
padding-top: 0 !important;
margin-top: 0 !important;
}