body{
margin:0;
padding:20px;
font-family:Arial;
background:#f2f4f8;
}

h1{
text-align:center;
margin-bottom:30px;
}

.grid{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));

gap:20px;

}

.card{

background:white;

padding:20px;

border-radius:15px;

box-shadow:0 5px 15px rgba(0,0,0,.1);

}

input,textarea{

width:100%;

padding:10px;

margin:10px 0;

border:1px solid #ddd;

border-radius:8px;

font-size:15px;

}

textarea{

height:100px;

resize:vertical;

}

button{

padding:10px 15px;

margin:5px;

border:none;

border-radius:8px;

background:#1976d2;

color:white;

cursor:pointer;

}

button:hover{

background:#0d47a1;

}

#qrcode{

margin-top:15px;

display:flex;

justify-content:center;

}