:root{--bg-color: #0d1117;--text-color: #e6edf3;--accent-color: #58a6ff;--card-bg: #161b22;--nav-height: 64px}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 24px}nav{height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #30363d}.logo{font-weight:700;font-size:1.5rem;color:var(--text-color);text-decoration:none}.nav-links a{color:#8b949e;text-decoration:none;font-size:.9rem;margin-left:24px;transition:color .2s}.nav-links a:hover{color:var(--accent-color)}.hero{padding:80px 0;text-align:center}.hero h1{font-size:3.5rem;margin-bottom:16px;background:linear-gradient(135deg,#fff,#d0d7de);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:1.25rem;color:#8b949e;max-width:600px;margin:0 auto 32px}.cta-button{display:inline-block;background-color:var(--accent-color);color:#fff;padding:12px 32px;border-radius:50px;font-weight:600;text-decoration:none;transition:transform .2s,background-color .2s}.cta-button:hover{transform:translateY(-2px);background-color:#4092eb}.features{padding:80px 0;background-color:#010409}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:48px}.feature-card{background-color:var(--card-bg);padding:32px;border-radius:12px;border:1px solid #30363d;transition:border-color .2s}.feature-card:hover{border-color:var(--accent-color)}.feature-card h3{margin-top:0;color:var(--text-color)}footer{padding:48px 0;text-align:center;border-top:1px solid #30363d;color:#8b949e}footer a{color:#58a6ff;text-decoration:none;margin:0 12px}.legal-page{padding:48px 0;max-width:800px;margin:0 auto}.legal-page h1{margin-bottom:32px}.legal-page h2{margin-top:32px;color:var(--text-color)}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.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}