.static-page{
width:var(--pw2);margin:var(--gap) auto;
}
.static-header{
text-align:center;
margin-bottom:var(--gap);
}
.static-header h1{
font-family:var(--ff2);
font-size:56px;
font-weight:800;
color:var(--tx1);
margin:0 0 12px;
text-transform:uppercase;
letter-spacing:2px;
}
.static-subtitle{
font-size:22px;
color:var(--tx2);
margin:0;
line-height:1.6;
}
.static-updated{
font-size:16px;
color:var(--tx3);
margin:0;
}
.static-content{
background-color:var(--bg2);
border:var(--bw1) solid var(--bc1);
border-radius:var(--br1);
padding:var(--gap);
box-shadow:var(--fbs);
}
.static-content h2{
font-family:var(--ff2);
font-size:28px;
font-weight:700;
color:var(--cl1);
margin:var(--gap) 0 var(--gd2);
text-transform:uppercase;
letter-spacing:1px;
}
.static-content h2:first-child{
margin-top:0;
}
.static-content p{
font-size:var(--fz1);
line-height:var(--lh1);
color:var(--tx1);
margin:0 0 var(--gd2);
}
.static-content p:last-child{
margin-bottom:0;
}
.static-content a{
color:var(--lnk);
}
.static-content a:hover{
text-decoration:underline;
}
.about-stats{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:var(--gap);
margin:var(--gap) 0;
}
.about-stat{
text-align:center;
padding:var(--gap);
background-color:var(--bg3);
border-radius:var(--br2);
}
.about-stat-num{
display:block;
font-family:var(--ff2);
font-size:42px;
font-weight:800;
color:var(--cl1);
line-height:1;
margin-bottom:8px;
}
.about-stat-label{
font-size:16px;
color:var(--tx2);
}
.contact-social{
display:flex;
flex-wrap:wrap;
gap:var(--gd2);
margin:var(--gd2) 0;
}
.contact-social-link{
display:inline-block;
padding:10px 20px;
background-color:var(--bg3);
color:var(--tx1);
border-radius:var(--br0);
font-size:var(--fz1);
font-weight:600;
}
.contact-social-link:hover{
background-color:var(--hv1);
color:var(--cl1);
}
.static-list{
list-style:none;
padding:0;
margin:0 0 var(--gd2);
}
.static-list li{
position:relative;
padding-left:28px;
font-size:var(--fz1);
line-height:var(--lh1);
color:var(--tx1);
margin-bottom:10px;
}
.static-list li:last-child{
margin-bottom:0;
}
.static-list li::before{
content:"\2713";
position:absolute;
left:0;
color:var(--cl2);
font-weight:700;
}
.static-list-no li::before{
content:"\2715";
color:var(--rd1);
}
.static-cta{
margin:var(--gap) 0;
text-align:center;
}
.static-cta-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:60px;
padding:0 48px;
background-color:var(--bg3);
border:var(--bw1) solid var(--bc1);
color:var(--tx1);
border-radius:var(--br0);
font-family:var(--ff2);
font-size:18px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
}
.static-cta-btn:hover{
background-color:var(--hv1);
border-color:var(--cl1);
color:var(--cl1);
}
.newsletter-form{
margin:var(--gap) 0;
}
.newsletter-fields{
display:flex;
gap:var(--gd2);
align-items:flex-end;
}
.newsletter-field{
flex:1;
min-width:0;
}
.newsletter-field label{
display:block;
font-size:13px;
font-weight:700;
color:var(--tx2);
margin-bottom:6px;
font-family:var(--ff2);
text-transform:uppercase;
letter-spacing:.3px;
}
.newsletter-field input{
width:100%;
padding:14px 18px;
background:var(--bg1);
color:var(--tx1);
border:var(--bw1) solid var(--bc1);
border-radius:var(--br4);
font-family:var(--ff1);
font-size:16px;
outline:none;
}
.newsletter-field input:focus{
border-color:var(--cl1);
}
.newsletter-field input::placeholder{
color:var(--tx3);
}
.newsletter-submit{
padding:14px 32px;
background:var(--cl1);
color:#fff;
border:none;
border-radius:50px;
font-family:var(--ff2);
font-size:16px;
font-weight:700;
cursor:pointer;
flex-shrink:0;
white-space:nowrap;
}
.newsletter-submit:hover{
background:var(--oh1);
}
.newsletter-submit:active{
transform:scale(.97);
}
.newsletter-msg{
padding:14px 18px;
border-radius:var(--br4);
font-size:15px;
font-weight:600;
margin-bottom:var(--gd2);
}
.newsletter-success{
background:var(--cbg);
color:var(--ctx);
border:var(--bw1) solid var(--cbd);
}
.newsletter-error{
background:var(--rb1);
color:var(--rd1);
}
@media(max-width:700px){
.newsletter-fields{
flex-direction:column;
align-items:stretch;
}
.newsletter-submit{
width:100%;
}
}