.elementor-48001 .elementor-element.elementor-element-b73b96f{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:80px;--padding-left:60px;--padding-right:60px;}.elementor-48001 .elementor-element.elementor-element-038247e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-48001 .elementor-element.elementor-element-beb6187{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-48001 .elementor-element.elementor-element-b73b96f{--content-width:1440px;}}@media(max-width:1024px){.elementor-48001 .elementor-element.elementor-element-b73b96f{--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}}@media(max-width:767px){.elementor-48001 .elementor-element.elementor-element-b73b96f{--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-48001 .elementor-element.elementor-element-038247e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-48001 .elementor-element.elementor-element-beb6187{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-038247e */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');



* { margin: 0; padding: 0; box-sizing: border-box; }



:root {

  --black: #1A1A1A;

  --gold: #FFD501;

  --gold-dark: #C9A800;

  --white: #FFFFFF;

  --gray-light: #F5F5F5;

  --gray-dark: #333333;

  --gray-text: #555555;

}



body {

  font-family: 'Montserrat', sans-serif;

  background: var(--black);

  color: var(--white);

  line-height: 1.6;

  -webkit-font-smoothing: antialiased;

}



/* ========================

   HERO

   ======================== */

.hero {

  display: flex;

  flex-direction: column;

  justify-content: center;

  padding: 40px 24px;

  position: relative;

  z-index: 1;

}

.brand { display: flex; align-items: center; gap: 14px; margin-bottom: 60px; }

.brand-logo { height: 36px; width: auto; }

.hero-label {

  font-size: 12px; font-weight: 700; color: var(--gold);

  letter-spacing: 2px; text-transform: uppercase; margin-bottom: 16px;

}

.hero h1 {

  font-size: clamp(28px, 7vw, 42px); font-weight: 900;

  line-height: 1.15; margin-bottom: 8px; color: var(--white);

}

.hero h1 .hl {

  background: var(--gold); color: var(--black);

  padding: 2px 8px; margin-top: 16px; display: inline-block;

}

.hero .subtitle {

  font-size: clamp(14px, 3.5vw, 16px); color: #AAA;

  margin-bottom: 40px; max-width: 480px; font-weight: 400; line-height: 1.7;

}

.btn-gold {

  display: inline-flex; align-items: center; gap: 10px;

  background: var(--gold); color: var(--black); border: none;

  padding: 16px 32px; font-family: 'Montserrat', sans-serif;

  font-size: 15px; font-weight: 800; border-radius: 8px;

  cursor: pointer; transition: all 0.3s;

  text-transform: uppercase; letter-spacing: 1px;

}

.btn-gold:hover {

  background: var(--gold-dark); transform: translateY(-2px);

  box-shadow: 0 8px 30px rgba(255,213,1,0.3);

}

.btn-gold .arrow { font-size: 20px; }



/* ========================

   QUIZ

   ======================== */

.quiz-section {

  display: none; padding: 0 24px 40px;

  position: relative; z-index: 1;

}

.quiz-section.active { display: block; }

.section-bar {

  position: sticky; top: 0; background: var(--black);

  padding: 16px 0 12px; z-index: 100;

}

.section-text {

  font-size: 11px; font-weight: 700; color: var(--gold-dark);

  text-transform: uppercase; letter-spacing: 1.5px;

}



.question-card {

  display: none; background: var(--white); border-radius: 16px;

  padding: 28px 22px; margin-top: 14px; color: var(--gray-dark);

  animation: slideUp 0.4s ease; border-left: 5px solid var(--gold);

}

.question-card.active { display: block; }



@keyframes slideUp {

  from { opacity: 0; transform: translateY(20px); }

  to { opacity: 1; transform: translateY(0); }

}



.q-header { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }

.q-num {

  width: 36px; height: 36px; background: var(--gold); color: var(--black);

  border-radius: 50%; display: flex; align-items: center; justify-content: center;

  font-weight: 900; font-size: 16px; flex-shrink: 0;

}

.q-title { font-size: 17px; font-weight: 700; color: var(--black); line-height: 1.3; }

.q-question {

  font-size: 15px; line-height: 1.6; color: var(--gray-dark);

  margin-bottom: 12px; font-weight: 500;

}

.q-context {

  font-size: 13px; color: #444; line-height: 1.65;

  font-style: normal; margin-bottom: 22px;

  padding: 10px 14px; background: var(--gray-light);

  border-radius: 8px; border-left: 3px solid var(--gold);

}



.answer-buttons { display: flex; gap: 12px; }

.btn-answer {

  flex: 1; padding: 14px; border: 2px solid var(--gray-light);

  border-radius: 12px; background: var(--white);

  font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 700;

  cursor: pointer; transition: all 0.2s; text-align: center;

}

.btn-answer:hover { border-color: var(--gold); background: #FFF9E0; }

.btn-answer.sel-yes { border-color: #28A745; background: #E8F5E9; color: #28A745; }

.btn-answer.sel-no { border-color: #DC3545; background: #FFEBEE; color: #DC3545; }



/* ========================

   RESULTS SECTION

   ======================== */

.results-section {

  display: none; padding: 40px 24px;

  position: relative; z-index: 1;

}

.results-section.active { display: block; }



/* --- Blur placeholder (anti-bypass: contiene solo dati finti) --- */

.results-blur {

  filter: blur(10px);

  -webkit-filter: blur(10px);

  pointer-events: none;

  user-select: none;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

}



.score-display { text-align: center; margin-bottom: 20px; }

.score-circle {

  width: 130px; height: 130px; border-radius: 50%;

  display: flex; flex-direction: column; align-items: center; justify-content: center;

  margin: 0 auto 16px; border: 6px solid var(--gold);

  background: rgba(255,213,1,0.05);

}

.score-circle .sn { font-size: 46px; font-weight: 900; color: var(--gold); }

.score-circle .st { font-size: 13px; font-weight: 600; opacity: 0.7; color: var(--white); }

.score-level {

  font-size: 20px; font-weight: 800; color: var(--gold);

  margin-bottom: 8px; text-align: center;

}

.score-desc {

  font-size: 14px; color: #AAA; max-width: 400px;

  margin: 0 auto 32px; line-height: 1.6; text-align: center;

}



/* --- CTA box (dentro il blur) --- */

.cta-box {

  background: linear-gradient(135deg, #252525 0%, #1A1A1A 100%);

  border: 1px solid rgba(255,213,1,0.15); border-radius: 16px;

  padding: 32px 22px; text-align: center; margin-bottom: 32px;

}

.cta-box .cta-q {

  font-size: 13px; font-weight: 700; color: #999;

  text-transform: uppercase; letter-spacing: 1px; margin-bottom: 12px;

}

.cta-box h3 {

  font-size: 22px; font-weight: 900; margin-bottom: 6px;

  line-height: 1.3; color: var(--white);

}

.cta-box h3 .gold { color: var(--gold); }

.cta-box {

  font-size: 13px; color: #BBB; margin-bottom: 22px;

  line-height: 1.7; max-width: 420px; margin-left: auto; margin-right: auto;

}



/* --- Form overlay (sopra il blur) --- */

.results-form-overlay {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: calc(100% - 48px);

  max-width: 500px;

  background: rgba(26, 26, 26, 0.95);

  backdrop-filter: blur(4px);

  -webkit-backdrop-filter: blur(4px);

  padding: 32px 24px 16px;

  border-radius: 16px;

  border: 1px solid rgba(255,213,1,0.15);

  z-index: 10;

  text-align: center;

}

.form-title {

  font-size: 26px;

  font-weight: 800;

  font-family: 'Montserrat', sans-serif;

  color: var(--gold);

  margin-bottom: 12px;

  line-height: 1.3;

}

.form-subtitle {

  font-size: 14px;

  color: var(--white);

  line-height: 1.6;

  margin-bottom: 20px;

}

.ff-el-input--label.ff-el-is-required.asterisk-right{
    display:none!important;
}



/* ========================

   THANK YOU PAGE

   ======================== */

.thank-you-section {

  display: none;

  text-align: center;

  padding: 40px 0;

  animation: slideUp 0.5s ease;

}

.thank-you-icon {

  width: 80px; height: 80px; border-radius: 50%;

  background: var(--gold); color: var(--black);

  font-size: 40px; font-weight: 900;

  display: flex; align-items: center; justify-content: center;

  margin: 0 auto 24px;

}

.thank-you-title {

  font-size: 28px; font-weight: 900; color: var(--white);

  margin-bottom: 12px; line-height: 1.3;

}

.thank-you-text {

  font-size: 15px; color: #AAA; line-height: 1.7;

  max-width: 440px; margin: 0 auto 36px;

}



.thank-you-cta { margin-bottom: 40px; }

.thank-you-cta-label {

  font-size: 13px; color: #888; margin-bottom: 14px;

  text-transform: uppercase; letter-spacing: 1px; font-weight: 600;

}

.btn-blog {

  display: inline-block; background: var(--gold); color: var(--black) !important;

  padding: 16px 32px; border-radius: 8px; font-family: 'Montserrat', sans-serif;

  font-size: 14px; font-weight: 800; text-decoration: none;

  text-transform: uppercase; letter-spacing: 1px; transition: all 0.3s;

}

.btn-blog:hover {

  background: var(--gold-dark); transform: translateY(-2px);

  box-shadow: 0 8px 30px rgba(255,213,1,0.3);

}



/* Social icons */

.thank-you-social { padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.08); }

.social-label {

  font-size: 11px; color: #666; text-transform: uppercase;

  letter-spacing: 1.5px; font-weight: 700; margin-bottom: 16px;

}

.social-icons { display: flex; gap: 20px; justify-content: center; }

.social-link {

  display: flex; align-items: center; justify-content: center;

  width: 44px; height: 44px; border-radius: 50%;

  background: rgba(255,255,255,0.06); color: #999;

  transition: all 0.3s; text-decoration: none;

}

.social-link:hover {

  background: var(--gold); color: var(--black);

  transform: translateY(-2px);

}



/* ========================

   FOOTER

   ======================== */

.footer {

  text-align: center; padding: 24px; color: #444;

  font-size: 10px; border-top: 1px solid rgba(255,255,255,0.05);

}

.footer p { color: var(--white); }

.footer a { color: var(--gold); text-decoration: none; }



/* ========================

   RESPONSIVE

   ======================== */

@media (min-width: 640px) {

  .hero, .quiz-section, .results-section { max-width: 580px; margin: 0 auto; }

}/* End custom CSS */