body{
    font-family: 'Segoe UI',sans-serif;
    background:#f5f7fb;
}

.navbar{
    box-shadow:0 2px 10px rgba(0,0,0,.08);
}

.hero{
    background:linear-gradient(135deg,#0d6efd,#0b5ed7);
    color:#fff;
    padding:90px 0;
}

.hero h1{
    font-size:48px;
    font-weight:700;
}

.hero p{
    font-size:18px;
    margin-top:15px;
}

.feature-card{
    border:none;
    border-radius:15px;
    transition:.3s;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.feature-card:hover{
    transform:translateY(-8px);
}

.footer{
    background:#212529;
    color:#fff;
    padding:20px;
    margin-top:60px;
}
.form-card{

background:#fff;

border-radius:15px;

box-shadow:0 5px 20px rgba(0,0,0,.08);

padding:35px;

margin-top:40px;

}

.step-title{

font-size:28px;

font-weight:700;

margin-bottom:30px;

color:#0d6efd;

}

.progress{

height:12px;

border-radius:20px;

margin-bottom:35px;

}

.form-label{

font-weight:600;

}

.btn-next{

padding:10px 35px;

font-size:18px;

}

.hero-logo{

max-height:420px;

animation:float 4s ease-in-out infinite;

}

@keyframes float{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-15px);

}

}

.hero-circle{

position:absolute;

border-radius:50%;

filter:blur(80px);

opacity:.25;

}

.hero-circle-1{

width:350px;

height:350px;

background:#0d6efd;

top:-120px;

right:-120px;

}

.hero-circle-2{

width:300px;

height:300px;

background:#6610f2;

bottom:-120px;

left:-120px;

}

.feature-box{

border-radius:25px;

transition:.4s;

}

.feature-box:hover{

transform:translateY(-10px);

}

.feature-icon{

width:85px;

height:85px;

margin:auto;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:35px;

color:#fff;

}

.benefit-box{

background:#fff;

padding:35px;

border-radius:20px;

text-align:center;

transition:.4s;

box-shadow:0 10px 30px rgba(0,0,0,.08);

height:100%;

}

.benefit-box:hover{

transform:translateY(-8px);

}

.benefit-box i{

font-size:45px;

color:#0d6efd;

margin-bottom:20px;

}

.committee-card{

text-align:center;

background:#fff;

padding:25px;

border-radius:20px;

box-shadow:0 10px 30px rgba(0,0,0,.08);

transition:.4s;

}

.committee-card:hover{

transform:translateY(-10px);

}

.committee-card img{

width:170px;

height:170px;

border-radius:50%;

object-fit:cover;

border:5px solid #0d6efd;

}

.social-icons{

margin-top:15px;

}

.social-icons a{

width:40px;

height:40px;

display:inline-flex;

align-items:center;

justify-content:center;

background:#0d6efd;

color:#fff;

border-radius:50%;

margin:5px;

text-decoration:none;

}

.cta-section{

background:linear-gradient(135deg,#0d6efd,#6610f2);

padding:80px 0;

margin-top:80px;

}
.hero{

background:linear-gradient(-45deg,#0d6efd,#1e3a8a,#6610f2,#0099ff);

background-size:400% 400%;

animation:gradientMove 12s ease infinite;

position:relative;

padding:120px 0;

overflow:hidden;

}

@keyframes gradientMove{

0%{

background-position:0% 50%;

}

50%{

background-position:100% 50%;

}

100%{

background-position:0% 50%;

}

}

.hero-bg-shape{

position:absolute;

border-radius:50%;

background:rgba(255,255,255,.08);

filter:blur(30px);

animation:float 8s ease-in-out infinite;

}

.shape-1{

width:350px;

height:350px;

top:-100px;

right:-80px;

}

.shape-2{

width:250px;

height:250px;

bottom:-70px;

left:-70px;

animation-delay:2s;

}

@keyframes float{

0%,100%{

transform:translateY(0px);

}

50%{

transform:translateY(30px);

}

}

.hero-logo{

max-height:430px;

animation:logoFloat 5s ease-in-out infinite;

filter:drop-shadow(0 20px 35px rgba(0,0,0,.35));

}

@keyframes logoFloat{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-15px);

}

}

.hero .btn{

border-radius:50px;

padding:14px 30px;

font-weight:600;

transition:.3s;

}

.hero .btn:hover{

transform:translateY(-4px);

}

.hero h1{

line-height:1.15;

}