.hero{

height:100vh;

display:flex;

align-items:center;

justify-content:center;

position:relative;

background:url("../assets/images/campus.jpg") center/cover;

}

.overlay{

position:absolute;

inset:0;

background:rgba(0,70,35,.70);

}

.hero-content{

position:relative;

z-index:5;

text-align:center;

color:white;

width:90%;

max-width:650px;

}

.hero h1{

font-size:52px;

margin-bottom:20px;

}

.hero p{

font-size:18px;

margin-bottom:40px;

}

.verify-card{

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

backdrop-filter:blur(18px);

padding:35px;

border-radius:20px;

box-shadow:0 20px 50px rgba(0,0,0,.25);

}

.verify-card h3{

margin-bottom:25px;

}

.input-group{

text-align:left;

margin-bottom:20px;

}

.input-group label{

display:block;

margin-bottom:8px;

font-weight:600;

}

input{

width:100%;

padding:16px;

border-radius:10px;

border:none;

font-size:16px;

}

button{

width:100%;

padding:16px;

border:none;

border-radius:10px;

background:var(--gold);

font-size:18px;

font-weight:700;

cursor:pointer;

transition:.3s;

}

button:hover{

transform:translateY(-2px);

background:#f1c94d;

}

.notice{

margin-top:20px;

font-size:14px;

opacity:.9;

}