body{
font-family: Arial, sans-serif;
background:#111;
display:flex;
justify-content:center;
align-items:center;
height:100vh;
margin:0;
color:white;
}

.container{
background:#1c1c1c;
padding:30px;
border-radius:10px;
text-align:center;
width:320px;
}

h1{
margin-bottom:20px;
}

input{
width:100%;
padding:10px;
margin:10px 0;
border:none;
border-radius:5px;
}

button{
width:100%;
padding:10px;
margin-top:10px;
background:#00c3ff;
border:none;
border-radius:5px;
cursor:pointer;
font-weight:bold;
}

button:hover{
background:#009ed1;
}

.qr-area{
margin-top:20px;
position:relative;
display:inline-block;
}

#logoPreview{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:50px;
height:50px;
border-radius:8px;
display:none;
}