.cu-wrap {
--teal: #1fb5c9;
--gray: #e6e6e6;
--field: #e9e9e9;
--ink: #111;
font-family: "Open Sans", Arial, sans-serif;
color: var(--ink);
text-align: center;
max-width: 100%;
background: #fff;
}
.cu-wrap * { box-sizing: border-box; }
.cu-top { padding: 40px 20px 36px; }
.cu-title {
font-family: "Oswald", Impact, sans-serif;
font-size: 40px;
font-weight: 700 !important;
line-height: 1.1;
margin: 0 0 12px;
color: #000 !important;
}
.cu-sub { font-size: 16px; font-weight: 700; margin: 0 0 24px; }
.cu-form { max-width: 520px; margin: 0 auto; text-align: left; }
.cu-row { display: flex; gap: 16px; }
.cu-field { flex: 1; min-width: 0; margin-bottom: 14px; }
.cu-field label { display: block; font-size: 12px; margin: 0 0 4px 2px; }
.cu-field input {
width: 100%;
height: 34px;
border: 0;
border-radius: 20px;
background: var(--field);
padding: 0 14px;
font-size: 11px;
font-family: inherit;
color: var(--ink);
}
.cu-field input::placeholder { color: #777; }
.cu-field input:focus { outline: 2px solid var(--teal); outline-offset: 1px; }
.cu-btn {
display: block;
width: 100%;
height: 38px;
border: 0;
border-radius: 20px;
background: var(--teal);
color: #fff;
font-family: inherit;
font-size: 11px;
letter-spacing: 2px;
text-transform: uppercase;
cursor: pointer;
transition: filter .2s;
}
.cu-btn:hover { filter: brightness(.92); }
.cu-btn:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
.cu-info {
/* putih 44px pertama, sisanya teal -> kotak abu "menimpa" garis ini */
background: linear-gradient(to bottom, #fff 0, #fff 44px, var(--teal) 44px);
padding: 0 0 44px;
}
.cu-box {
background: var(--gray);
margin: 0 20px; /* sisi kiri-kanan menyisakan teal */
padding: 0 20px 40px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.cu-item { text-align: center; }
.cu-icon {
width: 64px; height: 64px;
margin: -22px auto 22px; /* icon menonjol ke atas kotak abu */
border-radius: 50%;
background: var(--teal);
display: flex; align-items: center; justify-content: center;
}
.cu-icon svg { width: 32px; height: 32px; fill: #fff; }
.cu-item h3 {
font-size: 14px;
font-weight: 700;
letter-spacing: .5px;
text-transform: uppercase;
margin: 0 0 12px;
}
.cu-item p { font-size: 10.5px; line-height: 1.6; margin: 0; }
@media (max-width: 720px) {
.cu-row { flex-direction: column; gap: 0; }
.cu-box { grid-template-columns: 1fr; margin: 0 12px; padding-bottom: 28px; }
.cu-item { margin-bottom: 8px; }
.cu-title { font-size: 32px; }
}
Contact Us
Any questions or remarks? Just write us a message!
About Club
Running Guide
Workouts
Phone (Landline)
+ 912 3 567 8987
+ 912 5 252 3336
Our Office Location
The Interior Design Studio Company
The Courtyard, Al Quoz 1, Colorado, USA