body{

background:linear-gradient(135deg,
var(--primary),
#55c8ff);

font-family:Segoe UI,sans-serif;

}

.hero{

color:white;

align-items:center;

padding:80px;

}

.hero h1{

font-size:56px;

font-weight:700;

}

.hero h3{

margin-bottom:50px;

opacity:.9;

}

.hero-icon{

font-size:90px;

margin-bottom:25px;

}

.hero-list{

font-size:22px;

line-height:2.3;

}

.login-card{

width:420px;

background:white;

border-radius:20px;

padding:45px;

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

}

.login-icon{

font-size:60px;

color:var(--primary);

}

.form-control{

border-radius:10px;

padding:12px;

}

.btn{

border-radius:10px;

padding:12px;

font-weight:600;

}