body{font-family:Arial;margin:0;background:#fafafa;}
header{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#b40000;color:#fff;position:sticky;top:0;z-index:20;}
.logo{height:45px;}
nav a{color:white;margin-left:15px;text-decoration:none;font-weight:bold;}

.hero{position:relative;text-align:center;padding:80px;background:url('bg.jpg');background-size:cover;color:white;}
.overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);}
.hero h1, .hero h2{position:relative;z-index:2;}

.paket-container{padding:40px;}
.paket-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;}
.card{background:white;padding:20px;border-radius:16px;box-shadow:0 4px 10px rgba(0,0,0,0.15);text-align:center;transition:0.3s;}
.card:hover{transform:scale(1.05);}

.form-section{padding:40px;background:white;margin:20px;border-radius:16px;box-shadow:0 4px 10px rgba(0,0,0,0.1);}
form{display:flex;flex-direction:column;gap:12px;}
input,select{padding:12px;border-radius:10px;border:1px solid #aaa;}
button{padding:14px;background:#cc0000;color:white;border:none;border-radius:12px;font-size:16px;cursor:pointer;}
button:hover{background:#a00000;}

footer{text-align:center;padding:20px;background:#b40000;color:white;margin-top:40px;}

.fade{animation:fadeIn 1.2s ease;}
@keyframes fadeIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}

/* Floating WA */
.wa-float{position:fixed;bottom:20px;right:20px;background:#25d366;color:white;padding:12px 18px;border-radius:30px;text-decoration:none;font-weight:bold;box-shadow:0 4px 10px rgba(0,0,0,0.2);}