:root { --bg-color: #0d0221; --primary-color: #00f6ff; --secondary-color: #ff00f6; --accent-color: #2eff2e; --text-color: #f0f0f0;} * { box-sizing: border-box; margin: 0; padding: 0;} body { background-color: var(--bg-color); color: var(--text-color); font-family: 'monospace', 'Courier New', Courier, sans-serif; line-height: 1.6;} .container { max-width: 1200px; margin: 0 auto; padding: 0 20px;} a { color: var(--primary-color); text-decoration: none; transition: color 0.3s ease;} a:hover { color: var(--secondary-color);} h1, h2, h3 { color: var(--primary-color); text-shadow: 0 0 5px var(--primary-color), 0 0 10px var(--primary-color); margin-bottom: 20px;} h2 { color: var(--secondary-color); text-shadow: 0 0 5px var(--secondary-color), 0 0 10px var(--secondary-color); font-size: 2.5rem;} header { background-color: rgba(13, 2, 33, 0.8); backdrop-filter: blur(10px); padding: 20px 0; border-bottom: 1px solid var(--primary-color); position: sticky; top: 0; z-index: 1000;} header .container { display: flex; justify-content: space-between; align-items: center;} header .logo h1 { font-size: 1.8rem; margin: 0; color: var(--accent-color); text-shadow: 0 0 5px var(--accent-color);} header nav a { margin-left: 20px; font-size: 1.1rem; padding-bottom: 5px; border-bottom: 2px solid transparent;} header nav a:hover { border-bottom-color: var(--secondary-color);} main { padding: 40px 0;} .content-section { padding: 40px 0; border-bottom: 1px dashed rgba(0, 246, 255, 0.3);} .game-section { text-align: center;} .game-container { position: relative; width: 100%; padding-top: 56.25%; /* 16:9 Aspect Ratio */ margin-bottom: 20px; border: 2px solid var(--primary-color); box-shadow: 0 0 15px var(--primary-color), inset 0 0 15px var(--primary-color);} .game-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .btn { background-color: transparent; border: 2px solid var(--secondary-color); color: var(--secondary-color); padding: 12px 25px; font-size: 1rem; cursor: pointer; transition: all 0.3s ease; text-transform: uppercase; letter-spacing: 1px; box-shadow: 0 0 10px var(--secondary-color);} .btn:hover { background-color: var(--secondary-color); color: var(--bg-color); box-shadow: 0 0 20px var(--secondary-color), 0 0 30px var(--secondary-color);} .content-section ul { list-style: none; padding-left: 20px;} .content-section ul li { position: relative; padding-left: 25px; margin-bottom: 10px;} .content-section ul li::before { content: '>'; position: absolute; left: 0; top: 0; color: var(--accent-color);} .video-section { text-align: center;} .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; background: #000; margin: 0 auto; border: 2px solid var(--secondary-color); box-shadow: 0 0 15px var(--secondary-color);} .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .social-section { text-align: center;} .social-share { display: flex; justify-content: center; gap: 20px; margin-top: 20px;} .social-btn { display: inline-flex; align-items: center; gap: 10px;} .social-btn svg { width: 20px; height: 20px;} footer { text-align: center; padding: 30px 0; margin-top: 40px; border-top: 1px solid var(--primary-color);} .footer-links { margin-bottom: 15px;} .footer-links a { margin: 0 10px; color: var(--text-color); opacity: 0.7;} .footer-links a:hover { opacity: 1; color: var(--primary-color);} .contact-form .form-group { margin-bottom: 20px;} .contact-form label { display: block; margin-bottom: 5px; color: var(--primary-color);} .contact-form input, .contact-form textarea { width: 100%; background: rgba(0,0,0,0.3); border: 1px solid var(--primary-color); color: var(--text-color); padding: 10px; font-family: inherit;} .contact-form input:focus, .contact-form textarea:focus { outline: none; border-color: var(--secondary-color); box-shadow: 0 0 10px var(--secondary-color);} @media (max-width: 768px) { h2 { font-size: 2rem;} header .container { flex-direction: column; gap: 15px;} header nav { width: 100%; display: flex; justify-content: center;} .game-container { padding-top: 75%;} .social-share { flex-direction: column;} }