*{box-sizing:border-box}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-primary:#7b3ff2;--app-primary-light:#b894ff;--app-primary-dark:#34206d;--app-primary-contrast:#f7f4ff;--app-bg:#fff;--app-bg-secondary:#f9fafb;--app-surface:#fff;--app-text:#111827;--app-text-secondary:#6b7280;--app-text-muted:#9ca3af;--app-border:#e5e7eb;--app-shadow:#0000001a;--app-glow:none}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-primary:#b894ff;--app-primary-light:#f7f4ff;--app-primary-dark:#7b3ff2;--app-primary-contrast:#151a32;--app-bg:#0b1220;--app-bg-secondary:#111827;--app-surface:#111827;--app-text:#f9fafb;--app-text-secondary:#e2e6ec;--app-text-muted:#aeb8c6;--app-border:#1f2937;--app-shadow:#00000073;--app-glow:none}:root[data-theme=neon]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-primary:#ff1493;--app-primary-light:#ff6bcb;--app-primary-dark:#c2185b;--app-primary-contrast:#fff;--app-bg:#1a0a2e;--app-bg-secondary:#22103a;--app-surface:#22103a;--app-text:#fdf7ff;--app-text-secondary:#e7d9ff;--app-text-muted:#bfade7;--app-border:#2a103e;--app-shadow:#ff14933d;--app-glow:0 0 18px #ff149359}:root[data-theme=neon-light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-primary:#8a2be2;--app-primary-light:#b578ff;--app-primary-dark:#6e20b3;--app-primary-contrast:#fff;--app-bg:#f8f3ff;--app-bg-secondary:#f2e9ff;--app-surface:#f8f3ff;--app-text:#2a114a;--app-text-secondary:#4a2b72;--app-text-muted:#6a4c96;--app-border:#ebddff;--app-shadow:#8a2be238;--app-glow:none}:root[data-theme=terminal]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-primary:#00ff41;--app-primary-light:#39ff14;--app-primary-dark:#0c3;--app-primary-contrast:#000;--app-bg:#000;--app-bg-secondary:#0a0a0a;--app-surface:#0a0a0a;--app-text:#00ff41;--app-text-secondary:#0ff;--app-text-muted:#39ff14;--app-border:#1a1a1a;--app-shadow:#00ff414d;--app-glow:0 0 14px #00ff4147}:root[data-theme=terminal-light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-primary:#0b8f3a;--app-primary-light:#39ff14;--app-primary-dark:#086d2e;--app-primary-contrast:#fff;--app-bg:#f3fbf5;--app-bg-secondary:#eaf7ee;--app-surface:#f3fbf5;--app-text:#0f2a1b;--app-text-secondary:#1d4a31;--app-text-muted:#2e6a47;--app-border:#ddf1e4;--app-shadow:#0b8f3a33;--app-glow:none}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-primary:#b894ff;--app-primary-light:#f7f4ff;--app-primary-dark:#7b3ff2;--app-primary-contrast:#151a32;--app-bg:#0b1220;--app-bg-secondary:#111827;--app-surface:#111827;--app-text:#f9fafb;--app-text-secondary:#e2e6ec;--app-text-muted:#aeb8c6;--app-border:#1f2937;--app-shadow:#00000073;--app-glow:none}}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--app-bg);color:var(--app-text);flex-direction:column;font-family:Arial,sans-serif;display:flex}#root{background:var(--app-bg);flex:1;min-height:0;display:flex}.header{text-align:center;background-color:var(--app-bg-secondary);border-bottom:1px solid var(--app-border);padding:20px}.header h1{margin:0}nav ul{padding:0;list-style-type:none}nav ul li{margin:0 15px;display:inline}nav a{color:var(--app-text);text-decoration:none;transition:color .3s}nav a:hover{color:var(--app-primary)}.hero{text-align:center;background:var(--app-surface);backdrop-filter:blur(10px);border:1px solid var(--app-border);box-shadow:0 4px 20px var(--app-shadow), var(--app-glow);border-radius:10px;padding:50px 20px}.hero h2{margin:0;font-size:2.5em}.hero p{color:var(--app-text-secondary);font-size:1.2em}.cta-button{color:var(--app-primary-contrast);background:var(--app-primary);cursor:pointer;box-shadow:var(--app-glow);border:none;border-radius:5px;padding:15px 30px;font-size:1em;transition:background .3s,transform .2s}.cta-button:hover{background:var(--app-primary-dark);transform:translateY(-5px)}.card-container{flex-wrap:wrap;justify-content:space-around;padding:40px 20px;display:flex}.card{background:var(--app-surface);border:1px solid var(--app-border);text-align:center;width:250px;box-shadow:0 2px 15px var(--app-shadow), var(--app-glow);border-radius:10px;margin:10px;padding:20px;transition:transform .3s,background .3s}.card:hover{background:var(--app-bg-secondary);transform:scale(1.05)}.footer{text-align:center;background-color:var(--app-bg-secondary);border-top:1px solid var(--app-border);color:var(--app-text-secondary);width:100%;padding:20px 0;position:relative;bottom:0}.footer p{margin:0}