@import url('https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&family=Noto+Serif+SC:wght@900&display=swap');

.gradient-text-gold {
	background: linear-gradient(180deg, #ffffff 0%, #b3e5fc 30%, #29b6f6 70%, #0277bd 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	filter: drop-shadow(2px 2px 0px #002171);
}
.gradient-text-silver {
	background: linear-gradient(180deg, #ffffff 0%, #e1f5fe 40%, #81d4fa 70%, #0288d1 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	filter: drop-shadow(1px 1px 0px #002171);
}
.gradient-text-gold1 {
	background: linear-gradient(180deg, #ffffff 0%, #b3e5fc 30%, #29b6f6 70%, #0277bd 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	filter: drop-shadow(2px 2px 0px #002171);
	transition: filter 0.3s ease, transform 0.3s ease, letter-spacing 0.3s ease;
	cursor: pointer;
	display: inline-block;
}
.gradient-text-gold1:hover {
	background: linear-gradient(180deg, #ffffff 0%, #e1f5fe 25%, #4fc3f7 50%, #0288d1 75%, #01579b 100%);
	-webkit-background-clip: text;
	background-clip: text;
	filter: drop-shadow(3px 3px 0px #00004d) drop-shadow(0px 0px 8px rgba(0,0,139,0.7));
	transform: scale(1.03);
	letter-spacing: 2px;
}
.gradient-text-silver1 {
	background: linear-gradient(180deg, #ffffff 0%, #e1f5fe 40%, #81d4fa 70%, #0288d1 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	filter: drop-shadow(1px 1px 0px #002171);
	transition: filter 0.3s ease, transform 0.3s ease, letter-spacing 0.3s ease;
	cursor: pointer;
	display: inline-block;
}
.gradient-text-silver1:hover {
	background: linear-gradient(180deg, #ffffff 0%, #f0f9ff 30%, #b3e5fc 60%, #0277bd 100%);
	-webkit-background-clip: text;
	background-clip: text;
	filter: drop-shadow(2px 2px 0px #00004d) drop-shadow(0px 0px 8px rgba(0,0,139,0.6));
	transform: scale(1.03);
	letter-spacing: 8px;
}

/* Logo icon hover */
#icon-logo img {
	transition: transform 0.4s ease, filter 0.4s ease;
	cursor: pointer;
}
#icon-logo img:hover {
	transform: rotate(8deg) scale(1.1);
	filter: drop-shadow(0px 0px 10px rgba(0,0,139,0.8)) brightness(1.15);
}