html {
	min-height: 100%;
	background:linear-gradient(115deg,transparent 20%,rgba(255, 255, 255, 0.35) 35%,transparent 48%),linear-gradient(245deg,transparent 30%,rgba(255, 255, 255, 0.25) 43%,transparent 58%),radial-gradient(ellipse at 12% 18%,rgba(190, 235, 184, 0.8),transparent 45%),radial-gradient(ellipse at 88% 22%,rgba(211, 185, 245, 0.8),transparent 48%),radial-gradient(ellipse at 50% 85%,rgba(226, 211, 250, 0.65),transparent 55%),linear-gradient(135deg,#e8f5e4 0%,#f1e9fc 35%,#e4f2df 65%,#f3eafd 100%);
	background-attachment: fixed;
	background-size: cover;
}
body {
	margin: 0;
	min-height: 100%;
	font-size: 17px;
	font-family: 'Lora', serif;
	color: #514960;
	line-height: 1.9;
	background: transparent;
}
#header {
	position: relative;
	width: 1100px;
	height: 619px;
	margin: 30px auto 40px;
	border: 4px solid transparent;
	border-radius: 28px;
	background:url('images/head.jpg') center center / cover no-repeat padding-box,linear-gradient(125deg,#c9e9bb 0%,#ffffff 22%,#cbb3ed 50%,#e8dcf8 72%,#b9dda9 100%) border-box;
	box-shadow:0 0 0 1px rgba(255, 255, 255, 0.85),0 0 18px rgba(187, 157, 224, 0.22),0 0 28px rgba(174, 215, 157, 0.16),0 12px 38px rgba(126, 115, 153, 0.13);
	outline: 1px solid rgba(211, 194, 237, 0.45);
	outline-offset: 5px;
}
#navigation {
	position: relative;
	width: 90%;
	margin: 40px auto;
	padding: 22px 0;
	text-align: center;
	background:linear-gradient(115deg,rgba(255, 255, 255, 0.88),rgba(239, 248, 235, 0.82),rgba(246, 239, 255, 0.88),rgba(255, 255, 255, 0.88));
	border: 1px solid rgba(194, 177, 221, 0.65);
	border-radius: 22px;
	box-shadow:0 8px 30px rgba(129, 106, 159, 0.09),0 0 20px rgba(177, 210, 165, 0.1),inset 0 1px 0 rgba(255, 255, 255, 0.95);
	opacity:0.6;
}
#navigation a {
	position: relative;
	display: inline-block;
	margin: 0 26px;
	padding: 6px 2px;
	font-size: 24px;
	font-weight: 600;
	letter-spacing: 1.2px;
	text-decoration: none;
	background: linear-gradient(110deg,#719b6c 0%,#9bc493 30%,#a893ce 70%,#9479bf 100%);
	background-size: 180% 100%;
	background-position: left center;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	transition:opacity 0.3s ease,background-position 0.5s ease;
}
#navigation a:hover {
	background-position: right center;
	opacity: 0.9;
}
.nav-underline {
	position: absolute;
	left: 50%;
	bottom: -6px;
	width: 0%;
	height: 3px;
	transform: translateX(-50%);
	border-radius: 999px;
	background: linear-gradient(90deg,transparent,#a6cb9c,#d0b9ee,#a6cb9c,transparent);
	box-shadow: 0 0 8px rgba(179, 156, 220, 0.28);
	transition: width 0.35s ease;
}
#navigation a:hover .nav-underline,#navigation a.active .nav-underline {
	width: 100%;
}
#content {
	width: 1100px;
	margin: 0 auto;
	padding-bottom: 80px;
}
.contentx {
	background: linear-gradient(135deg,rgba(222, 245, 214, 0.82) 0%,rgba(235, 226, 252, 0.78) 48%,rgba(211, 237, 203, 0.84) 100%);
	border: 1px solid rgba(220, 211, 242, 0.75);
	border-radius: 20px;
	padding: 30px 34px;
	text-align: justify;
	box-shadow:0 8px 28px rgba(142, 119, 179, 0.12),0 3px 14px rgba(148, 194, 132, 0.12);
}
h1 {
	font-family: 'Great Vibes', cursive;
	font-size: 68px;
	text-align: center;
	background: linear-gradient(105deg,#81a977 0%,#a7c99d 27%,#c0a9e2 63%,#9479bc 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	margin: 70px 0 30px;
}
.heading-stars {
	display: block;
	font-size: 22px;
	background: linear-gradient(90deg, #9fc996, #c3abe7, #9fc996);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 10px;
	line-height: 1.4;
	filter: drop-shadow(0 0 5px rgba(184, 162, 220, 0.3));
}
.heading-underline {
	display: block;
	width: 120px;
	height: 3px;
	margin: 14px auto 0;
	background: linear-gradient(90deg,transparent,#a8cba1,#c1a9e5,#a8cba1,transparent);
	border-radius: 999px;
}
blockquote {
	background: linear-gradient(120deg,rgba(238, 247, 233, 0.92),rgba(249, 245, 255, 0.95),rgba(236, 247, 232, 0.88));
	color: #514962;
	border-left: 5px solid #b49bd9;
	padding: 35px 40px;
	border-radius: 14px;
	font-style: italic;
	margin: 30px 0;
}
.quote-mark {
	display: inline;
	background: linear-gradient(135deg, #91bd87, #b49bd9);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 50px;
	margin-right: 10px;
	line-height: 1;
}
a {
	color: #7a9f73;
	text-decoration: underline;
	text-decoration-color: #b49bd9;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
	font-weight: 500;
	transition:color 0.25s ease,text-decoration-color 0.25s ease;
}
a:hover {
	color: #9a82c4;
	text-decoration-color: #a8cba1;
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
}
#navigation a {
	text-decoration: none;
	background: linear-gradient(110deg,#719b6c,#9bc493,#a893ce,#9479bf);
	background-size: 180% 100%;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
#navigation a:hover {
	background-position: right center;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
b,strong {
	font-weight: 700;
	background: linear-gradient(100deg,#709c69 0%,#9cc493 35%,#b9a0df 72%,#957cbe 100%);
	background-size: 160% 100%;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-decoration-line: underline;
	text-decoration-color: #b49bd9;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}
i,em {
	font-style: italic;
	background: linear-gradient(110deg,#83ad79 0%,#a7ca9d 35%,#c0a8e3 75%,#9c84c6 100%);
	background-size: 160% 100%;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-decoration-line: underline;
	text-decoration-color: #9dc495;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}
.contentx input,.contentx textarea,.contentx select {
	width: 100%;
	box-sizing: border-box;
	padding: 12px 14px;
	margin: 8px 0 18px;
	font-family: 'Cormorant Garamond', serif;
	font-size: 18px;
	color: #514960;
	background: linear-gradient(115deg,rgba(255, 255, 255, 0.96),rgba(243, 249, 239, 0.94),rgba(248, 243, 255, 0.96));
	border: 2px solid #ded5ed;
	border-radius: 10px;
	outline: none;
}
.contentx input:focus,.contentx textarea:focus,.contentx select:focus {
	border-color: #b49bd9;
	border-left: 4px solid #91b98a;
	box-shadow:0 0 0 3px rgba(181, 157, 218, 0.12),0 0 14px rgba(168, 203, 161, 0.14);
	background: linear-gradient(115deg,#ffffff,#f3faef,#f7f1ff);
}
.decorated-bold,.decorated-italic {
	display: inline-block;
}
.decorated-bold {
	font-weight: 700;
}
.decorated-italic {
	font-style: italic;
}
@media (max-width: 1160px) {
	#header,#content,.bridge-text {
		width: 90%;
	}
	#header {
		box-sizing: border-box;
		height: auto;
		aspect-ratio: 1100 / 614;
	}
	.contentx {
		box-sizing: border-box;
		padding: 40px;
	}
	#navigation a {
		margin: 0 14px;
		font-size: 21px;
	}
	.bridge-text {
		font-size: 60px;
	}
}
@media (max-width: 600px) {
	#navigation {
		width: 92%;
		padding: 16px 8px;
		box-sizing: border-box;
	}
	#navigation a {
		margin: 8px 12px;
		font-size: 18px;
	}
	.contentx {
		padding: 25px;
	}
	h1 {
		font-size: 48px;
	}
	blockquote {
		padding: 25px;
	}
	.bridge-text {
		font-size: 42px;
		line-height: 1.6;
	}
}