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

body { 
min-height: 100vh; 
display: flex; 
justify-content: 
center; align-items: center; 
font-family: Arial, Helvetica, sans-serif; 
background: url("bg.jpg") center center / cover no-repeat fixed; 
} 

.overlay { 
width: min(90%, 650px); 
background: rgba(255,255,255,0.75); 
backdrop-filter: blur(8px); 
padding: 40px; 
border-radius: 18px; 
text-align: center; 
box-shadow: 0 15px 40px rgba(0,0,0,.25); 
} 

.logo { 
width: 200px; 
max-width: 45%; 
margin-bottom: 25px; 
    user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    pointer-events: none;
} 

h1 { 
margin-bottom: 20px; 
color: #222; 
} 

p { 
margin-bottom: 20px;
color: #454545; 
line-height: 1.6; 
font-size: 1.05rem; 
} 

a { 
color: #454545; 
} 

/* Mobile */ 

@media (max-width: 600px) { 

.overlay { 
padding: 25px; width: 92%; 
} 

.logo { 
width: 200px; 
} 

h1 { 
font-size: 1.8rem; 
} 

p { 
font-size: 1rem; 
} 

body { 
background-attachment: scroll; 
} 
}