body{
margin:0;
font-family:Arial, Helvetica, sans-serif;
background:linear-gradient(135deg,#0f4c81,#4da6ff);
height:100vh;
display:flex;
justify-content:center;
align-items:center;
}

/* Main Card */

.main-box{
background:white;
padding:50px;
border-radius:15px;
box-shadow:0 15px 40px rgba(0,0,0,0.3);
text-align:center;
width:400px;
}

h1{
color:#0f4c81;
margin-bottom:10px;
}

p{
color:#666;
margin-bottom:30px;
}

/* Button Style */

.btn{
display:block;
margin:10px 0;
padding:12px;
text-decoration:none;
background:linear-gradient(45deg,#1e90ff,#00bfff);
color:white;
border-radius:8px;
font-weight:bold;
transition:0.3s;
box-shadow:0 5px 15px rgba(0,0,0,0.2);
}

/* Hover Effect */

.btn:hover{
transform:translateY(-3px);
box-shadow:0 10px 20px rgba(0,0,0,0.3);
}

/* Click Effect */

.btn:active{
transform:scale(0.95);
}