*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;font-family:Inter,Segoe UI,Roboto,sans-serif;background-color:#f8fafc;color:#333;scroll-behavior:smooth}body{overflow:hidden}a{text-decoration:none;color:inherit}a:hover{color:#2563eb}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#a7c7e7;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#7aa9d9}.bg-gradient-nutrity{background:linear-gradient(to bottom,#c7f9cc,#a9d6e5)}.shadow-md{box-shadow:0 3px 10px #00000014}.shadow-xl{box-shadow:0 5px 20px #0000001a}button{cursor:pointer;transition:all .25s ease}button:disabled{opacity:.6;cursor:not-allowed}.card{background:#ffffffe6;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 15px #0000000d}h1,h2,h3{color:#2f6636;font-weight:700}h1{font-size:2.2rem}h2{font-size:1.6rem}h3{font-size:1.3rem}.highlight{color:#2563eb;font-weight:600}[title]{position:relative}[title]:hover:after{content:attr(title);position:absolute;background:#2563eb;color:#fff;font-size:.75rem;padding:4px 8px;border-radius:6px;top:-30px;left:50%;transform:translate(-50%);white-space:nowrap;box-shadow:0 2px 8px #0003;z-index:100}.btn-blue{background-color:#1e3a8a;color:#fff}.btn-blue:hover{background-color:#1d4ed8}.btn-green{background-color:#2f6636;color:#fff}.btn-green:hover{background-color:#3cb043}.btn-gold{background-color:#e5c100;color:#333}.btn-gold:hover{background-color:#f1d52e}.fade-in{animation:fadeIn 1.2s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){h1{font-size:1.8rem}h2{font-size:1.3rem}.card{padding:1rem}}