:root{--bg:#0f1115;--card:#171a21;--border:#2a2f3a;--text:#e6e8ec;--muted:#9aa3b2;--accent:#5b8cff;--accent-hover:#4a7bf0;--success-bg:#11261a;--success-fg:#6ee7a0;--error-bg:#2a1518;--error-fg:#ff8d96}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{width:100%;max-width:520px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:32px;box-shadow:0 20px 60px rgba(0,0,0,.35)}h1{margin:0 0 6px;font-size:24px;letter-spacing:-.02em}.subtitle{margin:0 0 24px;color:var(--muted);font-size:14px;line-height:1.5}.field{display:block;margin-bottom:16px}.field>span{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.field em{color:var(--muted);font-weight:400;font-style:normal}input[type=email],input[type=text],textarea{width:100%;background:#0f1218;border:1px solid var(--border);border-radius:10px;color:var(--text);padding:11px 12px;font-size:14px;font-family:inherit;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(91,140,255,.18)}textarea{resize:vertical}.dropzone{margin:8px 0 4px;border:1.5px dashed var(--border);border-radius:12px;padding:28px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:var(--muted);font-size:14px;cursor:pointer;transition:border-color .15s,background .15s}.dropzone.dragging,.dropzone:hover{border-color:var(--accent);background:rgba(91,140,255,.06)}.dropzone strong{color:var(--text)}.dz-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:rgba(91,140,255,.14);color:var(--accent);font-size:18px;font-weight:700}.file-list{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.file-list li{background:#0f1218;border:1px solid var(--border);border-radius:10px;padding:9px 12px;font-size:13px}.file-list li.done{border-color:rgba(110,231,160,.4)}.file-list li.error{border-color:rgba(255,141,150,.45)}.row-top{display:flex;align-items:center;gap:10px}.fname{flex:1 1;text-overflow:ellipsis;white-space:nowrap}.bar,.fname{overflow:hidden}.bar{margin-top:8px;height:6px;border-radius:4px;background:#1d2230}.bar-fill{height:100%;background:var(--accent);transition:width .2s ease}.file-list li.done .bar-fill{background:var(--success-fg)}.pct{display:inline-block;margin-top:4px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.row-err{display:block;margin-top:5px;color:var(--error-fg)}.badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:11px;font-weight:700}.badge.ok{background:rgba(110,231,160,.16);color:var(--success-fg)}.badge.bad{background:rgba(255,141,150,.16);color:var(--error-fg)}.fsize{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fsize,.remove{color:var(--muted)}.remove{background:none;border:none;cursor:pointer;font-size:13px;padding:2px 4px;border-radius:6px}.remove:hover{color:var(--error-fg);background:rgba(255,141,150,.1)}.submit{width:100%;margin-top:20px;background:var(--accent);color:#fff;border:none;border-radius:10px;padding:13px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s}.submit:hover:not(:disabled){background:var(--accent-hover)}.submit:disabled{opacity:.6;cursor:not-allowed}.result{margin:16px 0 0;padding:12px 14px;border-radius:10px;font-size:14px;line-height:1.5}.result.error{background:var(--error-bg);color:var(--error-fg)}.result.success{background:var(--success-bg);color:var(--success-fg);text-align:center;padding:24px}.result.success p{margin:6px 0 12px}.link-btn{background:none;border:1px solid;color:inherit;border-radius:8px;padding:8px 16px;font-size:13px;cursor:pointer}.link-btn:hover{background:rgba(110,231,160,.12)}