.home-hero-section{
position:relative;
width:100%;
min-height:92vh;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
padding:80px 20px;
background:#05070d;
}
/* BACKGROUND */
.home-hero-bg{
position:absolute;
inset:0;
background:
linear-gradient(to bottom, rgba(0,0,0,.45), rgba(0,0,0,.82)),
url('https://newlifeamic.org/wp-content/uploads/2023/12/overlay2.png');
background-size:cover;
background-position:center;
transform:scale(1.04);
}
/* RED GLOW */
.hero-glow-red-main{
position:absolute;
width:700px;
height:700px;
border-radius:50%;
background:radial-gradient(circle, rgba(168,5,5,.24), transparent 70%);
filter:blur(50px);
animation:floatRedMain 8s ease-in-out infinite alternate;
}
.hero-glow-red-secondary{
position:absolute;
width:500px;
height:500px;
right:0;
bottom:0;
border-radius:50%;
background:radial-gradient(circle, rgba(168,5,5,.14), transparent 70%);
filter:blur(45px);
animation:floatRedSecondary 7s ease-in-out infinite alternate;
}
@keyframes floatRedMain{
from{
transform:translate(-60px,-40px);
}
to{
transform:translate(50px,40px);
}
}
@keyframes floatRedSecondary{
from{
transform:translate(40px,40px);
}
to{
transform:translate(-20px,-30px);
}
}
.home-hero-content{
position:relative;
z-index:3;
max-width:1100px;
text-align:center;
}
.hero-badge{
display:inline-block;
margin-bottom:22px;
padding:10px 18px;
border-radius:50px;
background:rgba(255,255,255,.06);
border:1px solid rgba(168,5,5,.24);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
color:#d93b3b;
font-size:13px;
letter-spacing:1px;
text-transform:uppercase;
font-weight:700;
}
.home-hero-content h1{
font-size:clamp(58px,8vw,120px);
line-height:.95;
margin:0 0 24px;
color:white;
font-weight:800;
letter-spacing:-3px;
}
.hero-highlight{
color:#A80505;
}
.home-hero-content p{
max-width:760px;
margin:0 auto 40px;
font-size:20px;
line-height:1.8;
color:rgba(255,255,255,.78);
}
/* BUTTONS */
.hero-btns{
display:flex;
justify-content:center;
gap:18px;
flex-wrap:wrap;
}
.hero-btn-primary{
display:inline-flex;
align-items:center;
gap:10px;
padding:16px 34px;
border-radius:60px;
background:#A80505;
color:white;
text-decoration:none;
font-weight:800;
transition:.3s ease;
box-shadow:0 0 30px rgba(168,5,5,.32);
}
.hero-btn-primary:hover{
transform:translateY(-4px);
}
.hero-btn-secondary{
display:inline-flex;
align-items:center;
gap:10px;
padding:16px 34px;
border-radius:60px;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.12);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
color:white;
text-decoration:none;
font-weight:700;
}
/* FLOATING BOXES */
.hero-floating{
margin-top:60px;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
}
.hero-float-box{
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.08);
backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);
border-radius:26px;
padding:24px;
transition:.3s ease;
}
.hero-float-box:hover{
transform:translateY(-6px);
border-color:rgba(168,5,5,.32);
}
.hero-float-box h3{
font-size:30px;
margin-bottom:8px;
color:#d93b3b;
}
.hero-float-box p{
margin:0;
font-size:15px;
color:rgba(255,255,255,.72);
}
/* MOBILE */
@media(max-width:900px){
.home-hero-section{
min-height:auto;
padding:120px 20px 80px;
}
.home-hero-content h1{
font-size:58px;
letter-spacing:-2px;
}
.home-hero-content p{
font-size:17px;
}
.hero-floating{
grid-template-columns:1fr;
}
}
Welcome to New Life
A Place Where
A Place Where
Everybody
Is Somebody.
Experience authentic worship, powerful teaching, and a welcoming community where you can grow in faith and discover purpose.
Sunday
Worship Experience • 11AM
Family
Ministries for every generation
Community
Faith, fellowship, and purpose together
