body {
	margin: 0;
	background-color: #0a0a0f;
	font-family: 'Noto Sans KR', sans-serif;
}

.preloader {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	height: 100vh;
	width: 100%;
	opacity: 1;
	background: linear-gradient(135deg, #0a0a0f 0%, #1a1a2e 100%);
	transition: all .5s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}

.preloader .loader {
	width: 50px;
	height: 50px;
	border: 3px solid rgba(255, 255, 255, 0.1);
	border-top-color: var(--theme-color, #fff);
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

.preloader .loader-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}

.preloader .loader-content img {
	width: 60px;
	height: 60px;
	object-fit: contain;
	animation: pulse 1.5s ease-in-out infinite;
}

.preloader .loader-text {
	color: rgba(255, 255, 255, 0.5);
	font-size: 12px;
	letter-spacing: 3px;
	text-transform: uppercase;
}

@keyframes spin {
	to { transform: rotate(360deg); }
}

@keyframes pulse {
	0%, 100% { opacity: 0.5; transform: scale(1); }
	50% { opacity: 1; transform: scale(1.05); }
}

.preloader.loaded {
	z-index: -1;
	opacity: 0;
}

.dropdown {
	display: flex;
	position: fixed;
	height: 100vh;
	width: 100%;
	background: linear-gradient(135deg, rgba(20, 20, 20, 0.98) 0%, rgba(33, 33, 33, 0.95) 100%);
	backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
	align-items: center;
	justify-content: center;
	opacity: 0;
	z-index: -1;
	transition: all .5s cubic-bezier(0.4, 0, 0.2, 1);
	text-align: center;
	overflow: hidden;
}

.dropdown::before {
	content: '';
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background: radial-gradient(circle at 30% 30%, rgba(var(--theme-color-rgb, 255, 255, 255), 0.08) 0%, transparent 50%),
	            radial-gradient(circle at 70% 70%, rgba(var(--theme-color-rgb, 255, 255, 255), 0.05) 0%, transparent 50%);
	animation: dropdownGlow 10s ease-in-out infinite alternate;
	pointer-events: none;
}

@keyframes dropdownGlow {
	0% { transform: translate(0, 0) rotate(0deg); }
	100% { transform: translate(5%, 5%) rotate(5deg); }
}

.dropdown .center a {
	display: block;
	font-size: 5vh;
	color: #fff;
	margin: 2vh 0%;
	text-decoration: none;
	position: relative;
	padding: 15px 40px;
	border-radius: 30px;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transform: translateY(20px);
	opacity: 0;
}

.dropdown.shown .center a {
	transform: translateY(0);
	opacity: 1;
}

.dropdown.shown .center a:nth-child(1) { transition-delay: 0.1s; }
.dropdown.shown .center a:nth-child(2) { transition-delay: 0.15s; }
.dropdown.shown .center a:nth-child(3) { transition-delay: 0.2s; }
.dropdown.shown .center a:nth-child(4) { transition-delay: 0.25s; }
.dropdown.shown .center a:nth-child(5) { transition-delay: 0.3s; }
.dropdown.shown .center a:nth-child(6) { transition-delay: 0.35s; }

.dropdown .center a:hover {
	background: rgba(255, 255, 255, 0.1);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),
	            inset 0 1px 0 rgba(255, 255, 255, 0.1);
	text-shadow: 0 0 30px rgba(255, 255, 255, 0.5);
	transform: scale(1.05);
}

.dropdown .center a::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 2px;
	background: linear-gradient(90deg, var(--theme-color, #fff), transparent);
	transition: width 0.3s ease;
	transform: translateY(-50%);
	border-radius: 2px;
	box-shadow: 0 0 10px var(--theme-color, #fff);
}

.dropdown .center a:hover::before {
	width: 20px;
}

.dropdown.shown {
	z-index: 4;
	opacity: 1;
}

.navbar {
	display: flex;
	width: 80%;
	position: fixed;
	align-items: center;
	justify-content: center;
	padding: 1.5vh 10%;
	z-index: 5;
	transition: all .5s cubic-bezier(0.4, 0, 0.2, 1);
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.navbar::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
	animation: navbarShimmer 8s ease-in-out infinite;
	pointer-events: none;
}

@keyframes navbarShimmer {
	0%, 100% { left: -100%; }
	50% { left: 100%; }
}

.navbar.scrolled {
	padding: 1vh 10%;
	background: linear-gradient(135deg, rgba(20, 20, 20, 0.95) 0%, rgba(30, 30, 30, 0.9) 100%);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), 
	            inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.navbar.dropdownshown {
	padding: 1.5vh 10%;
	background: transparent;
	backdrop-filter: none;
	border-bottom: none;
}

.navbar .left {
	display: flex;
	width: 35%;
	align-items: center;
	justify-content: flex-start;
	opacity: 1;
	transition: all .5s cubic-bezier(0.4, 0, 0.2, 1);
}

.navbar .left img {
	height: 6vh;
	width: auto;
	border-radius: 8px;
	transition: transform 0.3s ease, filter 0.3s ease;
	filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3));
}

.navbar .left img:hover {
	transform: scale(1.05) rotate(-2deg);
	filter: drop-shadow(0 4px 12px rgba(var(--theme-color-rgb, 255, 255, 255), 0.3));
}

.navbar.dropdownshown .left {
	opacity: 0;
}

.navbar .right {
	width: 65%;
	text-align: right;
}

.navbar .right a {
	font-size: 2.5vh;
	color: #fff;
	margin-left: 2%;
	text-decoration: none;
	position: relative;
	transition: color 0.3s ease, text-shadow 0.3s ease;
}

.navbar .right .links a {
	padding: 8px 16px;
	border-radius: 20px;
	background: transparent;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.navbar .right .links a:hover {
	background: rgba(255, 255, 255, 0.1);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2),
	            inset 0 1px 0 rgba(255, 255, 255, 0.1);
	text-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
}

.navbar .right .links a::after {
	position: absolute;
	bottom: 2px;
	left: 50%;
	width: 0;
	height: 2px;
	background: linear-gradient(90deg, transparent, var(--theme-color, #fff), transparent);
	content: '';
	transition: width 0.3s ease, opacity 0.3s ease;
	transform: translateX(-50%);
	pointer-events: none;
	opacity: 0;
	border-radius: 2px;
	box-shadow: 0 0 10px var(--theme-color, #fff);
}

.navbar .right .links a:hover::after, .navbar .right .links a:focus::after, .navbar .right .links .active::after {
	width: 60%;
	opacity: 1;
}

.navbar .right .links .active {
	background: rgba(255, 255, 255, 0.08);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.navbar .right a.dropdownbtn, .navbar .right a.dropdownbtnclose {
	display: none;
	font-size: 3vh;
}

.navbar.dropdownshown .right a.dropdownbtn {
	display: none;
}

.navbar.dropdownshown .right a.dropdownbtnclose {
	display: inline-block;
	font-size: 3.5vh;
}

.top {
	height: 100vh;
	width: 100%;
	background: var(--background-image);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	position: relative;
}

.top .screen {
	display: flex;
	height: 100%;
	width: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(20, 20, 20, 0.95) 100%);
	align-items: center;
	justify-content: center;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.top .screen::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: radial-gradient(ellipse at center top, rgba(var(--theme-color-rgb, 255, 255, 255), 0.15) 0%, transparent 60%);
	pointer-events: none;
}

.top .screen .center .img {
	display: inline-block;
	height: 25vh;
	width: 25vh;
	border-radius: 50%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-color: rgba(33, 33, 33, 0.8);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: .25vh solid var(--theme-color);
	margin-bottom: 4vh;
	box-shadow: 0 0 40px rgba(var(--theme-color-rgb, 255, 255, 255), 0.3),
	            0 20px 60px rgba(0, 0, 0, 0.4);
	animation: floatAvatar 6s ease-in-out infinite;
	position: relative;
}

.top .screen .center .img::after {
	content: '';
	position: absolute;
	inset: -3px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--theme-color), transparent, var(--theme-color));
	z-index: -1;
	animation: rotateGlow 4s linear infinite;
	opacity: 0.5;
}

@keyframes floatAvatar {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-10px); }
}

@keyframes rotateGlow {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.top .screen .center h1 {
	font-size: 4vh;
	color: #fff;
	margin: 0;
	margin-bottom: 2vh;
	text-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
	animation: fadeInUp 0.8s ease 0.2s both;
}

.top .screen .center p {
	font-size: 1.75vh;
	color: rgba(255, 255, 255, 0.8);
	margin: 0;
	margin-bottom: 5vh;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
	animation: fadeInUp 0.8s ease 0.4s both;
}

.top .screen .center .buttons {
	display: flex;
	align-items: center;
	justify-content: center;
	animation: fadeInUp 0.8s ease 0.6s both;
}

.top .screen .center .buttons a {
	display: block;
	font-size: 1.75vh;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	padding: 1.5vh 3%;
	border-radius: 50px;
	text-decoration: none;
	margin: 0 2%;
	min-width: 7.5vw;
	border: 1px solid rgba(255, 255, 255, 0.15);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
	overflow: hidden;
}

.top .screen .center .buttons a.shop {
	color: var(--theme-color);
	border: 2px solid var(--theme-color);
	background: linear-gradient(135deg, rgba(var(--theme-color-rgb, 255, 255, 255), 0.15) 0%, rgba(var(--theme-color-rgb, 255, 255, 255), 0.05) 100%);
}

.top .screen .center .buttons a.shop:hover {
	background: var(--theme-color);
	color: #fff;
	box-shadow: 0 10px 30px rgba(var(--theme-color-rgb, 255, 255, 255), 0.3),
	            0 0 20px rgba(var(--theme-color-rgb, 255, 255, 255), 0.2);
	transform: translateY(-3px);
}

.top .screen .center .buttons a.discord {
	color: #7289DA;
	border: 2px solid #7289DA;
	background: linear-gradient(135deg, rgba(114, 137, 218, 0.15) 0%, rgba(114, 137, 218, 0.05) 100%);
}

.top .screen .center .buttons a.discord:hover {
	background: #7289DA;
	color: #fff;
	box-shadow: 0 10px 30px rgba(114, 137, 218, 0.3),
	            0 0 20px rgba(114, 137, 218, 0.2);
	transform: translateY(-3px);
}

@media screen and (max-width: 600px), (orientation : portrait) {
	.navbar .right .links {
		display: none;
	}

	.navbar .right a.dropdownbtn {
		display: inline-block;
	}

	.top .screen .center .buttons a {
		display: block;
		font-size: 1.75vh;
		background: none;
		padding: 1.2vh 3%;
		border-radius: 50px;
		text-decoration: none;
		margin: 0.5vh 3%;
		min-width: 30vw;
	}
}

/* ========================================
   GLOBAL GLASSY DESIGN SYSTEM
   ======================================== */

/* Glass Card - Use class "glass-card" on any element */
.glass-card {
	background: rgba(255, 255, 255, 0.05);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 20px;
	padding: 3vh;
}

.glass-card-dark {
	background: rgba(0, 0, 0, 0.3);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 20px;
	padding: 3vh;
}

.glass-card-light {
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(25px);
	-webkit-backdrop-filter: blur(25px);
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 20px;
	padding: 3vh;
}

/* Glass Buttons */
.glass-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 1vh;
	padding: 1.5vh 3vh;
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 50px;
	color: #fff;
	font-weight: 600;
	font-size: 1.6vh;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s ease;
}

.glass-btn:hover {
	background: rgba(255, 255, 255, 0.2);
	transform: translateY(-2px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.glass-btn-primary {
	background: linear-gradient(135deg, var(--theme-color) 0%, rgba(255,255,255,0.1) 100%);
	border: 1px solid var(--theme-color);
}

.glass-btn-primary:hover {
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

/* Gradient Backgrounds */
.bg-gradient-dark {
	background: linear-gradient(135deg, #1a1a2e 0%, #0f0f1a 100%);
}

.bg-gradient-theme {
	background: linear-gradient(135deg, var(--theme-color) 0%, #0f0f1a 100%);
}

/* Platform Colors */
.color-spotify { color: #1DB954; }
.bg-spotify { background: #1DB954; color: #fff; }
.color-apple { color: #fc3c44; }
.bg-apple { background: #fc3c44; color: #fff; }
.color-youtube { color: #FF0000; }
.bg-youtube { background: #FF0000; color: #fff; }
.color-soundcloud { color: #ff5500; }
.bg-soundcloud { background: #ff5500; color: #fff; }

/* Glass Platform Buttons */
.platform-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-decoration: none;
	transition: all 0.3s ease;
	font-size: 1.8vh;
}

.platform-btn.spotify {
	background: rgba(29, 185, 84, 0.2);
	color: #1DB954;
}

.platform-btn.spotify:hover {
	background: #1DB954;
	color: #fff;
	transform: scale(1.1);
}

.platform-btn.apple {
	background: rgba(252, 60, 68, 0.2);
	color: #fc3c44;
}

.platform-btn.apple:hover {
	background: #fc3c44;
	color: #fff;
	transform: scale(1.1);
}

.platform-btn.youtube {
	background: rgba(255, 0, 0, 0.2);
	color: #FF0000;
}

.platform-btn.youtube:hover {
	background: #FF0000;
	color: #fff;
	transform: scale(1.1);
}

.platform-btn.soundcloud {
	background: rgba(255, 85, 0, 0.2);
	color: #ff5500;
}

.platform-btn.soundcloud:hover {
	background: #ff5500;
	color: #fff;
	transform: scale(1.1);
}

/* Animated Glow Effect - Add to parent container */
.glow-effect {
	position: relative;
	overflow: hidden;
}

.glow-effect::before {
	content: '';
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 50%);
	animation: glowPulse 8s ease-in-out infinite;
	pointer-events: none;
}

@keyframes glowPulse {
	0%, 100% { transform: scale(1); opacity: 0.5; }
	50% { transform: scale(1.1); opacity: 0.8; }
}

/* Subtle hover lift */
.hover-lift {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-lift:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
}

/* Footer */
.footer {
	background: linear-gradient(180deg, rgba(13, 13, 13, 0.95) 0%, rgba(0, 0, 0, 0.98) 100%);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	padding: 0;
	color: rgba(255,255,255,0.7);
	font-size: 14px;
	position: relative;
	overflow: hidden;
}

.footer::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(var(--theme-color-rgb, 255, 255, 255), 0.3), transparent);
}

.footer::after {
	content: '';
	position: absolute;
	top: -200px;
	right: -200px;
	width: 400px;
	height: 400px;
	background: radial-gradient(circle, rgba(var(--theme-color-rgb, 255, 255, 255), 0.05) 0%, transparent 70%);
	pointer-events: none;
}

.footer-main {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 1.5fr;
	gap: 40px;
	padding: 60px 10%;
	border-bottom: 1px solid rgba(255,255,255,0.08);
	position: relative;
	z-index: 1;
}

.footer-brand {
	max-width: 300px;
}

.footer-brand img {
	height: 50px;
	margin-bottom: 20px;
	border-radius: 8px;
	transition: transform 0.3s ease, filter 0.3s ease;
	filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.3));
}

.footer-brand img:hover {
	transform: scale(1.05);
	filter: drop-shadow(0 4px 15px rgba(var(--theme-color-rgb, 255, 255, 255), 0.2));
}

.footer-brand p {
	color: rgba(255,255,255,0.5);
	line-height: 1.8;
	margin: 0;
}

.footer-section h4 {
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0 0 25px 0;
	position: relative;
	display: inline-block;
}

.footer-section h4::after {
	content: '';
	position: absolute;
	bottom: -8px;
	left: 0;
	width: 30px;
	height: 2px;
	background: linear-gradient(90deg, var(--theme-color, #fff), transparent);
	border-radius: 2px;
}

.footer-section ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-section ul li {
	margin-bottom: 12px;
}

.footer-section ul li a {
	color: rgba(255,255,255,0.5);
	text-decoration: none;
	transition: all 0.3s ease;
	position: relative;
	padding-left: 0;
}

.footer-section ul li a::before {
	content: '';
	position: absolute;
	left: -15px;
	top: 50%;
	width: 0;
	height: 2px;
	background: var(--theme-color, #fff);
	transition: width 0.3s ease;
	transform: translateY(-50%);
	border-radius: 2px;
}

.footer-section ul li a:hover {
	color: var(--theme-color);
	padding-left: 20px;
}

.footer-section ul li a:hover::before {
	width: 12px;
}

.footer-section ul li a i {
	width: 20px;
	margin-right: 8px;
	transition: transform 0.3s ease;
}

.footer-section ul li a:hover i {
	transform: scale(1.2);
}

.footer-social {
	display: flex;
	gap: 12px;
	margin-top: 20px;
}

.footer-social a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.03) 100%);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid rgba(255,255,255,0.1);
	border-radius: 12px;
	color: rgba(255,255,255,0.6);
	text-decoration: none;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
	overflow: hidden;
}

.footer-social a::before {
	content: '';
	position: absolute;
	inset: 0;
	background: var(--theme-color);
	opacity: 0;
	transition: opacity 0.3s ease;
	border-radius: 12px;
}

.footer-social a i {
	position: relative;
	z-index: 1;
	transition: transform 0.3s ease;
}

.footer-social a:hover {
	border-color: var(--theme-color);
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(var(--theme-color-rgb, 255, 255, 255), 0.25),
	            0 0 15px rgba(var(--theme-color-rgb, 255, 255, 255), 0.15);
}

.footer-social a:hover::before {
	opacity: 1;
}

.footer-social a:hover i {
	color: #fff;
	transform: scale(1.1);
}

.footer-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 25px 10%;
	color: rgba(255,255,255,0.4);
	font-size: 13px;
	position: relative;
	z-index: 1;
	background: rgba(0, 0, 0, 0.3);
}

.footer-bottom a {
	color: var(--theme-color);
	text-decoration: none;
	transition: all 0.3s ease;
}

.footer-bottom a:hover {
	text-shadow: 0 0 15px rgba(var(--theme-color-rgb, 255, 255, 255), 0.5);
}

.footer-links {
	display: flex;
	gap: 25px;
}

.footer-links a {
	color: rgba(255,255,255,0.4);
	position: relative;
	padding-bottom: 2px;
}

.footer-links a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	background: var(--theme-color, #fff);
	transition: width 0.3s ease;
}

.footer-links a:hover::after {
	width: 100%;
}

@media screen and (max-width: 900px) {
	.footer-main {
		grid-template-columns: 1fr 1fr;
		gap: 40px 30px;
	}
}

@media screen and (max-width: 600px) {
	.footer-main {
		grid-template-columns: 1fr;
		text-align: center;
		padding: 40px 5%;
	}
	
	.footer-brand {
		max-width: 100%;
	}
	
	.footer-section h4::after {
		left: 50%;
		transform: translateX(-50%);
	}
	
	.footer-section ul li a::before {
		display: none;
	}
	
	.footer-section ul li a:hover {
		padding-left: 0;
	}
	
	.footer-social {
		justify-content: center;
	}
	
	.footer-bottom {
		flex-direction: column;
		gap: 15px;
		text-align: center;
	}
	
	.footer-links {
		flex-wrap: wrap;
		justify-content: center;
	}
}

/* ===== GLASSY EFFECTS & ANIMATIONS ===== */

/* Floating Orbs Background Animation */
.glassy-orbs {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 0;
	overflow: hidden;
}

.glassy-orbs .orb {
	position: absolute;
	border-radius: 50%;
	filter: blur(80px);
	opacity: 0.3;
	animation: floatOrb 20s ease-in-out infinite;
}

.glassy-orbs .orb:nth-child(1) {
	width: 400px;
	height: 400px;
	background: var(--theme-color, #6366f1);
	top: -10%;
	left: -5%;
	animation-delay: 0s;
}

.glassy-orbs .orb:nth-child(2) {
	width: 300px;
	height: 300px;
	background: #8b5cf6;
	top: 50%;
	right: -10%;
	animation-delay: -5s;
	animation-duration: 25s;
}

.glassy-orbs .orb:nth-child(3) {
	width: 250px;
	height: 250px;
	background: #ec4899;
	bottom: -5%;
	left: 30%;
	animation-delay: -10s;
	animation-duration: 22s;
}

@keyframes floatOrb {
	0%, 100% {
		transform: translate(0, 0) scale(1);
	}
	25% {
		transform: translate(30px, -30px) scale(1.1);
	}
	50% {
		transform: translate(-20px, 20px) scale(0.95);
	}
	75% {
		transform: translate(20px, 10px) scale(1.05);
	}
}

/* Glassy Card Effect */
.glassy-card {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 20px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2),
	            inset 0 1px 0 rgba(255, 255, 255, 0.1);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
	overflow: hidden;
}

.glassy-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
	transition: left 0.5s ease;
}

.glassy-card:hover::before {
	left: 100%;
}

.glassy-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3),
	            inset 0 1px 0 rgba(255, 255, 255, 0.15);
	border-color: rgba(255, 255, 255, 0.2);
}

/* Glassy Button */
.glassy-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 28px;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 100%);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 50px;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
	overflow: hidden;
}

.glassy-btn::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	transform: translate(-50%, -50%);
	transition: width 0.4s ease, height 0.4s ease;
}

.glassy-btn:hover::before {
	width: 300px;
	height: 300px;
}

.glassy-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3),
	            0 0 20px rgba(var(--theme-color-rgb, 255, 255, 255), 0.2);
	border-color: rgba(255, 255, 255, 0.3);
}

/* Text Glow Animation */
.glow-text {
	animation: textGlow 3s ease-in-out infinite alternate;
}

@keyframes textGlow {
	0% {
		text-shadow: 0 0 10px rgba(255, 255, 255, 0.3),
		             0 0 20px rgba(255, 255, 255, 0.2),
		             0 0 30px rgba(255, 255, 255, 0.1);
	}
	100% {
		text-shadow: 0 0 20px rgba(255, 255, 255, 0.5),
		             0 0 40px rgba(255, 255, 255, 0.3),
		             0 0 60px rgba(var(--theme-color-rgb, 255, 255, 255), 0.2);
	}
}

/* Fade In Up Animation */
.fade-in-up {
	opacity: 0;
	transform: translateY(30px);
	animation: fadeInUp 0.8s ease forwards;
}

@keyframes fadeInUp {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Staggered animation delays */
.fade-in-up:nth-child(1) { animation-delay: 0.1s; }
.fade-in-up:nth-child(2) { animation-delay: 0.2s; }
.fade-in-up:nth-child(3) { animation-delay: 0.3s; }
.fade-in-up:nth-child(4) { animation-delay: 0.4s; }
.fade-in-up:nth-child(5) { animation-delay: 0.5s; }
.fade-in-up:nth-child(6) { animation-delay: 0.6s; }

/* Pulse Ring Animation */
.pulse-ring {
	position: relative;
}

.pulse-ring::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	border: 2px solid var(--theme-color, #fff);
	border-radius: 50%;
	transform: translate(-50%, -50%);
	animation: pulseRing 2s ease-out infinite;
	pointer-events: none;
}

@keyframes pulseRing {
	0% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 0.8;
	}
	100% {
		transform: translate(-50%, -50%) scale(1.5);
		opacity: 0;
	}
}

/* Magnetic Hover Effect for buttons */
.magnetic-hover {
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Glassmorphism Input */
.glassy-input {
	background: rgba(255, 255, 255, 0.05);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 12px;
	padding: 14px 20px;
	color: #fff;
	font-size: 14px;
	transition: all 0.3s ease;
	outline: none;
}

.glassy-input::placeholder {
	color: rgba(255, 255, 255, 0.4);
}

.glassy-input:focus {
	border-color: var(--theme-color, rgba(255, 255, 255, 0.3));
	box-shadow: 0 0 20px rgba(var(--theme-color-rgb, 255, 255, 255), 0.15);
	background: rgba(255, 255, 255, 0.08);
}