@media (orientation:landscape)/*Orizzontale*/
{
	* {font-size:1vw;}
	h1 {margin:0; padding:0; line-height:10vh; font-size:5vw; font-weight:normal;}
	h2,#folding {margin:0; padding:0; line-height:5vh; font-weight:normal;}
	img {height:50vh;}
	table#bs td {width:50%; line-height:5vh;}
	.enough {margin:1.25vh 0; line-height:5vh;}
	input[type="radio"] {width:.5vw; height:.5vw;}
	input[type="email"],input[type="text"] {width:12.5vw;}
	input[type="submit"] {padding:0 .5vw; line-height:5vh;}
	#copyright {height:1.5vh; line-height:1.5vh; font-size:.5vw;}
	.error {font-size:2.5vw; color:#f00;}
	#thank_you {font-size:5vw; color:#0f0;}
}
@media (orientation:portrait)/*Verticale*/
{
	* {font-size:2svh;}
	h1 {margin:0; padding:0; line-height:10svh; font-size:5svh; font-weight:normal;}
	h2,#folding {margin:0; padding:0; line-height:5svh; font-weight:normal;}
	img {height:50svh;}
	table#bs td {width:50%; line-height:5svh;}
	.enough {margin:1.25svh 0; line-height:5svh;}
	input[type="radio"] {width:1svh; height:1svh;}
	input[type="email"] {width:50vw;}
	input[type="text"] {width:25vw;}
	input[type="submit"] {padding:0 1vw; line-height:5svh;}
	#copyright {height:1.5svh; line-height:1.5svh; font-size:1svh;}
	.error {font-size:2.5svh; color:#f00;}
	#thank_you {font-size:5svh; color:#0f0;}
}
* {
	font-family:Consolas;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;/*padding and border*/
	-webkit-tap-highlight-color:transparent;
}
/* scrollbar */
* {scrollbar-width:none;/* Firefox */,-ms-overflow-style:none;/* IE e Edge Legacy */}
*::-webkit-scrollbar {display:none;}/* Chrome, Safari ed Edge */
/* Il tuo stile generale per l'autofill (per gestire lo sfondo nero) */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus {
    -webkit-box-shadow:0 0 0px 1000px #000 inset;
    transition:background-color 5000s ease-in-out 0s;
}
body {margin:0; padding:0; background:#000; color:#fff; text-align:center;}
img {display:block; margin:0 auto;}
input[type="submit"] {background:#000; color:#fff; text-transform:uppercase; border:1px solid #fff;}
input[type="submit"]:hover {color:#f00; border-color:#f00; cursor:pointer;}
input[type="email"],input[type="text"] {background:#000; color:#fff; border:0; border-bottom:1px solid #fff; outline:0;}
table {border-collapse:collapse;}
td {margin:0; padding:0; awhite-space:nowrap;}
table#bs td:nth-child(1) {text-align:right;}
table#bs td:nth-child(2) {text-align:left;}
table#bs td:nth-child(1)::after {content:"\00a0";}
table#bs td:nth-child(2)::before {content:"\00a0";}
table#bs td:first-child {color:#f00;}
table#bs tr:last-child td:first-child {color:#0f0;}
table#form td {padding-bottom:2.5vh; width:50%; line-height:2.5vh;}
table#form td:nth-child(2) {text-align:left;}
fieldset {margin:0; padding:0; text-align:left; border:0;}
label {white-space:nowrap;}
label:hover {color:#f00; cursor:pointer;}
label:hover input[type="text"] {color:#f00; border-color:#f00;}
.block {display:block; margin:0 auto; width:fit-content;}
#progress-bar {color:#0f0; text-shadow:0 0 5px #0f0; font-family:monospace; letter-spacing:0; font-variant-ligatures:none; /* Evita che il browser unisca i caratteri */}
/* Nascondi il pallino standard */
input[type="radio"] {
    background:transparent;
    border:1px solid #fff;
    border-radius:50%;
    appearance:none;
    -webkit-appearance:none;
	cursor:pointer;
}
/* Colore al passaggio del mouse (Rosso) */
input[type="radio"]:hover {border-color:#f00;}
/* Quando è selezionato: bordo verde e puntino centrale */
input[type="radio"]:checked {
    background:#0f0;
    border-color:#0f0;
    box-shadow:0 0 5px #0f0;
}
label:has(input:checked) span,
label:has(input:checked) input,
input[type="email"]:valid:not(:placeholder-shown) {
	color:#0f0 !important;
    border-color:#0f0 !important;
    text-shadow:0 0 5px #0f0;
}
/* Fix specifico per l'autofill quando è VALIDO */
input[type="email"]:valid:-webkit-autofill {
    -webkit-text-fill-color:#0f0 !important;
    border-color:#0f0;
    text-shadow:0 0 5px #0f0;
}
/* Rimuove il glow quando l'input è in focus */
input:focus {text-shadow:none !important;}
/* Opzionale: Rosso se l'email è incompleta/sbagliata mentre scrive */
input[type="email"]:invalid:not(:placeholder-shown) {color:#f00; border-color:#f00;}