* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: #333; }
a { transition: opacity 0.2s; }
a:hover { opacity: 0.8; }
.navbar { background: linear-gradient(135deg, #1a3a5c, #2b5a8c) !important; }
.nav-link { font-size: 1rem; padding: 0.5rem 1rem !important; }
.nav-link:hover { background: rgba(255,255,255,0.1); border-radius: 4px; }
.hero-section { background: linear-gradient(135deg, #1a3a5c 0%, #2b5a8c 50%, #3a7bd5 100%); min-height: 60vh; padding: 80px 0; }
.hero-section h1 { text-shadow: 0 2px 10px rgba(0,0,0,0.3); }
.product-card { border-radius: 8px; overflow: hidden; transition: transform 0.3s, box-shadow 0.3s; }
.product-card:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0,0,0,0.15) !important; }
.card { border-radius: 8px; }
footer a:hover { color: #fff !important; text-decoration: underline !important; }
@media (max-width: 768px) { .hero-section { min-height: 40vh; padding: 60px 0; } .hero-section h1 { font-size: 2rem; } }