@use "sass:color";.hero.svelte-gp1kbv{height:70vh;background:linear-gradient(#00000080,#00000080),url(../../../img/Contattaci.jpg) center/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;margin-bottom:3rem;opacity:0;transition:opacity .8s ease}.hero.svelte-gp1kbv.fade-in{opacity:1}.hero.svelte-gp1kbv .hero-content:where(.svelte-gp1kbv){max-width:800px;padding:0 2rem}.hero.svelte-gp1kbv h1:where(.svelte-gp1kbv){font-size:3rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero.svelte-gp1kbv .hero-subtitle:where(.svelte-gp1kbv){font-size:1.5rem;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.contact-card.svelte-gp1kbv{height:100%}.contact-info.svelte-gp1kbv{margin-top:1.5rem}.contact-item.svelte-gp1kbv{display:flex;margin-bottom:1.5rem}.contact-item.svelte-gp1kbv .contact-icon:where(.svelte-gp1kbv){flex:0 0 50px;height:50px;background:linear-gradient(135deg,#2c3e50,#3498db);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin-right:1rem}.contact-item.svelte-gp1kbv .contact-text:where(.svelte-gp1kbv){flex:1}.contact-item.svelte-gp1kbv .contact-text:where(.svelte-gp1kbv) h3:where(.svelte-gp1kbv){font-size:1.2rem;margin-bottom:.5rem}.contact-item.svelte-gp1kbv .contact-text:where(.svelte-gp1kbv) p:where(.svelte-gp1kbv){color:#666;margin-bottom:0}.social-links.svelte-gp1kbv{display:flex;gap:1rem}.social-links.svelte-gp1kbv .social-link:where(.svelte-gp1kbv){color:#3498db;text-decoration:none;font-weight:500;transition:color .3s}.social-links.svelte-gp1kbv .social-link:where(.svelte-gp1kbv):hover{color:#2c3e50}.social-links.svelte-gp1kbv .social-icon:where(.svelte-gp1kbv){width:24px;height:24px}.contact-form.svelte-gp1kbv .form-group:where(.svelte-gp1kbv){margin-bottom:1.5rem}.contact-form.svelte-gp1kbv .form-group:where(.svelte-gp1kbv) label:where(.svelte-gp1kbv){display:block;margin-bottom:.5rem;font-weight:500}.contact-form.svelte-gp1kbv .form-group:where(.svelte-gp1kbv) input:where(.svelte-gp1kbv),.contact-form.svelte-gp1kbv .form-group:where(.svelte-gp1kbv) textarea:where(.svelte-gp1kbv){width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:1rem;transition:border-color .3s}.contact-form.svelte-gp1kbv .form-group:where(.svelte-gp1kbv) input:where(.svelte-gp1kbv):focus,.contact-form.svelte-gp1kbv .form-group:where(.svelte-gp1kbv) textarea:where(.svelte-gp1kbv):focus{outline:none;border-color:#3498db}.contact-form.svelte-gp1kbv button:where(.svelte-gp1kbv){width:100%}