:root { --bg-color: #0d0d0d; --accent-green: #39ff14; --accent-purple: #bc13fe; --text-color: #e0e0e0; }
        body { margin: 0; background-color: var(--bg-color); color: var(--text-color); font-family: sans-serif; }
        header { padding: 2rem; border-bottom: 2px solid var(--accent-green); text-align: center; }
        header h1 { color: var(--accent-green); text-shadow: 0 0 10px var(--accent-green); }
        nav ul { list-style: none; padding: 0; display: flex; justify-content: center; gap: 20px; }
        nav a { color: var(--text-color); text-decoration: none; font-weight: bold; }
        main { padding: 40px 20px; max-width: 600px; margin: 0 auto; text-align: center; }
        .contact-list { list-style: none; padding: 0; font-size: 1.2rem; }
        .contact-list li { margin: 20px 0; }
        .contact-list a { color: var(--accent-purple); text-decoration: none; border: 1px solid var(--accent-purple); padding: 10px 20px; display: inline-block; transition: 0.3s; }
        .contact-list a:hover { background: var(--accent-purple); color: #fff; }
        footer { background-color: #000; color: #888; text-align: center; padding: 20px 0; font-size: 0.9rem; position: absolute; bottom: 0; width: 100%; }