@keyframes flicker { 
    0% { opacity: 0.98; } 
    50% { opacity: 1; } 
    100% { opacity: 0.98; } 
} 

/* Schermo intero CRT con supporto allo scroll e cursori di default */ 
body {  
    background-color: #000000;  
    color: #D7F1D4;  
    font-family: 'Share Tech Mono', monospace;  
    padding: 40px;  
    width: 100vw;               /* Occupa tutta la larghezza */
    min-height: 100vh;          /* Parte da 100vh ma si espande se il testo è più lungo */
    height: auto;               /* Permette l'altezza automatica per i contenuti */
    margin: 0;                  
    line-height: 1.6;  
    border: 2px solid #D7F1D4; 
    box-sizing: border-box; 
    animation: flicker 0.15s infinite; 
    text-shadow: 0 0 4px #D7F1D4; 
    position: relative; 
    
    /* Cursore standard del sistema */
    cursor: auto;
} 

/* Dito/Puntatore standard del browser sopra i link o elementi cliccabili */ 
a, button, .clickable { 
    cursor: pointer; 
} 

/* Overlay catodici base (per il main content) */
body::before { 
    content: " "; 
    display: block; 
    position: fixed; 
    top: 0; left: 0; bottom: 0; right: 0; 
    background: radial-gradient(circle, transparent 35%, rgba(0,0,0,0.4) 100%); 
    z-index: 9998; 
    pointer-events: none; 
} 

body::after { 
    content: " "; 
    display: block; 
    position: fixed; 
    top: 0; left: 0; bottom: 0; right: 0; 
    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), 
                linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06)); 
    z-index: 9999; 
    background-size: 100% 4px, 6px 100%; 
    pointer-events: none; 
} 

p, span, .scramble, .scramble-loader { 
    color: #D7F1D4 !important; 
    text-shadow: 0 0 5px #D7F1D4; 
} 

/* SCHERMATA DI CARICAMENTO */
#loader-container {  
    position: fixed;  
    top: 0;  
    left: 0;  
    width: 100%;  
    height: 100%;  
    background: #000000;  
    display: flex;  
    flex-direction: column;  
    justify-content: center;  
    align-items: center;  
    z-index: 10000; 
    animation: flicker 0.15s infinite; /* Tremolio catodico applicato al loader */
} 

/* Overlay catodici specifici per il loader (così non viene coperto) */
#loader-container::before { 
    content: " "; 
    display: block; 
    position: fixed; 
    top: 0; left: 0; bottom: 0; right: 0; 
    background: radial-gradient(circle, transparent 35%, rgba(0,0,0,0.4) 100%); 
    z-index: 10001; 
    pointer-events: none; 
} 

#loader-container::after { 
    content: " "; 
    display: block; 
    position: fixed; 
    top: 0; left: 0; bottom: 0; right: 0; 
    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), 
                linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06)); 
    z-index: 10002; 
    background-size: 100% 4px, 6px 100%; 
    pointer-events: none; 
}

#progress-bar {  
    width: 300px;  
    height: 20px;  
    border: 1px solid #D7F1D4;  
    padding: 2px;  
    margin-top: 10px;  
    z-index: 10003; /* Porta la barra sopra l'effetto */
} 

#progress {  
    width: 0%;  
    height: 100%;  
    background-color: #D7F1D4;  
    transition: width 0.1s;  
    box-shadow: 0 0 10px #D7F1D4; 
} 

.scramble-loader {
    z-index: 10003; /* Porta il testo sopra l'effetto */
}

#main-content {  
    display: none;  
} 

.terminal-header {  
    font-weight: bold;  
    margin-bottom: 20px;  
    border-bottom: 1px solid #D7F1D4;  
    padding-bottom: 10px;  
} 

.system-alert {  
    color: #ff0000 !important; 
    font-weight: bold; 
    text-shadow: 0 0 6px #ff0000; 
} 

a {  
    color: #D7F1D4 !important;  
    text-decoration: underline;  
    font-weight: bold; 
    text-shadow: 0 0 5px #D7F1D4; 
} 

a:hover { 
    background-color: #D7F1D4; 
    color: #000000 !important; 
    text-decoration: none; 
    box-shadow: 0 0 15px #D7F1D4; 
    text-shadow: none; 
} 

.code-block {  
    background-color: #000000;  
    padding: 15px;  
    border: 1px solid #D7F1D4;  
    margin: 20px 0;  
    overflow-x: auto;  
    box-shadow: inset 0 0 10px rgba(215, 241, 212, 0.1); 
}