#root{margin:0 auto;padding:0;text-align:left}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.main-content::-webkit-scrollbar{width:10px}.main-content::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.main-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f666,#2563eb66);border-radius:10px;border:2px solid transparent;background-clip:padding-box}.main-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3b82f699,#2563eb99);background-clip:padding-box}.sidebar{pointer-events:auto;z-index:100}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);overflow-x:hidden;position:relative}#root{min-height:100vh;width:100%;position:relative;z-index:1}.flat-card{background:linear-gradient(135deg,#1a1a1a,#202020);border:1px solid #2a2a2a;border-radius:12px;box-shadow:0 2px 6px #0003;transition:all .2s ease}.flat-card-strong{background:linear-gradient(135deg,#1f1f1f,#252525);border:1px solid #333333;border-radius:12px;box-shadow:0 4px 12px #0006;transition:all .2s ease}.sidebar{border-radius:0}.btn-flat-primary,.btn-flat-danger,.btn-flat-blue{border:none;color:#fff;font-weight:500;letter-spacing:.3px;border-radius:8px;transition:all .15s ease;box-shadow:none}.btn-flat-primary{background-color:#15803d}.btn-flat-primary:hover{background-color:#16a34a;transform:translateY(-1px);box-shadow:0 2px 6px #15803d4d}.btn-flat-primary:active{transform:translateY(0);background-color:#14532d;box-shadow:none}.btn-flat-danger{background-color:#dc2626}.btn-flat-danger:hover{background-color:#ef4444;transform:translateY(-1px);box-shadow:0 2px 6px #dc26264d}.btn-flat-danger:active{transform:translateY(0);background-color:#b91c1c;box-shadow:none}.btn-flat-blue{background-color:#2563eb}.btn-flat-blue:hover{background-color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 6px #2563eb4d}.btn-flat-blue:active{transform:translateY(0);background-color:#1d4ed8;box-shadow:none}.btn-flat-outline{background-color:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;font-weight:500;letter-spacing:.3px;border-radius:8px;transition:all .15s ease;box-shadow:none}.btn-flat-outline:hover{background-color:#ffffff1a;border-color:#fff6;transform:translateY(-1px)}.btn-flat-outline:active{transform:translateY(0);background-color:#ffffff0d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{left:-100%}to{left:100%}}html{scroll-behavior:smooth}.landing-gradient-text{background:linear-gradient(180deg,#fff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}