:root {
			--dark-bg: #0a0a0a;
			--darker-bg: #050505;
			--accent-color: #00bfff;
			--accent-gradient: linear-gradient(135deg, #00bfff, #0080ff);
			--accent-glow: 0 0 20px rgba(0,191,255,0.2);
			--text-color: #ffffff;
			--border-color: #333333;
		}

		body {
			background: var(--dark-bg) !important;
			color: var(--text-color);
			font-family: 'Open Sans', sans-serif;
			min-height: 100vh;
			background-image: linear-gradient(rgba(5,5,5,0.9), rgba(5,5,5,0.9)), url(images/footmash-back.jpg?v=2);
			background-size: cover;
			background-attachment: fixed;
			background-position: center;
			will-change: transform;
		}

		.header {
			background: linear-gradient(145deg, var(--darker-bg), #0a0a0a);
			border-radius: 8px;
			padding: 2rem;
			margin-bottom: 1rem;
			box-shadow: var(--accent-glow);
			will-change: transform;
		}

		.header h1 {
			font-family: 'Caveat', cursive;
			background: var(--accent-gradient);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
		}

		.nav-menu {
			background: linear-gradient(145deg, var(--darker-bg), #0a0a0a);
			border-radius: 8px;
			padding: 1rem;
			margin-bottom: 1rem;
			box-shadow: var(--accent-glow);
		}

		.nav-link {
			color: var(--text-color);
			text-decoration: none;
			padding: 0.5rem 1rem;
			background: rgba(0,191,255,0.1);
			border-radius: 4px;
			transition: all 0.2s ease;
			margin: 0.25rem;
			will-change: transform;
			border: 1px solid rgba(0,191,255,0.2);
		}

		.nav-link:hover {
			background: var(--accent-gradient);
			color: var(--text-color);
			transform: translateY(-2px) translateZ(0);
			box-shadow: var(--accent-glow);
		}

		.main-container {
			background: linear-gradient(145deg, var(--darker-bg), #0a0a0a);
			border-radius: 8px;
			padding: 2rem;
			margin-bottom: 1rem;
			box-shadow: var(--accent-glow);
		}

		.poll {
			list-style: none;
			padding: 0;
			margin: 0;
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			gap: 1rem;
		}

		.poll-result {
			position: relative;
			padding: 1.2rem;
			margin-bottom: 0;
			background: rgba(0,191,255,0.05);
			border-radius: 8px;
			border: 1px solid rgba(0,191,255,0.1);
			will-change: transform;
		}

		.poll-result:hover {
			background: rgba(0,191,255,0.1);
			transform: translateY(-2px) translateZ(0);
			box-shadow: var(--accent-glow);
			border-color: var(--accent-color);
		}

		.poll-bar {
			position: absolute;
			right: 0;
			top: 0;
			height: 100%;
			background: var(--accent-gradient);
			border-radius: 8px;
			opacity: 0.6;
		}

		.poll-result:hover .poll-bar {
			opacity: 0.7;
			box-shadow: var(--accent-glow);
		}

		.poll-result b {
			color: #fff;
			font-size: 1.1em;
			text-shadow: 0 0 10px rgba(0,191,255,0.5);
			display: inline-block;
			position: relative;
			z-index: 1;
		}

		.poll-result span {
			position: relative;
			right: auto;
			top: auto;
			transform: none;
			display: block;
			background: rgba(0,191,255,0.2);
			padding: 0.3rem 0.8rem;
			border-radius: 20px;
			font-weight: bold;
			color: #fff;
			text-shadow: 0 0 5px rgba(0,191,255,0.5);
			backdrop-filter: blur(5px);
			margin-top: 0.5rem;
			margin-left: 0.5rem;
			height: 35px;
			position: relative;
			z-index: 1;
		}

		.footer {
			background: linear-gradient(145deg, var(--darker-bg), #0a0a0a);
			border-radius: 8px;
			padding: 1rem;
			text-align: center;
			font-size: 0.8rem;
			opacity: 0.7;
			box-shadow: var(--accent-glow);
		}

		@media (max-width: 768px) {
			.nav-menu {
				text-align: center;
			}

			.nav-link {
				display: inline-block;
				margin: 0.25rem;
			}

			.poll {
				grid-template-columns: 1fr;
			}

			.poll-result {
				padding: 1rem;
			}
		}