@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@700&display=swap);.light-theme,:root{--text-muted:#71717a}h1,h2,h3{font-weight:700}a,h2,h3{color:var(--primary-color)}a:hover,h1{color:var(--primary-hover)}.layer *,.main-container{margin-left:10px}:root{--primary-color:#6366f1;--primary-hover:#4f46e5;--primary-light:rgba(99, 102, 241, 0.1);--primary-border:rgba(99, 102, 241, 0.15);--success-color:#10b981;--success-light:rgba(16, 185, 129, 0.1);--warning-color:#f59e0b;--warning-light:rgba(245, 158, 11, 0.1);--danger-color:#ef4444;--danger-light:rgba(239, 68, 68, 0.1);--neutral-color:#6b7280;--neutral-light:rgba(107, 114, 128, 0.1);--bg-primary:#0a0a0f;--bg-secondary:rgba(10, 10, 15, 0.9);--bg-tertiary:rgba(10, 10, 15, 0.7);--border-color:rgba(99, 102, 241, 0.12);--text-primary:#ffffff;--text-secondary:#a1a1aa}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:none}::-webkit-scrollbar{display:none}body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;position:relative;line-height:1.6}.light-theme{--bg-primary:#fafafa;--bg-secondary:rgba(255, 255, 255, 0.8);--bg-tertiary:rgba(255, 255, 255, 0.6);--border-color:rgba(99, 102, 241, 0.2);--text-primary:#18181b;--text-secondary:#52525b}.grid-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.25;background:linear-gradient(to bottom,rgba(99,102,241,.12) 0,rgba(99,102,241,.08) 50%,rgba(99,102,241,.04) 100%);transition:opacity .3s}.grid-lines{width:100%;height:100%;background-image:linear-gradient(var(--primary-color) 1px,transparent 1px),linear-gradient(90deg,var(--primary-color) 1px,transparent 1px);background-size:80px 80px;animation:20s linear infinite gridMove;transition:transform .3s ease-out,opacity .5s;opacity:1;filter:blur(0px)}.grid-lines:hover{opacity:1;animation-duration:15s}@keyframes gridMove{0%{transform:translate(0,0)}100%{transform:translate(40px,40px)}}.main-container{min-height:100vh;position:relative;z-index:1}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.2rem}p,pre{color:var(--text-secondary)}.no-margin{margin-left:0}