/* Footer Social Links Styles */
		.footer-social-links {
			display: flex;
			justify-content: center;
			align-items: center;
			gap: 1rem;
			flex-wrap: wrap;
			margin: 1.5rem 0;
		}
		.footer-social-link {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 45px;
			height: 45px;
			background: linear-gradient(135deg, rgba(201, 150, 70, 0.2), rgba(201, 150, 70, 0.1));
			color: rgba(189, 164, 138, 0.9);
			border: 2px solid rgba(189, 164, 138, 0.3);
			border-radius: 50%;
			text-decoration: none;
			font-size: 1.3rem;
			transition: all 0.3s ease;
			box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
		}
		.footer-social-link:hover {
			background: linear-gradient(135deg, rgba(201, 150, 70, 0.4), rgba(201, 150, 70, 0.3));
			color: #e3b766;
			border-color: rgba(189, 164, 138, 0.6);
			transform: translateY(-3px);
			box-shadow: 0 4px 12px rgba(201, 150, 70, 0.3);
		}
		.footer-social-link i {
			transition: transform 0.3s ease;
		}
		.footer-social-link:hover i {
			transform: scale(1.1);
		}
		
		/* Footer Links Styles */
		.footer-links a {
			color: rgba(189, 164, 138, 0.9) !important;
			text-decoration: none;
			font-size: 0.9rem;
			transition: all 0.3s ease;
			padding: 5px 10px;
			border-radius: 4px;
		}
		.footer-links a:hover {
			color: #e3b766 !important;
			background: rgba(201, 150, 70, 0.1);
			transform: translateY(-2px);
		}
		
		/* Aktif Oyuncu Sinyal Göstergesi */
		.active-indicator {
			width: 10px;
			height: 10px;
			background: #25d366;
			border-radius: 50%;
			display: inline-block;
			position: relative;
			animation: pulse-green 2s ease-in-out infinite;
		}
		.active-indicator::before {
			content: '';
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 10px;
			height: 10px;
			background: #25d366;
			border-radius: 50%;
			animation: ripple-green 2s ease-out infinite;
		}
		@keyframes pulse-green {
			0%, 100% {
				opacity: 1;
				transform: scale(1);
				box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
			}
			50% {
				opacity: 0.8;
				transform: scale(1.1);
				box-shadow: 0 0 0 4px rgba(37, 211, 102, 0);
			}
		}
		@keyframes ripple-green {
			0% {
				width: 10px;
				height: 10px;
				opacity: 0.8;
			}
			100% {
				width: 30px;
				height: 30px;
				opacity: 0;
			}
		}
		
		/* Platform-specific colors on hover */
		.footer-social-link[href*="discord"]:hover {
			background: linear-gradient(135deg, rgba(88, 101, 242, 0.4), rgba(88, 101, 242, 0.3));
			color: #5865f2;
			border-color: rgba(88, 101, 242, 0.6);
		}
		.footer-social-link[href*="youtube"]:hover {
			background: linear-gradient(135deg, rgba(255, 0, 0, 0.4), rgba(255, 0, 0, 0.3));
			color: #ff0000;
			border-color: rgba(255, 0, 0, 0.6);
		}
		.footer-social-link[href*="facebook"]:hover {
			background: linear-gradient(135deg, rgba(24, 119, 242, 0.4), rgba(24, 119, 242, 0.3));
			color: #1877f2;
			border-color: rgba(24, 119, 242, 0.6);
		}
		.footer-social-link[href*="instagram"]:hover {
			background: linear-gradient(135deg, rgba(225, 48, 108, 0.4), rgba(225, 48, 108, 0.3));
			color: #e1306c;
			border-color: rgba(225, 48, 108, 0.6);
		}
		.footer-social-link[href*="twitter"]:hover {
			background: linear-gradient(135deg, rgba(29, 161, 242, 0.4), rgba(29, 161, 242, 0.3));
			color: #1da1f2;
			border-color: rgba(29, 161, 242, 0.6);
		}
		.footer-social-link[href*="pinterest"]:hover {
			background: linear-gradient(135deg, rgba(189, 8, 28, 0.4), rgba(189, 8, 28, 0.3));
			color: #bd081c;
			border-color: rgba(189, 8, 28, 0.6);
		}
		.footer-social-link[href*="whatsapp"]:hover {
			background: linear-gradient(135deg, rgba(37, 211, 102, 0.4), rgba(37, 211, 102, 0.3));
			color: #25d366;
			border-color: rgba(37, 211, 102, 0.6);
		}
		
		@media (max-width: 768px) {
			.footer-social-links {
				gap: 0.75rem;
			}
			.footer-social-link {
				width: 40px;
				height: 40px;
				font-size: 1.1rem;
			}
		}
		
		/* Server Countdown Styles */
		.server-countdown-wrapper {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
			max-width: 1200px;
			margin: 0 auto;
			padding: 20px;
			position: relative;
			z-index: 10;
		}
		.server-countdown {
			background: linear-gradient(135deg, rgba(201, 150, 70, 0.15), rgba(201, 150, 70, 0.05));
			border: 2px solid rgba(201, 150, 70, 0.3);
			border-radius: 12px;
			padding: 25px 30px;
			text-align: center;
			box-shadow: 0 4px 15px rgba(201, 150, 70, 0.2);
			width: 100%;
			max-width: 500px;
		}
		.countdown-header {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 10px;
			margin-bottom: 10px;
		}
		.countdown-header i {
			font-size: 1.5rem;
			color: #e3b766;
		}
		.countdown-header h3 {
			font-size: 1.1rem;
			font-weight: 600;
			color: #dac0a3;
			margin: 0;
			font-family: 'Onest', sans-serif;
		}
		.countdown-subtitle {
			font-size: 0.85rem;
			color: rgba(189, 164, 138, 0.8);
			margin-bottom: 15px;
		}
		.countdown-timer {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 8px;
			margin: 15px 0;
			flex-wrap: wrap;
		}
		.countdown-item {
			display: flex;
			flex-direction: column;
			align-items: center;
			min-width: 50px;
		}
		.countdown-value {
			font-size: 1.8rem;
			font-weight: 700;
			color: #e3b766;
			font-family: 'Onest', sans-serif;
			line-height: 1.2;
			text-shadow: 0 2px 4px rgba(201, 150, 70, 0.3);
		}
		.countdown-label {
			font-size: 0.7rem;
			color: rgba(189, 164, 138, 0.7);
			margin-top: 4px;
			text-transform: uppercase;
			letter-spacing: 0.5px;
		}
		.countdown-separator {
			font-size: 1.5rem;
			font-weight: 700;
			color: rgba(201, 150, 70, 0.5);
			margin: 0 2px;
		}
		.countdown-launch-date {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 8px;
			margin-top: 15px;
			padding-top: 15px;
			border-top: 1px solid rgba(189, 164, 138, 0.2);
			font-size: 0.85rem;
			color: rgba(189, 164, 138, 0.8);
		}
		.countdown-launch-date i {
			color: #e3b766;
		}
		.countdown-expired {
			background: linear-gradient(135deg, rgba(37, 211, 102, 0.15), rgba(37, 211, 102, 0.05));
			border-color: rgba(37, 211, 102, 0.3);
		}
		.countdown-expired .countdown-header i,
		.countdown-expired .countdown-value {
			color: #25d366;
		}
		.countdown-expired .countdown-launch-date i {
			color: #25d366;
		}
		
		@media (max-width: 768px) {
			.server-countdown {
				padding: 15px;
				margin: 10px 5px;
			}
			.countdown-value {
				font-size: 1.4rem;
			}
			.countdown-separator {
				font-size: 1.2rem;
			}
			.countdown-item {
				min-width: 40px;
			}
		}
		
		/* Chat Widget Styles */
		.chat-widget {
			position: fixed;
			bottom: 20px;
			right: 20px;
			width: 380px;
			max-width: calc(100vw - 40px);
			background: linear-gradient(135deg, #3e2a1e 0%, #2a1f16 100%);
			border: 2px solid rgba(201, 150, 70, 0.3);
			border-radius: 12px;
			box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
			z-index: 1000;
			display: flex;
			flex-direction: column;
			max-height: 600px;
			transition: transform 0.3s ease;
		}
		.chat-widget.collapsed {
			transform: translateY(calc(100% - 50px));
		}
		.chat-widget.collapsed .chat-body {
			display: none;
		}
		.chat-header {
			background: linear-gradient(135deg, rgba(201, 150, 70, 0.3), rgba(201, 150, 70, 0.2));
			padding: 12px 15px;
			border-radius: 10px 10px 0 0;
			display: flex;
			justify-content: space-between;
			align-items: center;
			cursor: pointer;
			border-bottom: 1px solid rgba(189, 164, 138, 0.2);
		}
		.chat-header-content {
			display: flex;
			align-items: center;
			gap: 10px;
			color: #dac0a3;
			font-weight: 600;
		}
		.chat-header-content i {
			color: #e3b766;
		}
		.chat-online-count {
			background: rgba(37, 211, 102, 0.2);
			color: #25d366;
			padding: 2px 8px;
			border-radius: 10px;
			font-size: 0.75rem;
			font-weight: 600;
		}
		.chat-toggle {
			background: none;
			border: none;
			color: #dac0a3;
			cursor: pointer;
			font-size: 1rem;
			transition: transform 0.3s ease;
		}
		.chat-widget.collapsed .chat-toggle i {
			transform: rotate(180deg);
		}
		.chat-body {
			display: flex;
			flex-direction: column;
			height: 500px;
			max-height: 500px;
		}
		.chat-messages {
			flex: 1;
			overflow-y: auto;
			padding: 15px;
			background: rgba(26, 20, 15, 0.5);
			display: flex;
			flex-direction: column;
			gap: 10px;
		}
		.chat-messages::-webkit-scrollbar {
			width: 6px;
		}
		.chat-messages::-webkit-scrollbar-track {
			background: rgba(0, 0, 0, 0.2);
		}
		.chat-messages::-webkit-scrollbar-thumb {
			background: rgba(201, 150, 70, 0.5);
			border-radius: 3px;
		}
		.chat-message {
			background: rgba(62, 42, 30, 0.6);
			border-left: 3px solid rgba(201, 150, 70, 0.5);
			padding: 10px 12px;
			border-radius: 6px;
			animation: slideIn 0.3s ease;
		}
		@keyframes slideIn {
			from {
				opacity: 0;
				transform: translateY(10px);
			}
			to {
				opacity: 1;
				transform: translateY(0);
			}
		}
		.chat-message-header {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-bottom: 5px;
		}
		.chat-message-nick {
			color: #e3b766;
			font-weight: 600;
			font-size: 0.9rem;
		}
		.chat-message-time {
			color: rgba(189, 164, 138, 0.6);
			font-size: 0.75rem;
		}
		.chat-message-text {
			color: #dac0a3;
			font-size: 0.9rem;
			line-height: 1.4;
			word-wrap: break-word;
		}
		.chat-loading {
			text-align: center;
			color: rgba(189, 164, 138, 0.6);
			padding: 20px;
		}
		.chat-input-container {
			padding: 15px;
			background: rgba(26, 20, 15, 0.7);
			border-top: 1px solid rgba(189, 164, 138, 0.2);
		}
		.chat-user-info {
			display: flex;
			align-items: center;
			gap: 8px;
			margin-bottom: 10px;
		}
		.chat-nick {
			color: #e3b766;
			font-weight: 600;
			font-size: 0.85rem;
		}
		.chat-refresh-nick {
			background: rgba(201, 150, 70, 0.2);
			border: 1px solid rgba(201, 150, 70, 0.3);
			color: #e3b766;
			border-radius: 4px;
			padding: 4px 8px;
			cursor: pointer;
			font-size: 0.75rem;
			transition: all 0.2s ease;
		}
		.chat-refresh-nick:hover {
			background: rgba(201, 150, 70, 0.3);
		}
		.chat-input-wrapper {
			display: flex;
			gap: 8px;
			margin-bottom: 8px;
		}
		.chat-input {
			flex: 1;
			background: rgba(62, 42, 30, 0.8);
			border: 1px solid rgba(189, 164, 138, 0.3);
			border-radius: 6px;
			padding: 10px 12px;
			color: #dac0a3;
			font-size: 0.9rem;
			outline: none;
		}
		.chat-input:focus {
			border-color: rgba(201, 150, 70, 0.5);
		}
		.chat-input::placeholder {
			color: rgba(189, 164, 138, 0.5);
		}
		.chat-send-btn {
			background: linear-gradient(135deg, rgba(201, 150, 70, 0.8), rgba(201, 150, 70, 0.6));
			border: 1px solid rgba(201, 150, 70, 0.5);
			color: #fff;
			border-radius: 6px;
			padding: 10px 15px;
			cursor: pointer;
			transition: all 0.2s ease;
		}
		.chat-send-btn:hover {
			background: linear-gradient(135deg, rgba(201, 150, 70, 1), rgba(201, 150, 70, 0.8));
			transform: translateY(-1px);
		}
		.chat-send-btn:active {
			transform: translateY(0);
		}
		.chat-info {
			text-align: center;
		}
		.chat-info small {
			color: rgba(189, 164, 138, 0.6);
			font-size: 0.75rem;
		}
		
		@media (max-width: 768px) {
			.chat-widget {
				width: calc(100vw - 20px);
				right: 10px;
				bottom: 10px;
				max-height: 70vh;
			}
			.chat-body {
				max-height: calc(70vh - 50px);
			}
		}
		
		/* Pop-up System Styles */
		.popup-overlay {
			display: none;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, 0.75);
			backdrop-filter: blur(5px);
			z-index: 10000;
			opacity: 0;
			transition: opacity 0.3s ease;
			overflow-y: auto;
		}
		.popup-overlay.active {
			display: flex;
			align-items: center;
			justify-content: center;
			opacity: 1;
		}
		.popup-container {
			background: linear-gradient(135deg, rgba(62, 42, 30, 0.98), rgba(55, 37, 26, 0.98));
			border: 2px solid rgba(201, 150, 70, 0.4);
			border-radius: 20px;
			box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5), 0 0 20px rgba(201, 150, 70, 0.3);
			max-width: 90%;
			max-height: 90vh;
			width: 600px;
			position: relative;
			transform: scale(0.9);
			transition: transform 0.3s ease;
			overflow: hidden;
		}
		.popup-overlay.active .popup-container {
			transform: scale(1);
		}
		.popup-header {
			background: linear-gradient(135deg, rgba(201, 150, 70, 0.2), rgba(201, 150, 70, 0.1));
			border-bottom: 1px solid rgba(201, 150, 70, 0.3);
			padding: 20px 25px;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		.popup-title {
			font-family: 'Cinzel', sans-serif;
			font-size: 1.5rem;
			font-weight: 600;
			color: #e3b766;
			margin: 0;
			text-transform: uppercase;
		}
		.popup-close {
			background: rgba(201, 150, 70, 0.3);
			border: 1px solid rgba(201, 150, 70, 0.5);
			color: #e3b766;
			width: 35px;
			height: 35px;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			cursor: pointer;
			transition: all 0.3s ease;
			font-size: 1.2rem;
		}
		.popup-close:hover {
			background: rgba(201, 150, 70, 0.5);
			border-color: #e3b766;
			transform: rotate(90deg) scale(1.1);
		}
		.popup-body {
			padding: 25px;
			overflow-y: auto;
			max-height: calc(90vh - 100px);
		}
		.popup-body::-webkit-scrollbar {
			width: 8px;
		}
		.popup-body::-webkit-scrollbar-track {
			background: rgba(0, 0, 0, 0.2);
			border-radius: 4px;
		}
		.popup-body::-webkit-scrollbar-thumb {
			background: rgba(201, 150, 70, 0.5);
			border-radius: 4px;
		}
		.popup-body::-webkit-scrollbar-thumb:hover {
			background: rgba(201, 150, 70, 0.7);
		}
		.popup-image {
			width: 100%;
			max-width: 100%;
			height: auto;
			border-radius: 12px;
			margin-bottom: 20px;
			border: 2px solid rgba(201, 150, 70, 0.2);
			box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
		}
		.popup-text {
			color: #dac0a3;
			font-size: 1rem;
			line-height: 1.6;
			font-family: 'Onest', sans-serif;
		}
		.popup-text p {
			margin-bottom: 15px;
		}
		.popup-text p:last-child {
			margin-bottom: 0;
		}
		.popup-text h1, .popup-text h2, .popup-text h3 {
			color: #e3b766;
			font-family: 'Cinzel', sans-serif;
			margin-top: 20px;
			margin-bottom: 10px;
		}
		.popup-text h1 {
			font-size: 1.8rem;
		}
		.popup-text h2 {
			font-size: 1.5rem;
		}
		.popup-text h3 {
			font-size: 1.2rem;
		}
		.popup-text a {
			color: #89c2e8;
			text-decoration: underline;
		}
		.popup-text a:hover {
			color: #e3b766;
		}
		.popup-text ul, .popup-text ol {
			margin: 15px 0;
			padding-left: 25px;
		}
		.popup-text li {
			margin-bottom: 8px;
		}
		
		@media (max-width: 768px) {
			.popup-container {
				width: 95%;
				max-width: 95%;
				margin: 20px;
			}
			.popup-header {
				padding: 15px 20px;
			}
			.popup-title {
				font-size: 1.2rem;
			}
			.popup-body {
				padding: 20px;
			}
		}