:root { --bg: #0d0614; --card-bg: #1a
1226; --text: #e0e0e0; --accent: #bf00ff
; --text-light: #ffffff; }
        body { font-family: 'Segoe UI', sans-serif; background-
color: var(--bg); color: var(--text); margin: 0; line-height: 1.
6; }
        .container { max-width: 1200px; margin: 0 auto
; padding: 0 20px; }
        header { background: rgba(13, 6, 2
0, 0.95); position: sticky; top: 0; z-index: 10
00; border-bottom: 1px solid #333; }
        .nav-wrapper {
 display: flex; justify-content: space-between; align-items: center; padding: 15px 0; }

        .nav-links { display: flex; gap: 0; }
        .nav-links a
 { color: var(--text-light); text-decoration: none; padding: 10px 15px; font-size
: 14px; }
        .hero { padding: 100px 0; text-align: center;
 }
        h1 { font-size: 3rem; color: var(--text-light); margin-bottom
: 20px; background: linear-gradient(to right, #bf00ff, #00d
4ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .btn
 { display: inline-block; padding: 12px 30px; background: var(--accent);
 color: white; text-decoration: none; border-radius: 5px; transition: 0.3s; }

        .card { background: var(--card-bg); padding: 30px; border-radius: 
10px; border: 1px solid #333; transition: 0.3s; }

        .card:hover { transform: translateY(-5px); border-color: var(--accent); }
        .grid {
 display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1
fr)); gap: 20px; margin-top: 40px; }
        table { width
: 100%; border-collapse: collapse; margin-top: 20px; }
        th,
 td { padding: 15px; border: 1px solid #333; text-align: left
; }
        .faq-item { margin-bottom: 10px; }
        .faq-q
 { background: #251b33; padding: 15px; cursor: pointer; }
        footer { padding:
 40px 0; background: #050208; text-align: center; border
-top: 1px solid #333; }