@font-face { font-family: "Bai Jamjuree"; src: url("/anteprima/titoli.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Special Gothic Variable"; src: url("/anteprima/testo.woff2") format("woff2-variations"); font-weight: 400 700; font-stretch: 75% 125%; font-display: swap; }

:root { color-scheme: dark; }
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: #0b0c0d; }
body {
  color: #f1f1ef; font: 400 1.0625rem/1.6 "Special Gothic Variable", system-ui, sans-serif; -webkit-font-smoothing: antialiased;
  min-height: 100svh; display: grid; place-items: center; padding: 2rem 1.25rem; caret-color: #ff5b1f;
}
::selection { background: #ff5b1f; color: #0b0c0d; }

.cancello {
  position: relative; width: min(100%, 34rem); padding: 3rem clamp(1.25rem, 5vw, 3rem) 2.5rem;
  background: #18191b; border: 1px solid #3d4044; border-radius: 22px;
  box-shadow: 0 40px 80px -40px rgb(0 0 0 / 0.9), 0 1px 0 rgb(255 255 255 / 0.04) inset;
}
.finestra { position: absolute; top: 1.1rem; left: 1.4rem; display: flex; gap: 0.5rem; }
.finestra i { width: 12px; height: 12px; border-radius: 50%; background: #5a2b26; }
.finestra i:nth-child(2) { background: #5a4a26; }
.finestra i:nth-child(3) { background: #2b4a2c; }
.marchio { margin: 1rem 0 0; font: 700 clamp(3.5rem, 12vw, 5rem)/0.85 "Bai Jamjuree", sans-serif; letter-spacing: -0.03em; }
h1 { margin: 1.5rem 0 0; font: 700 1.375rem/1.25 "Bai Jamjuree", sans-serif; }
.testo { margin: 0.75rem 0 0; color: #b6b8ba; }
.modulo { margin-top: 2rem; }
label { display: block; font-size: 0.9375rem; margin-bottom: 0.5rem; }
.riga { display: flex; gap: 0.5rem; }
input {
  flex: 1; min-width: 0; min-height: 3rem; padding: 0.6rem 0.9rem; font: 400 1rem/1.2 "Special Gothic Variable", sans-serif;
  color: #f1f1ef; background: #0b0c0d; border: 1px solid #6b6f74; border-radius: 0;
}
input:focus { outline: 2px solid #f1f1ef; outline-offset: 2px; }
input[aria-invalid="true"] { border-color: #ff6b5e; }
button {
  min-height: 3rem; padding: 0.6rem 1.4rem; cursor: pointer;
  font: 700 1rem/1 "Bai Jamjuree", sans-serif; color: #0b0c0d; background: #ff5b1f; border: 1px solid #ff5b1f; border-radius: 2px;
  transition: background-color 0.2s;
}
button:hover { background: #ff7a45; }
button:focus-visible { outline: 2px solid #ff7a45; outline-offset: 3px; }
button[aria-busy="true"] { opacity: 0.7; cursor: progress; }
.esito { min-height: 1.6em; margin: 0.6rem 0 0; font-size: 0.9375rem; color: #ff6b5e; }
.piede { margin: 2.25rem 0 0; padding-top: 1.25rem; border-top: 1px solid #2b2d30; font-size: 0.8125rem; color: #8f9296; }
.piede a { color: inherit; text-underline-offset: 0.2em; }
@media (max-width: 480px) { .riga { flex-direction: column; } }