*{
margin:0;
padding:0;
box-sizing:border-box;
}

/* Typography */

body{

font-family:Montserrat,sans-serif;

background:white;

color:#111;

}

/* Header */
header{

display:flex;

justify-content:space-between;

align-items:center;

padding:35px 8%;

}

.logo{

font-size:32px;

font-weight:700;

letter-spacing:4px;

}

.logo span{

display:block;

font-size:18px;

font-weight:400;

letter-spacing:2px;

margin-top:4px;



}

/* Navigation */

nav{

display:flex;

gap:35px;

align-items:center;

}

nav a{

text-decoration:none;

color:#222;

font-weight:500;

transition:.3s;

}

nav a:hover{

opacity:.6;

}

/* Buttons */
.btn-small{

background:black;

color:white;

padding:12px 22px;

border-radius:50px;

}

 a,
 a:visited {

    color: #000000;
    text-decoration: none;

}

 a:hover {

    color: #d4af37;   /* Gold on hover */

}

 a:active {

    color: #000000;

}

.primary{

 display:inline-block;

    background:#000;

    color:#fff;

    padding:18px 34px;

    border-radius:60px;

    text-decoration:none;

    font-weight:600;

    transition:all .25s ease;

}

.primary:hover{

    background:#222;

    color:#fff;

    transform:translateY(-2px);

}

.secondary{

border:2px solid black;

padding:18px 34px;

border-radius:60px;

text-decoration:none;

color:black;

font-weight:600;

}


.fingerprint img{

    width:430px;

}

.hero{

    position:relative;

    width:100%;

    height:100vh;

    overflow:hidden;

}

.hero-image{

    width:100%;

    height:100%;

    object-fit:cover;

}

.hero-overlay{

    position:absolute;

    top:50%;

    left:8%;

    transform:translateY(-50%);

    max-width:600px;

    color:white;

}

.hero-overlay h1{

    font-size:4rem;

    margin-bottom:10px;

}

.hero-overlay h2{

    font-size:2rem;

    font-weight:300;

    margin-bottom:30px;

}

.hero-overlay p{

    font-size:1.2rem;

    line-height:1.6;

    margin-bottom:40px;

}


.hero h1{

    position:relative;

    z-index:2;

    font-size:4.3rem;

    line-height:1.05;

    color:#111;

}

.hero p{

    position:relative;

    z-index:2;

    margin-top:30px;

    font-size:1.3rem;

    line-height:1.7;

    color:#555;

    max-width:520px;

}



/* Student Section */

.student-special{

    max-width:900px;

    margin:80px auto;

    padding:50px;

    text-align:center;

    background:#f7f7f7;

    border-radius:18px;

}

.student-special h2{

    font-size:2rem;

    margin-bottom:20px;

}

.student-special p{

    font-size:1.2rem;

    color:#555;

    line-height:1.7;

    margin-bottom:30px;

}

/* Appointment Section */


.appointment{

    text-align:center;

    padding:90px 20px;

    background:#f7f7f7;

}

.appointment h2{

    font-size:2.5rem;

    margin-bottom:20px;

}

.appointment p{

    max-width:600px;

    margin:0 auto 40px;

    color:#555;

}