.gw-subscription-page {
min-height: 100vh;
background: #f5f5f5;
font-family: Arial, sans-serif;
color: #111;
}
.gw-logo {
height: clamp(60px, 8vw, 95px);
background: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.gw-logo img {
width: clamp(38px, 5vw, 52px);
height: clamp(38px, 5vw, 52px);
object-fit: contain;
}
.gw-hero {
background: #456bd6;
color: #fff;
text-align: center;
padding: clamp(55px, 9vw, 95px) 20px clamp(90px, 12vw, 130px);
}
.gw-hero h1 {
margin: 0;
font-family: Georgia, serif;
font-size: clamp(38px, 7vw, 78px);
line-height: 1.05;
font-weight: 700;
}
.gw-hero p {
max-width: 720px;
margin: 18px auto 0;
font-size: clamp(14px, 2vw, 18px);
font-weight: 600;
line-height: 1.5;
}
.gw-card {
width: min(92%, 930px);
min-height: clamp(330px, 45vw, 470px);
background: #fff;
margin: clamp(-70px, -6vw, -45px) auto 0;
box-shadow: 0 2px 12px rgba(0,0,0,0.18);
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
box-sizing: border-box;
padding: clamp(45px, 7vw, 80px) clamp(22px, 5vw, 35px);
}
.gw-card h2 {
font-size: clamp(28px, 5vw, 48px);
font-weight: 400;
line-height: 1.15;
margin: 0 0 clamp(32px, 5vw, 48px);
}
.gw-button {
background: #0b83cf;
color: #fff;
text-decoration: none;
font-size: clamp(16px, 2vw, 18px);
font-weight: 600;
padding: 14px clamp(42px, 8vw, 75px);
border-radius: 3px;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 210px;
transition: 0.2s ease;
}
.gw-button:hover {
background: #066fb2;
}
.gw-support {
margin: clamp(55px, 8vw, 85px) 0 0;
font-size: clamp(14px, 2vw, 17px);
font-weight: 600;
line-height: 1.5;
}
.gw-footer {
text-align: center;
padding: clamp(35px, 6vw, 55px) 20px 22px;
font-size: 13px;
font-weight: 600;
color: #333;
}
@media (max-width: 480px) {
.gw-hero {
padding-top: 45px;
padding-bottom: 85px;
}
.gw-card {
width: calc(100% - 28px);
margin-top: -55px;
}
.gw-button {
width: 100%;
max-width: 260px;
padding-left: 20px;
padding-right: 20px;
}
}