:root{--bg-color: #0d0d12;--text-color: #ffffff;--accent-primary: #00ffff;--accent-secondary: #ff00ff;--card-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--font-main: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif}body{margin:0;font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden;line-height:1.6}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff6}.container{max-width:1200px;margin:0 auto;padding:0 20px}.glass-panel{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px #0000005e;transition:transform .3s ease,box-shadow .3s ease}.glass-panel:hover{border-color:#fff3}.markdown-content h1{font-size:2.5rem;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.5rem}.markdown-content h2{font-size:1.8rem;margin-top:2rem;border-bottom:1px solid var(--glass-border);padding-bottom:.5rem;color:#e0e0e0}.markdown-content h3{font-size:1.4rem;margin-top:1.5rem;color:#d0d0d0}.markdown-content p{margin-bottom:1rem;color:#b0b0b0}.markdown-content ul,.markdown-content ol{padding-left:1.5rem;margin-bottom:1rem;color:#b0b0b0}.markdown-content li{margin-bottom:.5rem}.markdown-content code{background:#ffffff1a;padding:.2rem .4rem;border-radius:4px;font-family:Fira Code,monospace;font-size:.9em;color:#ff79c6}.markdown-content pre{background:#0000004d;padding:1rem;border-radius:8px;overflow-x:auto;margin-bottom:1.5rem;border:1px solid var(--glass-border)}.markdown-content pre code{background:transparent;padding:0;color:#f8f8f2}.markdown-content a{color:var(--accent-primary);text-decoration:none;border-bottom:1px dashed var(--accent-primary);transition:all .2s}.markdown-content a:hover{color:var(--accent-secondary);border-bottom-color:var(--accent-secondary)}.markdown-content img{max-width:100%;border-radius:8px;margin:1.5rem 0;border:1px solid var(--glass-border)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}