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

.container{
width:90%;
max-width:450px;
}

.card{
background:#1e293b;
padding:25px;
border-radius:20px;
}

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

button{
width:100%;
padding:15px;
background:#22c55e;
border:none;
color:white;
border-radius:10px;
margin-top:10px;
cursor:pointer;
}

#qrcode{
margin-top:20px;
display:flex;
justify-content:center;
}

.topbar{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:20px;
}