.panel-details {
  margin-top: 14px;
  padding: 14px 18px;
  background: #f7fafd;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(63,142,203,0.06);
  color: #234;
  font-size: 1.01rem;
  text-align: left;
}

.panel-grid .card {
  margin-bottom: 10px;
}

.panel-grid .card h3 {
  margin-top: 0;
  margin-bottom: 10px;
  color: #3f8ecb;
}

.panel-grid .card p.price {
  font-size: 1.15rem;
  font-weight: bold;
  color: #2a4d6c;
  margin-bottom: 10px;
}

.panel-grid .card .button {
  margin-right: 8px;
  margin-bottom: 8px;
}
body{
font-family:Arial, Helvetica, sans-serif;
margin:0;
background:#f5f9fc;
color:#333;
}

header{
background:#3f8ecb;
color:white;
padding:20px;
display:flex;
justify-content:space-between;
align-items:center;
}

nav a{
color:white;
margin-left:20px;
text-decoration:none;
font-weight:bold;
}

.hero{
text-align:center;
padding:80px 20px;
background:#e9f3fb;
}

.hero h2{
font-size:38px;
}

.main-button{
background:#3f8ecb;
color:white;
padding:15px 30px;
border-radius:6px;
text-decoration:none;
font-weight:bold;
}

.wave-divider svg{
display:block;
width:100%;
height:80px;
}

.panels{
text-align:center;
padding:60px 20px;
}

.panel-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;
max-width:1000px;
margin:auto;
}

.card{
background:white;
padding:25px;
border-radius:10px;
box-shadow:0 4px 12px rgba(0,0,0,0.1);
}

.icon{
font-size:40px;
margin-bottom:15px;
}

.button{
background:#3f8ecb;
color:white;
border:none;
padding:12px 20px;
border-radius:6px;
cursor:pointer;
}

.floating-book{
position:fixed;
bottom:25px;
right:25px;
background:#3f8ecb;
color:white;
padding:15px 22px;
border-radius:30px;
text-decoration:none;
font-weight:bold;
box-shadow:0 6px 15px rgba(0,0,0,0.2);
}

footer{
text-align:center;
padding:30px;
background:#e1eaf3;
margin-top:40px;
}

.pay-button {
  background: linear-gradient(90deg, #3f8ecb 60%, #2a4d6c 100%);
  color: #fff;
  font-size: 1.15rem;
  font-weight: 600;
  border: none;
  border-radius: 8px;
  padding: 14px 32px;
  margin: 24px auto 0 auto;
  display: block;
  box-shadow: 0 2px 8px rgba(63,142,203,0.10);
  cursor: pointer;
  transition: background 0.2s, transform 0.2s;
}
.pay-button:hover, .pay-button:focus {
  background: linear-gradient(90deg, #2a4d6c 60%, #3f8ecb 100%);
  transform: translateY(-2px) scale(1.03);
  outline: none;
}