html{font-size:16px}
body{font-size:16px}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: ‘DM Sans’, sans-serif;
background: #fff;
padding: 20px;
}

/* ===== HERO SECTION – COPY FROM HERE ===== */
.vu-admission-hero{
background:linear-gradient(135deg,#18254a 0%,#1e3a5f 100%);
padding:4rem 2rem 5rem;
position:relative;
overflow:hidden;
}
.vu-admission-hero::before{
content:”;
position:absolute;
top:-60px;
right:-60px;
width:300px;
height:300px;
border:2px solid rgba(30,96,63,0.3);
border-radius:50%;
}
.vu-admission-hero::after{
content:”;
position:absolute;
bottom:-80px;
left:-40px;
width:220px;
height:220px;
border:1.5px solid rgba(255,255,255,0.08);
border-radius:50%;
}
.vu-admission-hero-badge{
display:inline-flex;
align-items:center;
gap:6px;
background:rgba(30,96,63,0.25);
border:1px solid rgba(30,96,63,0.5);
color:#6ee09a;
font-size:12px;
font-weight:500;
letter-spacing:0.05em;
padding:5px 14px;
border-radius:20px;
margin-bottom:1.25rem;
position:relative;
z-index:1;
}
.vu-admission-hero h1{
font-family:’Playfair Display’,serif;
font-size:1.8rem;
font-weight:700;
color:#ffffff;
line-height:1.2;
margin-bottom:0.6rem;
position:relative;
z-index:1;
margin-top:0;
}
.vu-admission-hero-sub{
color:rgba(255,255,255,0.8);
font-size:16px;
line-height:1.65;
max-width:620px;
margin-bottom:1.75rem;
position:relative;
z-index:1;
}
.vu-admission-hero-ctas{
display:flex;
gap:12px;
flex-wrap:wrap;
position:relative;
z-index:1;
}
.vu-admission-btn-primary{
background:#1e603f;
color:white;
border:none;
padding:11px 24px;
border-radius:8px;
font-family:’DM Sans’,sans-serif;
font-size:14px;
font-weight:500;
cursor:pointer;
display:inline-flex;
align-items:center;
gap:6px;
text-decoration:none;
transition:background 0.2s;
}
.vu-admission-btn-primary:hover{
background:#25754c;
}
.vu-admission-btn-secondary{
background:transparent;
color:white;
border:1.5px solid rgba(255,255,255,0.3);
padding:10px 23px;
border-radius:8px;
font-family:’DM Sans’,sans-serif;
font-size:14px;
font-weight:500;
cursor:pointer;
display:inline-flex;
align-items:center;
gap:6px;
text-decoration:none;
transition:all 0.2s;
}
.vu-admission-btn-secondary:hover{
background:rgba(255,255,255,0.1);
border-color:rgba(255,255,255,0.5);
}
.vu-admission-scroll-hint{
display:flex;
align-items:center;
gap:6px;
color:rgba(255,255,255,0.4);
font-size:12px;
margin-top:1.5rem;
cursor:pointer;
width:fit-content;
position:relative;
z-index:1;
}
.vu-admission-scroll-hint:hover{
color:rgba(255,255,255,0.7);
}
.vu-admission-scroll-hint i{
font-size:15px;
animation:vuAdmissionBounce 1.4s ease-in-out infinite;
}
@keyframes vuAdmissionBounce{
0%,100%{transform:translateY(0)}
50%{transform:translateY(4px)}
}

@media(max-width:768px){
html{font-size:15px}
body{font-size:15px}
.vu-admission-hero{padding:2.5rem 1.5rem 3rem}
.vu-admission-hero h1{font-size:1.4rem}
.vu-admission-hero-sub{font-size:15px}
.vu-admission-hero-ctas{gap:10px}
.vu-admission-btn-primary,.vu-admission-btn-secondary{font-size:13px;padding:10px 18px}
}
/* ===== COPY TILL HERE ===== */