:root{--mango-orange: #ff8c00;--mango-yellow: #ffbf00;--mango-light: #ffcc33;--mango-green: #2d5016;--mango-red: #ff6b35}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:linear-gradient(135deg,#fff5e6 0%,#ffe4cc 100%);min-height:100vh}#root{min-height:100vh}.header{background:linear-gradient(135deg,var(--mango-orange) 0%,var(--mango-red) 100%);color:#fff;padding:2rem;text-align:center;box-shadow:0 4px 6px #0000001a}.header h1{font-size:2.5rem;margin-bottom:.5rem}.header p{font-size:1.2rem;opacity:.9}.mango-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:2rem;max-width:1200px;margin:0 auto}.mango-card{background:white;border-radius:15px;overflow:hidden;box-shadow:0 8px 16px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.mango-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #00000026}.mango-image{width:100%;height:200px;background:linear-gradient(135deg,var(--mango-yellow) 0%,var(--mango-orange) 100%);display:flex;align-items:center;justify-content:center;font-size:4rem}.mango-content{padding:1.5rem}.mango-name{font-size:1.5rem;font-weight:700;color:var(--mango-green);margin-bottom:.5rem}.mango-origin{color:#666;margin-bottom:1rem;font-style:italic}.mango-description{color:#444;line-height:1.6;margin-bottom:1rem}.mango-stats{display:flex;gap:1rem;margin-bottom:1rem}.stat{flex:1;text-align:center;padding:.5rem;background:#f5f5f5;border-radius:8px}.stat-label{font-size:.8rem;color:#666}.stat-value{font-size:1.2rem;font-weight:700;color:var(--mango-orange)}.price{font-size:1.5rem;font-weight:700;color:var(--mango-red);text-align:center}@media (max-width: 768px){.header h1{font-size:2rem}.mango-grid{grid-template-columns:1fr;padding:1rem}}