body{
margin:0;
font-family:Arial;
background:#f4f6fb;
}

.app{
max-width:800px;
margin:auto;
padding:20px;
background:white;
border-radius:12px;
margin-top:40px;
box-shadow:0 10px 30px rgba(0,0,0,0.1);
}

.logo{
width:300px;
display:block;
margin:auto;
}

.tabs{
display:flex;
justify-content:center;
margin:20px 0;
}

.tab{
padding:10px 20px;
margin:5px;
border:none;
background:#eaeef7;
cursor:pointer;
border-radius:8px;
}

.tab.active{
background:#2f5fff;
color:white;
}

.form input, textarea{
width:100%;
margin:10px 0;
padding:12px;
border-radius:8px;
border:1px solid #ddd;
}

textarea{
height:150px;
}

button{
width:100%;
padding:15px;
background:#2f5fff;
color:white;
border:none;
border-radius:10px;
font-size:16px;
}

#result{
margin-top:20px;
background:#f9fbff;
padding:15px;
border-radius:10px;
white-space:pre-wrap;
}