/* Shared home page styles for EN/IT index (overrides on top of base.css) */
.nav-links { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.main-links, .extra-links { display: flex; justify-content: center; align-items: center; }
.extra-links { margin-top: 10px; }
.section { margin-bottom: 50px; font-family: 'Fira Code', monospace; }
.section h2 { font-size: 2.5em; margin-bottom: 20px; color: #007bff; animation: fadeInDown 1s; }
.description { font-size: 1.2em; margin-bottom: 50px; color: #ccc; animation: fadeIn 1.5s; max-width: 880px; margin-left: auto; margin-right: auto; }

.services, .technologies, .ai-section { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; max-width: 1100px; margin: 0 auto; }

.card { background-color: #1e1e1e; border-radius: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.5); padding: 20px; width: 300px; height: 150px; margin-bottom: 30px; transition: all 0.3s ease; animation: fadeInUp 1s; color: #a0a0a0; position: relative; overflow: hidden; cursor: pointer; }
.card.expanded { height: 250px; }
.card p { display: none; margin-top: 20px; color: #fff; }
.card:hover { transform: scale(1.05); box-shadow: 0 6px 12px rgba(0,0,0,0.5); }
.card i { font-size: 2.5em; margin-bottom: 10px; color: #007bff; }
.card h3 { margin: 10px 0; color: #007bff; }

.cookie-consent { background-color: #000; color: #fff; position: fixed; bottom: 0; width: 100%; padding: 20px; text-align: center; display: none; font-size: 1em; }
.cookie-consent button { background-color: #007bff; color: #fff; border: none; padding: 10px 20px; margin: 10px; cursor: pointer; border-radius: 5px; font-size: 1em; }
.cookie-consent button:hover { background-color: #0056b3; }
@keyframes fadeInDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 768px) {
  .extra-links { flex-direction: column; align-items: center; }
  .cookie-consent { font-size: 0.9em; padding: 10px; }
  .cookie-consent button { font-size: 0.9em; padding: 5px 10px; margin: 5px; }
}

/* Glow hover effect */
.glow { box-shadow: 0 0 10.5px 2.625px rgba(0,123,255,0.7), 0 0 21px 5.25px rgba(0,123,255,0.5), 0 0 31.5px 7.875px rgba(0,123,255,0.3); transition: box-shadow 0.5s ease-in-out; }
.glow:hover { box-shadow: 0 0 15.75px 5.25px rgba(0,123,255,0.9), 0 0 26.25px 7.875px rgba(0,123,255,0.7), 0 0 42px 10.5px rgba(0,123,255,0.5); }
.social-links-top a:hover { color: #fff; transform: translateY(-3px); }