:root{font-family:Inter,Roboto Mono,JetBrains Mono,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffeb;background:#0b1221;background-attachment:fixed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #0B1221;--panel: rgba(255,255,255,.04);--panel-raised: rgba(255,255,255,.06);--border: rgba(255,255,255,.1);--text: rgba(255,255,255,.92);--text-muted: rgba(255,255,255,.62);--text-subtle: rgba(255,255,255,.42);--accent: #00FF41;--accent-contrast: #06110A;--warning: #fbbf24;--info: #00d4ff;--danger: #ff4757;--terminal-green: var(--accent);--terminal-green-dark: rgba(0,255,65,.65);--accent-amber: #fbbf24;--accent-cyan: #00d4ff;--accent-red: #ff4757;--bg-primary: var(--bg);--bg-secondary: var(--panel);--bg-tertiary: var(--panel-raised);--border-default: var(--border);--border-hover: rgba(0,255,65,.28);--border-active: rgba(0,255,65,.45);--shadow-sm: 0 4px 16px rgba(0, 0, 0, .3);--shadow-md: 0 8px 32px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(0, 255, 65, .3)}html{scroll-behavior:smooth;overflow-x:hidden}html[data-public-demo=true] img,html[data-public-demo=true] video{filter:blur(14px);transform:scale(1.06)}html[data-public-demo=true] .MuiAvatar-root,html[data-public-demo=true] .MuiCardMedia-root{overflow:hidden}*{box-sizing:border-box}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.glass{background:#111111e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08)}.gradient-text{color:var(--accent);text-shadow:0 0 20px rgba(0,255,65,.35)}.accent-text{color:#fbbf24}.terminal-glow{box-shadow:0 0 20px #00ff414d}a,button,[role=button]{transition:all .3s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg);border-radius:4px}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444}a{font-weight:500;color:var(--accent);text-decoration:inherit}a:hover{color:var(--accent);text-shadow:0 0 10px rgba(0,255,65,.35)}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}h1{font-size:3.2em;line-height:1.1}#app{width:100%;height:100vh;margin:0;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em rgba(0,255,65,.65))}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:4px;border:1px solid var(--border);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--panel);cursor:pointer;transition:all .3s ease}button:hover{border-color:#00ff4173;background-color:#00ff4114}button:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}