/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-700:oklch(50.5% .213 27.518);--color-amber-700:oklch(55.5% .163 48.998);--color-green-700:oklch(52.7% .154 150.069);--color-blue-600:oklch(54.6% .245 262.881);--color-gray-500:oklch(55.1% .027 264.364);--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--text-9xl:8rem;--text-9xl--line-height:1;--radius-lg:.5rem;--radius-2xl:1rem;--radius-4xl:2rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-auto{margin-top:auto}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-20{margin-top:calc(var(--spacing)*20)}.mt-25{margin-top:calc(var(--spacing)*25)}.mt-30{margin-top:calc(var(--spacing)*30)}.mr-5{margin-right:calc(var(--spacing)*5)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-5{margin-left:calc(var(--spacing)*5)}.block{display:block}.flex{display:flex}.flex-1{flex:1 1 0%}.hidden{display:none}.h-10{height:calc(var(--spacing)*10)}.h-15{height:calc(var(--spacing)*15)}.h-40{height:calc(var(--spacing)*40)}.h-\[10rem\]{height:10rem}.h-\[18rem\]{height:18rem}.h-\[20rem\]{height:20rem}.h-\[56em\]{height:56em}.h-\[56rem\]{height:56rem}.h-auto{height:auto}.min-h-\[8rem\]{min-height:8rem}.w-10{width:calc(var(--spacing)*10)}.w-15{width:calc(var(--spacing)*15)}.w-20{width:calc(var(--spacing)*20)}.w-25{width:calc(var(--spacing)*25)}.w-40{width:calc(var(--spacing)*40)}.w-45{width:calc(var(--spacing)*45)}.w-50{width:calc(var(--spacing)*50)}.w-70{width:calc(var(--spacing)*70)}.w-85{width:calc(var(--spacing)*85)}.w-full{width:100%}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-lg{border-radius:var(--radius-lg)}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-white{border-color:var(--color-white)}.bg-\[\#f0f2ff\]{background-color:#f0f2ff}.bg-blue-600{background-color:var(--color-blue-600)}.bg-white{background-color:var(--color-white)}.bg-\[url\(\'\@\/assets\/immagini\/bkg_purple\.jpg\'\)\]{background-image:url(/assets/bkg_purple-B9O1qdJF.jpg)}.bg-cover{background-size:cover}.bg-center{background-position:50%}.p-4{padding:calc(var(--spacing)*4)}.p-8{padding:calc(var(--spacing)*8)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-7{padding-inline:calc(var(--spacing)*7)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-9{padding-inline:calc(var(--spacing)*9)}.px-10{padding-inline:calc(var(--spacing)*10)}.px-15{padding-inline:calc(var(--spacing)*15)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-6{padding-block:calc(var(--spacing)*6)}.py-7{padding-block:calc(var(--spacing)*7)}.py-10{padding-block:calc(var(--spacing)*10)}.pt-2{padding-top:calc(var(--spacing)*2)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-10{padding-bottom:calc(var(--spacing)*10)}.pb-20{padding-bottom:calc(var(--spacing)*20)}.text-center{text-align:center}.text-start{text-align:start}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-\[\#38539A\]{color:#38539a}.text-amber-700{color:var(--color-amber-700)}.text-gray-500{color:var(--color-gray-500)}.text-green-700{color:var(--color-green-700)}.text-red-700{color:var(--color-red-700)}.text-white{color:var(--color-white)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media (min-width:48rem){.md\:pb-20{padding-bottom:calc(var(--spacing)*20)}.md\:mt-6{margin-top:calc(var(--spacing)*6)}.md\:mt-10{margin-top:calc(var(--spacing)*10)}.md\:mt-15{margin-top:calc(var(--spacing)*15)}.md\:mt-20{margin-top:calc(var(--spacing)*20)}.md\:mt-30{margin-top:calc(var(--spacing)*30)}.md\:mt-40{margin-top:calc(var(--spacing)*40)}.md\:mt-50{margin-top:calc(var(--spacing)*50)}.md\:mt-60{margin-top:calc(var(--spacing)*60)}.md\:mb-20{margin-bottom:calc(var(--spacing)*20)}.md\:mb-60{margin-bottom:calc(var(--spacing)*60)}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-25{height:calc(var(--spacing)*25)}.md\:h-35{height:calc(var(--spacing)*35)}.md\:h-130{height:calc(var(--spacing)*130)}.md\:h-\[30rem\]{height:30rem}.md\:h-\[40rem\]{height:40rem}.md\:h-\[50rem\]{height:50rem}.md\:h-\[60rem\]{height:60rem}.md\:h-\[160rem\]{height:160rem}.md\:min-h-\[24rem\]{min-height:24rem}.md\:w-25{width:calc(var(--spacing)*25)}.md\:w-35{width:calc(var(--spacing)*35)}.md\:w-50{width:calc(var(--spacing)*50)}.md\:w-100{width:calc(var(--spacing)*100)}.md\:w-130{width:calc(var(--spacing)*130)}.md\:w-140{width:calc(var(--spacing)*140)}.md\:w-150{width:calc(var(--spacing)*150)}.md\:w-170{width:calc(var(--spacing)*170)}.md\:w-300{width:calc(var(--spacing)*300)}.md\:w-full{width:100%}.md\:items-center{align-items:center}.md\:justify-center{justify-content:center}.md\:rounded-4xl{border-radius:var(--radius-4xl)}.md\:p-20{padding:calc(var(--spacing)*20)}.md\:px-50{padding-inline:calc(var(--spacing)*50)}.md\:px-60{padding-inline:calc(var(--spacing)*60)}.md\:px-70{padding-inline:calc(var(--spacing)*70)}.md\:py-10{padding-block:calc(var(--spacing)*10)}.md\:py-20{padding-block:calc(var(--spacing)*20)}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.md\:text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.md\:text-9xl{font-size:var(--text-9xl);line-height:var(--tw-leading,var(--text-9xl--line-height))}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@font-face{font-family:FontUno;src:url(/assets/GTWalsheimPro-Medium-rY6mtMvf.ttf) format("truetype")}@font-face{font-family:FontDue;src:url(/assets/GTWalsheimPro-Black-JdM9ius1.ttf) format("truetype")}@font-face{font-family:FontTre;src:url(/assets/GT-Walsheim-Pro-Bold-Bk23F3Nk.otf) format("truetype")}html{font-size:3.8647343vw!important}@media screen and (min-width: 768px) and (max-width: 1024px){html{font-size:calc(14 / 1024 * 100vw)!important}}@media screen and (min-width: 900px){html{font-size:calc(16 / 1920 * 100vw)!important}}@media screen and (min-width: 1920px){html{font-size:16px!important}}

/* === Home (schermata iniziale) - layout mobile: aderente al comp PDF, tutto in una schermata ===
   Contenuto ALLINEATO IN ALTO come nel comp (logo vicino al bordo superiore).
   Unita' dvh (dynamic viewport height): il container riempie SEMPRE lo schermo visibile,
   anche quando la barra del browser si ritrae -> nessuna fascia blu morta sotto il bottone.
   Tipografia scalata con dvh (clamp) cosi' le proporzioni restano quelle del comp su ogni telefono. */
@media (max-width:767px){
  body{background-color:#eef1fc;overflow-x:hidden}
  [class~="bg-[url('@/assets/immagini/bkg_purple.jpg')]"]{
    height:auto!important;
    min-height:100svh;
    min-height:100dvh;
    padding-top:1.6dvh!important;
    padding-bottom:0!important;
    /* pannello blu: -up in alto (sotto "Amway"), -down in basso (sotto il bottone),
       blu pieno tra le due. Il colore di fondo copre eventuale spazio residuo. */
    background-color:#38539a!important;
    background-image:
      url(/assets/bkg_purple-B9O1-upqdJF.jpg),
      url(/assets/bkg_purple-B9O1-downqdJF.jpg)!important;
    /* -up alzata di ~12vw: gli angoli chiari escono dallo schermo, resta blu+pois a filo del bordo alto */
    background-position:center -12vw,center bottom!important;
    background-size:100% auto,100% auto!important;
    background-repeat:no-repeat,no-repeat!important;
  }
  /* logo Amway in alto (allineato in alto, come nel comp) */
  [class~="bg-[url('@/assets/immagini/bkg_purple.jpg')]"]>img:first-of-type{
    width:clamp(5rem,17vw,7rem)!important;
    margin-top:.3dvh!important;
  }
  /* lockup A70 / EXPO */
  [class~="bg-[url('@/assets/immagini/bkg_purple.jpg')]"]>img:nth-of-type(2){
    /* card A70 con arco: la fascia centrale arriva a filo dei bordi,
       l'arco in alto resta (rientra come da grafica) */
    width:104%!important;
    max-width:none!important;
    margin-left:-2%!important;
    margin-right:-2%!important;
    margin-top:1.4dvh!important;
  }
  /* titolo HOSGELDINIZ & DETAYLAR (due righe) */
  [class~="bg-[url('@/assets/immagini/bkg_purple.jpg')]"]>p{
    font-size:clamp(1.7rem,4.4dvh,2.6rem)!important;
    line-height:1.12!important;
    margin-top:2.4dvh!important;
  }
  /* linea divisoria bianca: piu' larga ma con margine dai bordi */
  [class~="bg-[url('@/assets/immagini/bkg_purple.jpg')]"]>div.border-b-2{
    width:min(72%,17rem)!important;
    margin:1.9dvh auto .6dvh!important;
  }
  /* "Mini testimize hosgeldiniz!" */
  [class~="bg-[url('@/assets/immagini/bkg_purple.jpg')]"]>div.px-9:not([class*="f0f2ff"]){
    padding-top:1.5dvh!important;
    padding-bottom:1.5dvh!important;
  }
  [class~="bg-[url('@/assets/immagini/bkg_purple.jpg')]"]>div.px-9:not([class*="f0f2ff"])>p{
    font-size:clamp(1.35rem,3.3dvh,2rem)!important;
    line-height:1.2!important;
  }
  /* paragrafo intro: riquadro lilla a tutta larghezza, testo blu, aderente al testo (come nel comp) */
  [class~="bg-[url('@/assets/immagini/bkg_purple.jpg')]"]>div[class*="f0f2ff"]{
    width:100%!important;
    margin-top:2dvh!important;
    padding:2.4dvh 2.1rem!important;
  }
  [class~="bg-[url('@/assets/immagini/bkg_purple.jpg')]"]>div[class*="f0f2ff"]>p{
    color:#38539A!important;
    font-size:clamp(.9rem,2.15dvh,1.25rem)!important;
    line-height:1.55!important;
  }
  /* bottone BASLAT: ancorato in basso, con la stessa fascia blu + arco del comp sotto di esso */
  [class~="bg-[url('@/assets/immagini/bkg_purple.jpg')]"]>a{
    width:100%!important;
    margin-top:auto!important;
    /* un po' piu' di respiro rispetto al testo sopra */
    padding-top:2.6dvh!important;
    /* bottone poco sopra la curva inferiore (-down), come nel riferimento */
    margin-bottom:9dvh!important;
  }
  [class~="bg-[url('@/assets/immagini/bkg_purple.jpg')]"]>a>div{
    padding:.5rem!important;
    margin-top:0!important;
  }
  [class~="bg-[url('@/assets/immagini/bkg_purple.jpg')]"]>a img{
    width:92%!important;
    max-width:32rem!important;
    margin:0 auto!important;
    /* un po' piu' largo e piu' basso -> effetto pill sottile */
    height:auto!important;
    aspect-ratio:5.9/1!important;
    object-fit:fill!important;
  }
}

/* === Home - schermi bassi (telefoni piccoli / barra browser visibile): compatta tutto === */
@media (max-width:767px) and (max-height:745px){
  [class~="bg-[url('@/assets/immagini/bkg_purple.jpg')]"]{ padding-top:.9rem!important; padding-bottom:0!important; }
  [class~="bg-[url('@/assets/immagini/bkg_purple.jpg')]"]>img:nth-of-type(2){ margin-top:.5rem!important; }
  [class~="bg-[url('@/assets/immagini/bkg_purple.jpg')]"]>p{ font-size:1.8rem!important; margin-top:.9rem!important; }
  [class~="bg-[url('@/assets/immagini/bkg_purple.jpg')]"]>div.border-b-2{ margin:.6rem auto .2rem!important; }
  [class~="bg-[url('@/assets/immagini/bkg_purple.jpg')]"]>div.px-9:not([class*="f0f2ff"]){ padding-top:.5rem!important; padding-bottom:.5rem!important; }
  [class~="bg-[url('@/assets/immagini/bkg_purple.jpg')]"]>div.px-9:not([class*="f0f2ff"])>p{ font-size:1.4rem!important; }
  [class~="bg-[url('@/assets/immagini/bkg_purple.jpg')]"]>div[class*="f0f2ff"]{ margin-top:.7rem!important; padding:.9rem 1.9rem!important; }
  [class~="bg-[url('@/assets/immagini/bkg_purple.jpg')]"]>div[class*="f0f2ff"]>p{ font-size:.9rem!important; line-height:1.4!important; }
  [class~="bg-[url('@/assets/immagini/bkg_purple.jpg')]"]>a{ margin-top:auto!important; padding-top:1.6dvh!important; margin-bottom:6dvh!important; }
}

/* === Success (/success) - pagina di vittoria: logo su onda blu, esito su
   pannello chiaro, footer blu con onda in alto e in basso (stessi asset
   "up"/"down" gia' usati per la Home) invece dello sfondo pieno unico. === */
.qz-success{
  height:auto!important;
  min-height:100svh;
  display:flex;
  flex-direction:column;
  background-color:#eef1fc;
}
@media (min-width:48rem){
  .qz-success{ min-height:100svh; }
}
.qz-success-hero,
.qz-success-footer{
  width:100%;
  background-color:#38539a;
  background-repeat:no-repeat;
  background-size:100% auto;
}
.qz-success-hero{
  display:flex;
  justify-content:center;
  background-image:url(/assets/bkg_purple-B9O1-upqdJF.jpg);
  background-position:top center;
  padding:6rem 0 2.25rem;
}
.qz-success-footer{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background-image:url(/assets/bkg_purple-B9O1-downqdJF.jpg);
  background-position:bottom center;
  background-size:100% auto;
  padding:3.5rem 1.75rem 5rem;
}
.qz-success-footer > div{
  margin-top:0!important;
}
@media (min-width:48rem){
  .qz-success-hero{ padding:11rem 0 4rem; }
  .qz-success-footer{ justify-content:flex-start; min-height:34rem; padding:6rem 3rem 40rem; }
}

/* === Fail (/fail) - pagina di rientro: stessa struttura ad arco della Success
   (logo su onda blu in alto, esito su pannello chiaro, footer blu con onda in
   basso). Il bottone "Tekrar deneyin" sta DENTRO il footer, sul blu, e la
   curva chiara arriva subito sotto di esso (non c'e' fascia chiara con
   spazio vuoto tra bottone e curva) - come nel comp di riferimento. === */
.qz-fail{
  height:auto!important;
  display:flex;
  flex-direction:column;
  background-color:#eef1fc;
}
.qz-fail-hero,
.qz-fail-footer{
  width:100%;
  background-color:#38539a;
  background-repeat:no-repeat;
  background-size:100% auto;
}
.qz-fail-hero{
  display:flex;
  justify-content:center;
  background-image:url(/assets/bkg_purple-B9O1-upqdJF.jpg);
  background-position:top center;
  padding:6rem 0 2.25rem;
}
.qz-fail-footer{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  background-image:url(/assets/bkg_purple-B9O1-downqdJF.jpg);
  background-position:bottom center;
  background-size:100% auto;
  padding:9.5rem 1.75rem 5rem;
}
.qz-fail-footer > div{
  margin-top:0!important;
}
/* bottone "Tekrar deneyin": piu' stretto (piu' "fino") dell'immagine sorgente,
   scalato di larghezza mantenendo le proporzioni (height:auto) invece di
   usare la larghezza piena della card come nella Success. */
.qz-fail-btn{
  display:block;
  width:76%;
  max-width:17rem;
  height:auto;
  margin-top:6.5rem;
}
@media (min-width:48rem){
  .qz-fail-hero{ padding:11rem 0 4rem; }
  .qz-fail-footer{ padding:7rem 3rem 9rem; }
  .qz-fail-btn{ max-width:24rem; margin-top:7rem; }
}