*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;line-height:1.5;color:#fff;background:#0A3C86}
.container{max-width:1100px;margin:0 auto;padding:20px}
.header{background:linear-gradient(135deg,#1E5BBF 0%, #4D8DE6 100%);color:#fff;padding:60px 20px;text-align:center;border-bottom-left-radius:24px;border-bottom-right-radius:24px;box-shadow:0 8px 32px rgba(10,60,134,0.12)}
.header h1{font-size:36px;margin-bottom:10px;letter-spacing:.5px;color:#fff}
.header p{opacity:.95;font-size:18px;color:#E5E7EB}
.nav{display:flex;gap:16px;justify-content:center;margin-top:18px}
.nav a{color:#fff;text-decoration:none;padding:8px 12px;border:1px solid #4D8DE6;border-radius:999px;background:transparent}
.section{padding:40px 20px}
.card{background:#E5E7EB;border-radius:16px;box-shadow:0 10px 25px rgba(10,60,134,.06);padding:20px;border:2px solid #0A3C86}
.grid{display:grid;gap:20px}
.grid-3{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.btn{display:inline-block;padding:10px 16px;border-radius:12px;border:none;background:#1E5BBF;color:#fff;text-decoration:none;cursor:pointer}
.btn.secondary{background:#4D8DE6}
.btn.danger{background:#ef4444}
.input, select, textarea{width:100%;padding:10px;border:1px solid #4D8DE6;border-radius:10px;background:#E5E7EB;color:#0A3C86}
label{font-weight:600;margin-bottom:6px;display:block;color:#0A3C86}
small{color:#1E5BBF}
.footer{padding:24px;text-align:center;color:#4D8DE6}

/* Slideshow */
.slideshow{position:relative;height:320px;border-radius:16px;overflow:hidden}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .8s}
.slide.active{opacity:1}
.slide img{width:100%;height:100%;object-fit:cover}
.slide-caption{position:absolute;bottom:12px;left:12px;background:rgba(0,0,0,.5);color:#fff;padding:8px 12px;border-radius:8px}

/* Tables */
table{width:100%;border-collapse:collapse}
th,td{padding:10px;border-bottom:1px solid #eee;text-align:left}
th{background:#f1f5f9}

/* Badge */
.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#e5f2ff;color:#0b77d2;font-size:12px}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#4D8DE6;color:#fff;font-size:12px}

/* Form group */
.form-group{margin-bottom:14px}

/* Review */
.review{background:#fff;border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,.05);padding:16px}
.review{background:#E5E7EB;border-radius:16px;box-shadow:0 8px 20px rgba(10,60,134,.05);padding:16px;border:2px solid #0A3C86}

/* About */
.about{columns:2 340px;column-gap:24px}
.hero-header{display: flex;}



.slideshow {
  position: relative;
  overflow: hidden;
}
.slide {
  display: none;
}
.slide.active {
  display: block;
}
.slideshow img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 12px;
}
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  padding: 12px;
  margin-top: -22px;
  color: #fff;
  font-weight: bold;
  font-size: 22px;
  border: none;
  background: rgba(0,0,0,0.4);
  border-radius: 50%;
  user-select: none;
}
.prev:hover, .next:hover {
  background: rgba(0,0,0,0.7);
}
.prev { left: 10px; }
.next { right: 10px; }



.stars {
  font-size: 22px;
  color: gold;
}


/* Responsive tweak */
@media(max-width:640px){.header h1{font-size:28px}.slideshow{height:220px}}
/* Hero Section */
.hero {
	background: linear-gradient(120deg, #6366f1 0%, #0ea5e9 100%), url('assets/hero-bg.jpg') center/cover no-repeat;
	position: relative;
	min-height: 420px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 8px 32px rgba(99,102,241,0.12);
}
.hero-content {
	z-index: 2;
	position: relative;
}
.logo {
	height: 70px;
	margin-bottom: 18px;
	filter: drop-shadow(0 2px 8px rgba(0,0,0,0.12));
}
.brand {
	color: #fff200;
	font-weight: 800;
	letter-spacing: 1px;
}
.subtitle {
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 8px;
	color: #e0e7ff;
}
.desc {
	font-size: 18px;
	color: #f3f4f6;
	margin-bottom: 18px;
}
.section-title {
	font-size: 2.2rem;
	font-weight: 700;
	margin-bottom: 18px;
	color: #0ea5e9;
	text-align: center;
	letter-spacing: 1px;
}
/* Card Hover Effect */
.card-hover {
	transition: transform .18s cubic-bezier(.4,2,.3,1), box-shadow .18s;
}
.card-hover:hover {
	transform: translateY(-8px) scale(1.03);
	box-shadow: 0 16px 32px rgba(99,102,241,0.13), 0 2px 8px rgba(14,165,233,0.09);
	border: 1px solid #e0e7ff;
}
/* Nav Hover */
.nav a:hover {
	background: #fff;
	color: #6366f1;
	box-shadow: 0 2px 8px rgba(99,102,241,0.09);
}
/* Button Animation */
.btn {
	transition: background .18s, transform .18s;
}
.btn:hover {
	background: linear-gradient(90deg,#6366f1,#0ea5e9);
	transform: scale(1.05);
}