*{
box-sizing:border-box;
}

body{
margin:0;
font-family:'Oswald', sans-serif;
background:#fefefe;
color:black;
min-height:100vh;
display:flex;
flex-direction:column;
}

.header{
padding:32px 140px;
display: flex;
justify-content: center;
}

.logo{
height:132px;
opacity:0.9;
}

.fenglogo{
height:64px;
opacity:1.0;
}


.hero{
flex:1;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
padding:40px;
}

h1{
font-size:45px;
line-height:1.1;
font-weight:600;
max-width:900px;
margin:0 0 24px 0;
letter-spacing:-1px;
}

.subtitle{
font-size:20px;
opacity:0.7;
margin-bottom:40px;
}

.cta{
display:inline-block;
padding:16px 28px;
border-radius:10px;
background:linear-gradient(135deg,#6366f1,#22c55e);
color:white;
text-decoration:none;
font-weight:500;
transition:transform .15s ease, box-shadow .15s ease;
}

.cta:hover{
transform:translateY(-2px);
box-shadow:0 10px 30px rgba(0,0,0,0.4);
}

.footer{
text-align:center;
padding:24px;
opacity:0.4;
font-size:14px;
}

.footerfeng{
text-align:center;
padding:24px;
opacity:1.0;
font-size:14px;
}



.background-glow{
position:fixed;
width:900px;
height:900px;
background:radial-gradient(circle,#6366f155,transparent 70%);
top:-200px;
left:50%;
transform:translateX(-50%);
filter:blur(120px);
z-index:-1;
}

@media(max-width:900px){

h1{
font-size:42px;
}

.subtitle{
font-size:18px;
}

}