:root {
            --bg
-color: #05050a;
            --card-bg: #12121e
;
            --text-main: #e0e0e0;
            --accent-color: #ff0
0ff;
            --secondary-color: #00f2ff;
            --nav-bg: rgba
(10, 10, 20, 0.9);
        }
        * { box-
sizing: border-box; margin: 0; padding: 0; }
        body { font-family: '
Helvetica Neue', Arial, sans-serif; background-color: var(--bg-color); color: var(--text-main); line
-height: 1.6; }
        .container { max-width: 1200px; margin
: 0 auto; padding: 0 20px; }
        header { position: fixed; width
: 100%; top: 0; z-index: 1000; background: var(--nav-bg);
 backdrop-filter: blur(10px); border-bottom: 1px solid #333; }

        .nav-inner { display: flex; align-items: center; justify-content: space-between; height: 
70px; }
        .nav-links { display: flex; gap: 0; }
        .nav
-links a { color: #fff; padding: 0 15px; text-decoration: none; font-size
: 14px; transition: 0.3s; }
        .hero { padding: 15
0px 0 100px; text-align: center; }
        h1 { font-size: 3rem
; background: linear-gradient(90deg, var(--accent-color), var(--secondary-color)); -
webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 20
px; }
        .btn { display: inline-block; padding: 12px 30px
; background: var(--accent-color); color: #fff; border-radius: 50px; text-decoration:
 none; font-weight: bold; margin-top: 20px; }
        section { padding: 8
0px 0; }
        .grid { display: grid; grid-template-columns: repeat(auto-fit
, minmax(300px, 1fr)); gap: 30px; }
        .card { background
: var(--card-bg); padding: 30px; border-radius: 15px; border
: 1px solid #333; transition: 0.3s; }
        .card:
hover { transform: translateY(-10px); border-color: var(--accent-color); }
        .faq
-item { margin-bottom: 15px; border-bottom: 1px solid #333; }

        .faq-q { padding: 15px 0; cursor: pointer; font-weight: bold; }
        
.faq-a { padding-bottom: 15px; color: #aaa; display: none; }

        footer { background: #000; padding: 40px 0; text-align: center;
 border-top: 1px solid #333; }
        @media (max-width: 768px)
 { .nav-links { display: none; } }