@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary-color: #3498db;--secondary-color: #2c3e50;--success-color: #2ecc71;--warning-color: #f39c12;--danger-color: #e74c3c;--light-color: #f8fafc;--dark-color: #1e293b;--text-color: #334155;--text-light: #64748b}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-color);background-color:var(--light-color);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button{cursor:pointer}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}h1,h2,h3,h4,h5,h6{color:var(--secondary-color);line-height:1.2}@media (max-width: 768px){html{font-size:90%}}@media (max-width: 480px){html{font-size:85%}}#root{width:100%;min-height:100vh}.app{min-height:100vh;width:100%}.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}