body {
    background:#f3f3f3;
    font-family:Segoe UI, Arial, sans-serif;
}

.container {
    max-width:420px;
    margin:60px auto;
    background:#fff;
    padding:25px;
    border-radius:6px;
    box-shadow:0 2px 10px rgba(0,0,0,.1);
    text-align:center;
}

.logo {
    height:40px;
    margin-bottom:15px;
}

.file-box {
    border:1px solid #ddd;
    padding:15px;
    border-radius:4px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin-bottom:10px;
}

.file-box img {
    width:32px;
}

.warning {
    font-size:12px;
    color:#d10000;
    margin-bottom:10px;
}

input {
    width:100%;
    padding:10px;
    margin-top:10px;
    border:1px solid #ccc;
    border-radius:4px;
}

button {
    background:#0078d4;
    color:#fff;
    padding:10px;
    width:100%;
    border:none;
    border-radius:4px;
    margin-top:15px;
    font-weight:600;
    cursor:pointer;
}

button:hover {
    background:#005ea6;
}

.hidden {
    display:none;
}

.loader {
    width:45px;
    height:45px;
    border:4px solid #ddd;
    border-top:4px solid #0078d4;
    border-radius:50%;
    animation:spin 1s linear infinite;
    margin:20px auto;
}

@keyframes spin {
    0% { transform:rotate(0deg); }
    100% { transform:rotate(360deg); }
}

.footer {
    font-size:11px;
    color:#666;
    margin-top:20px;
}