@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap";html,body{margin:0;padding:0;height:100%;overflow:auto}body{font-family:Nunito,sans-serif;display:flex;flex-direction:column;min-height:100vh;justify-content:flex-start;align-items:stretch;line-height:1.6;color:#213547;background-color:#f1f1f1}#root{min-height:100%;display:flex;flex-direction:column}a{font-weight:500;color:#646cff;text-decoration:none}a:hover{color:#535bf2;text-decoration:underline}h1{font-size:1.8em;line-height:1.2;text-align:left;margin-bottom:1rem}h2{font-size:1.5em;margin-bottom:1rem}button{border-radius:8px;border:1px solid transparent;font-size:1em;font-weight:500;font-family:inherit;color:#104b04;cursor:pointer;transition:border-color .25s,opacity .25s ease}button:hover{border-color:#104b04;opacity:.8}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:16px}img{max-width:100%;height:auto;border-radius:8px}@media (max-width: 768px){h1{font-size:2em}h2{font-size:1.5em}button{font-size:.9em;padding:.6em 1.2em}.grid-container{grid-template-columns:1fr;padding:10px}.product-card{padding:12px;margin-bottom:16px}}@media (prefers-color-scheme: dark){html{color:#fff;background-color:#121212}a:hover{color:#747bff}button{background-color:#333}}@media (max-width: 768px){.header{height:120px}.title{font-size:1.4rem;padding:10px}nav{flex-direction:column;align-items:flex-start;padding:"10px"}a{margin:"10px 0";font-size:"0.9rem"}}main{padding-top:150px}