:root { --primary
-bg: #0d0216; --accent-color: #d156ff; --
text-main: #ffffff; --text-dim: #b3b3b3; --card-bg: #1
a0b2e; }
        body { font-family: 'PingFang SC', sans-serif; background:
 var(--primary-bg); color: var(--text-main); margin: 0; line-height: 
1.6; }
        .container { max-width: 1200px; margin: 
0 auto; padding: 0 20px; }
        header { padding: 20px 
0; display: flex; justify-content: space-between; align-items: center; position: sticky; top
: 0; background: rgba(13, 2, 22, 0.9); z-index: 1
00; }
        .nav-links { display: flex; gap: 0; list-style:
 none; }
        .nav-links a { color: var(--text-main); text-decoration: none
; padding: 10px 15px; font-size: 14px; }
        .hero { padding
: 80px 0; text-align: center; background: radial-gradient(circle at center, #2e
0840 0%, #0d0216 70%); }
        h1 { font-size
: 3rem; margin-bottom: 20px; background: linear-gradient(to right, #ff70
f8, #56a7ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent
; }
        .btn { display: inline-block; padding: 12px 30px; background: var(--accent
-color); color: white; text-decoration: none; border-radius: 5px; font-weight:
 bold; transition: 0.3s; }
        .btn:hover { background: #b03
0d9; transform: translateY(-2px); }
        .section { padding: 60px 0; }

        .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(3
00px, 1fr)); gap: 20px; }
        .card { background: var(--card-bg
); padding: 30px; border-radius: 15px; border: 1px solid #
33204a; transition: 0.3s; }
        .card:hover { border
-color: var(--accent-color); transform: translateY(-5px); }
        table { width: 10
0%; border-collapse: collapse; margin-top: 20px; color: var(--text-main); }
        th
, td { padding: 15px; border: 1px solid #33204a;
 text-align: center; }
        footer { padding: 40px 0; text-align: center; border
-top: 1px solid #33204a; color: var(--text-dim); }
        .faq
-item { margin-bottom: 10px; }
        details { background: var(--card-bg
); padding: 15px; border-radius: 8px; }
        summary { cursor: pointer; font
-weight: bold; }
        form input, form select, form textarea { width: 100%; padding
: 10px; margin: 10px 0; background: #0d0216; border
: 1px solid #33204a; color: white; }