body{
font-family:Inter,system-ui,Arial;
background:#f3f4f6;
margin:0;
color:#111827;
}

.topbar{
background:white;
padding:18px 28px;
font-weight:600;
font-size:18px;
box-shadow:0 1px 0 rgba(0,0,0,.06);
}

.container{
max-width:780px;
margin:auto;
padding:60px 20px;
}

.card{
background:white;
padding:40px;
border-radius:14px;
box-shadow:0 15px 35px rgba(0,0,0,.06);
}

h1{
margin:0;
font-size:26px;
}

.sub{
color:#6b7280;
margin-top:6px;
margin-bottom:28px;
}

.upload-area{
border:2px dashed #3b82f6;
background:#f9fafb;
padding:45px;
border-radius:12px;
text-align:center;
}

.upload-area:hover{
background:#eef2ff;
}

input[type=file]{
margin-top:15px;
}

button{
background:#2563eb;
color:white;
border:none;
padding:13px 26px;
border-radius:8px;
font-size:15px;
cursor:pointer;
margin-top:20px;
}

button:hover{
background:#1e40af;
}

.result{
margin-top:25px;
font-weight:600;
}

.footer{
text-align:center;
margin-top:40px;
font-size:14px;
color:#6b7280;
}