body{

font-family:Inter,sans-serif;

background:#f4f7fb;

}

.hero{

padding:100px 0;

min-height:100vh;

display:flex;

align-items:center;

}

.hero h1{

font-size:54px;

font-weight:700;

margin-bottom:20px;

}

.hero p{

font-size:18px;

color:#666;

}

.score-card{

background:#fff;

padding:50px;

border-radius:25px;

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

text-align:center;

}

.score-circle{

width:180px;

height:180px;

background:#0d6efd;

color:#fff;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:48px;

font-weight:bold;

margin:auto;

}

.btn-primary{

padding:15px 40px;

border-radius:50px;

}