:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#172b4d;background:#f5f8fc;line-height:1.5;--navy:#102a43;--blue:#0875c1;--teal:#00a7a5;--muted:#5c7088;--line:#d7e1ec}*{box-sizing:border-box}body{margin:0;min-width:320px}.shell{width:min(100% - 40px,920px);margin:auto}.site-header{background:var(--navy);color:#fff;padding:20px 0}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:linear-gradient(135deg,var(--teal),#2d80c8);font-weight:800;letter-spacing:-1px}.brand strong{display:block;font-size:1.2rem;letter-spacing:.02em}.brand span{display:block;color:#b6cbe0;font-size:.74rem;text-transform:uppercase;letter-spacing:.12em}.intro{padding:58px 0 28px;max-width:700px}.eyebrow{color:var(--blue);font-size:.75rem;font-weight:800;letter-spacing:.14em;margin:0 0 10px}.intro h1{font-size:clamp(2rem,5vw,3.25rem);line-height:1.1;margin:0 0 16px;color:var(--navy)}.intro p:last-child{color:var(--muted);font-size:1.08rem}.card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 30px #183b5d0d;padding:clamp(24px,5vw,44px)}h2{font-size:1.45rem;margin:0 0 28px}label{display:block;font-weight:700;margin-bottom:8px}input#ticket{width:100%;border:1px solid #aebfd0;border-radius:8px;padding:13px 14px;font-size:1rem;color:var(--navy)}input:focus,.drop-zone:focus,.link-button:focus,.primary:focus,.remove:focus{outline:3px solid #70c9df;outline-offset:2px}.help{color:var(--muted);font-size:.85rem;margin:7px 0}.field-error{color:#b42318;min-height:1.3em;font-size:.88rem;margin:6px 0}.drop-zone{border:2px dashed #a9bfd2;border-radius:12px;margin-top:25px;padding:32px 20px;text-align:center;background:#f8fbfe;transition:.15s}.drop-zone.dragging,.drop-zone:hover{border-color:var(--blue);background:#f0f8fd}.drop-zone strong,.drop-zone span{display:block}.upload-icon{margin:0 auto 10px;background:#d9f1f1;color:#007d80;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:1.5rem;font-weight:bold}.link-button{display:inline;border:0;background:none;color:var(--blue);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}.file-list{display:grid;gap:10px;margin:20px 0}.file-item{border:1px solid var(--line);border-radius:9px;padding:13px}.file-row,.overall-row{display:flex;justify-content:space-between;gap:10px;align-items:center}.file-meta{min-width:0}.file-name{font-weight:700;overflow-wrap:anywhere}.file-size,.file-status{font-size:.82rem;color:var(--muted)}.file-status.complete{color:#087443}.file-status.failed{color:#b42318}.file-progress{width:100%;height:7px;margin-top:9px;accent-color:var(--teal)}progress{width:100%;height:9px;accent-color:var(--blue)}.remove{color:#b42318;border:0;background:transparent;cursor:pointer;font-weight:600}.overall{border-top:1px solid var(--line);padding-top:18px;margin:20px 0}.primary{border:0;border-radius:8px;padding:14px 22px;background:var(--blue);color:#fff;font-weight:800;font-size:1rem;cursor:pointer;width:100%;transition:.15s}.primary:hover{background:#075f9d}.primary:disabled{opacity:.55;cursor:not-allowed}.result{display:none;padding:14px;border-radius:8px;margin:18px 0}.result.show{display:block}.result.success{background:#e5f6ed;color:#086536}.result.error{background:#fff0ef;color:#9d2017}.privacy{color:var(--muted);font-size:.82rem;text-align:center;margin:22px auto 54px}footer{color:#71849a;font-size:.8rem;text-align:center;padding:28px 0;border-top:1px solid var(--line)}.smtp-card{margin:48px auto;max-width:680px}.smtp-card label:not(:has(input[type=checkbox])){margin-top:14px}.smtp-card input:not([type=checkbox]){width:100%;border:1px solid #aebfd0;border-radius:8px;padding:11px;font-size:1rem}.smtp-actions{display:flex;gap:12px;margin-top:22px}.smtp-actions .primary{width:auto}@media(max-width:520px){.shell{width:min(100% - 28px,920px)}.intro{padding-top:38px}.card{padding:22px 18px}.drop-zone{padding:25px 12px}}