@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{--primary-color: #00bcd4;--secondary-color: #f7f7f7;--text-color: #333;--text-light: #666;--white: #ffffff;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--radius: 8px;--font-family: "Poppins", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);color:var(--text-color);background-color:#fff;line-height:1.6}a{text-decoration:none;color:inherit}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-block;padding:10px 20px;background-color:var(--primary-color);color:var(--white);border:none;border-radius:var(--radius);cursor:pointer;font-weight:500;transition:opacity .3s ease}.btn:hover{opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed}.section-padding{padding:60px 0}#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}