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

body{
font-family:Arial,Helvetica,sans-serif;
background:#071019;
color:#eef6ff;
line-height:1.6
}

header{
padding:90px 20px;
text-align:center;
background:linear-gradient(135deg,#071019,#10314f)
}

.logo{
width:90px;
height:90px;
object-fit:contain;
margin-bottom:22px
}

header h1{
font-size:44px;
margin-bottom:14px;
color:#9fd3ff
}

header p{
max-width:780px;
margin:auto;
font-size:18px;
color:#d9e8f5
}

.btn{
display:inline-block;
margin-top:28px;
padding:14px 28px;
background:#9fd3ff;
color:#071019;
text-decoration:none;
border-radius:8px;
font-weight:bold
}

section{
max-width:1000px;
margin:auto;
padding:60px 20px
}

h2{
font-size:30px;
color:#9fd3ff;
margin-bottom:18px
}

h3{
color:#ffffff;
margin-bottom:10px
}

.card{
background:#0c1e30;
border:1px solid #275780;
border-radius:14px;
padding:24px;
margin-bottom:20px
}

.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:20px
}

.price{
font-size:34px;
color:#ffffff;
margin:12px 0
}

.rate{
font-size:26px;
font-weight:bold;
color:#9fd3ff
}

.notice{
background:#081521;
border-left:4px solid #9fd3ff;
padding:18px;
border-radius:10px
}

.page-image{
width:100%;
max-height:360px;
object-fit:cover;
border-radius:16px;
border:1px solid #275780;
margin-top:24px
}

.small{
font-size:14px;
color:#a7bfd3
}

footer{
text-align:center;
padding:34px 20px;
color:#a7bfd3;
background:#040a10
}

footer a,a{
color:#9fd3ff;
text-decoration:none
}

footer a:hover,a:hover{
text-decoration:underline
}

ul{
padding-left:20px
}

li{
margin-bottom:10px
}