.elementor-1474 .elementor-element.elementor-element-c62e648 > .elementor-background-overlay{background-color:#000000;opacity:0.44;}.elementor-1474 .elementor-element.elementor-element-c62e648 .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:0px;}.elementor-1474 .elementor-element.elementor-element-c62e648{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-1474 .elementor-element.elementor-element-c18426b > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:4em 1em 1em 1em;}.elementor-1474 .elementor-element.elementor-element-2efcb6d{width:var( --container-widget-width, 100.715% );max-width:100.715%;margin:-100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100.715%;--container-widget-flex-grow:0;}.elementor-1474 .elementor-element.elementor-element-a7a3872:not(.elementor-motion-effects-element-type-background), .elementor-1474 .elementor-element.elementor-element-a7a3872 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D0620;}.elementor-1474 .elementor-element.elementor-element-a7a3872 > .elementor-background-overlay{background-color:#000000FC;opacity:0.92;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1474 .elementor-element.elementor-element-a7a3872{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 20px 100px 20px;}.elementor-bc-flex-widget .elementor-1474 .elementor-element.elementor-element-5cfcc8b.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1474 .elementor-element.elementor-element-5cfcc8b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1474 .elementor-element.elementor-element-5cfcc8b.elementor-column > .elementor-widget-wrap{justify-content:center;}@media(max-width:1024px){.elementor-1474 .elementor-element.elementor-element-c62e648{margin-top:-186px;margin-bottom:0px;padding:250px 0px 100px 0px;}.elementor-1474 .elementor-element.elementor-element-c18426b > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-1474 .elementor-element.elementor-element-c18426b > .elementor-element-populated{padding:0em 0em 0em 0em;}.elementor-1474 .elementor-element.elementor-element-2efcb6d{margin:-150px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}.elementor-1474 .elementor-element.elementor-element-a7a3872{margin-top:-100px;margin-bottom:0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-1474 .elementor-element.elementor-element-c18426b > .elementor-element-populated{padding:1em 1em 1em 1em;}.elementor-1474 .elementor-element.elementor-element-a7a3872{margin-top:-110px;margin-bottom:0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-2efcb6d */.pna-hero-wrap {
  position: relative;
  width: 100%;
  min-height: 20vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #04010f;
  border-radius: 0;
  margin-top: -100px;
  padding-top: 100px;
}
.pna-hero-canvas {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.pna-hero-gradient {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background:
    radial-gradient(ellipse at 50% 30%, rgba(76,29,149,0.65), transparent 65%),
    radial-gradient(ellipse at 20% 80%, rgba(30,58,138,0.45), transparent 55%);
}
.pna-hero-topbar {
  position: absolute;
  top: 0; left: 0; right: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 110px 24px 16px;
  z-index: 10;
}
.pna-hero-home {
  font-size: 11px;
  letter-spacing: 2.5px;
  color: rgba(255,255,255,0.45);
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,0.2);
  padding-bottom: 2px;
  transition: color 0.2s;
}
.pna-hero-home:hover { color: #d4a8ff; }
.pna-hero-accedi {
  background: linear-gradient(135deg, #b26bff, #6a00ff);
  border: none;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 3px;
  padding: 12px 24px;
  border-radius: 14px;
  text-decoration: none;
  transition: all 0.25s;
}
.pna-hero-accedi:hover {
  box-shadow: 0 0 25px rgba(178,107,255,0.9);
  transform: translateY(-2px) scale(1.02);
}
.pna-hero-title {
  position: relative;
  z-index: 5;
  font-family: Georgia, serif;
  font-size: 42px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #ffffff !important;
  text-align: center;
  text-shadow: 0 0 40px rgba(178,107,255,0.4);
}
@media (max-width: 1024px) {
  .pna-hero-title { font-size: 32px; }
  .pna-hero-wrap {
    min-height: calc(20vh + 150px);
    margin-top: -150px;
    padding-top: 160px;
  }
  .pna-hero-topbar { padding: 160px 24px 16px; }
}
@media (max-width: 767px) {
  .pna-hero-title { font-size: 24px; }
  .pna-hero-wrap {
    min-height: calc(20vh + 150px);
    margin-top: -150px;
    padding-top: 160px;
  }
  .pna-hero-topbar { padding: 160px 16px 16px; }
}
/* ── CSS STARS FALLBACK ANDROID — hero sottopagine ── */
.pna-hero-wrap::after {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 1px; height: 1px;
  z-index: 0;
  pointer-events: none;
  background: white;
  border-radius: 50%;
  box-shadow:
    45px 32px 0 0 rgba(255,255,255,0.8),
    180px 84px 0 0 rgba(255,255,255,0.5),
    320px 16px 0 0 rgba(255,255,255,0.7),
    456px 58px 0 0 rgba(255,255,255,0.6),
    610px 95px 0 0 rgba(255,255,255,0.4),
    789px 43px 0 0 rgba(255,255,255,0.8),
    923px 77px 0 0 rgba(255,255,255,0.5),
    1050px 29px 0 0 rgba(255,255,255,0.7),
    1189px 112px 0 0 rgba(255,255,255,0.6),
    1345px 58px 0 0 rgba(255,255,255,0.4),
    1478px 82px 0 0 rgba(255,255,255,0.8),
    1612px 17px 0 0 rgba(255,255,255,0.5),
    1756px 64px 0 0 rgba(255,255,255,0.7),
    1890px 45px 0 0 rgba(255,255,255,0.6),
    67px 106px 0 0 rgba(255,255,255,0.4),
    234px 137px 0 0 rgba(255,255,255,0.8),
    389px 89px 0 0 rgba(255,255,255,0.5),
    523px 153px 0 0 rgba(255,255,255,0.7),
    678px 72px 0 0 rgba(255,255,255,0.6),
    834px 118px 0 0 rgba(255,255,255,0.4),
    967px 34px 0 0 rgba(255,255,255,0.8),
    1123px 92px 0 0 rgba(255,255,255,0.5),
    1267px 149px 0 0 rgba(255,255,255,0.7),
    1423px 65px 0 0 rgba(255,255,255,0.4),
    1589px 128px 0 0 rgba(255,255,255,0.8),
    1723px 47px 0 0 rgba(255,255,255,0.6),
    1867px 103px 0 0 rgba(255,255,255,0.5),
    156px 52px 0 0 rgba(255,255,255,0.8),
    445px 134px 0 0 rgba(255,255,255,0.5),
    689px 27px 0 0 rgba(255,255,255,0.7),
    912px 78px 0 0 rgba(255,255,255,0.6),
    1134px 143px 0 0 rgba(255,255,255,0.4),
    1356px 39px 0 0 rgba(255,255,255,0.8),
    1578px 112px 0 0 rgba(255,255,255,0.5),
    1812px 56px 0 0 rgba(255,255,255,0.7),
    289px 23px 0 0 rgba(255,255,255,0.6),
    567px 147px 0 0 rgba(255,255,255,0.4),
    812px 85px 0 0 rgba(255,255,255,0.8),
    1056px 38px 0 0 rgba(255,255,255,0.5),
    1289px 122px 0 0 rgba(255,255,255,0.7),
    1512px 56px 0 0 rgba(255,255,255,0.6),
    1745px 93px 0 0 rgba(255,255,255,0.4),
    134px 74px 0 0 rgba(255,255,255,0.8),
    423px 112px 0 0 rgba(255,255,255,0.5),
    678px 49px 0 0 rgba(255,255,255,0.7),
    934px 137px 0 0 rgba(255,255,255,0.6),
    1167px 64px 0 0 rgba(255,255,255,0.4),
    1389px 102px 0 0 rgba(255,255,255,0.8),
    1623px 29px 0 0 rgba(255,255,255,0.5);
  animation: pnaHeroCssStars 3s ease-in-out infinite alternate;
}
@keyframes pnaHeroCssStars {
  from { opacity: 0.35; }
  to   { opacity: 1; }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-a7a3872 */.ribbon {
  display: block;
  text-align: center;
  padding: 18px;
  border-radius: 14px;
  background: #0d0620 !important;
  color: rgba(255,255,255,0.85) !important;
  text-decoration: none;
  font-weight: 600;
  letter-spacing: 2px;
  font-size: 18px;
  border: 1px solid rgba(178,107,255,0.25) !important;
  transition: all 0.3s ease;
}
.ribbon:hover {
  background: #160a30 !important;
  border-color: #b26bff !important;
  color: #d4a8ff !important;
  box-shadow: 0 0 20px rgba(178,107,255,0.35) !important;
  transform: translateY(-2px);
}
.back-button {
  display: inline-block;
  margin-bottom: 20px;
  text-decoration: none;
  color: rgba(255,255,255,0.45) !important;
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 11px;
  padding: 10px 16px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.15) !important;
  background: #0d0620 !important;
  transition: all 0.3s ease;
}
.back-button:hover {
  color: #d4a8ff !important;
  border-color: rgba(178,107,255,0.6) !important;
  box-shadow: 0 0 12px rgba(178,107,255,0.3) !important;
}/* End custom CSS */