:root{--bg: #0a0f1f;--card: #121935;--card-2: #0f1530;--text: #f3f6ff;--muted: #a8b3d9;--accent: #6ee7d8;--accent-2: #4da3ff;--border: rgba(255, 255, 255, .1);--ok: #56f39a}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Manrope,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 20%,#13214e 0%,transparent 40%),radial-gradient(circle at 90% 10%,#17424f 0%,transparent 35%),linear-gradient(160deg,#060912 0%,var(--bg) 65%,#0f1024 100%)}.layout{width:min(980px,92vw);margin:40px auto;display:grid;gap:18px}.hero,.panel,.privacy{border:1px solid var(--border);border-radius:20px;backdrop-filter:blur(6px);background:linear-gradient(145deg,#ffffff0f,#ffffff05)}.hero{padding:26px}.hero h1{margin:12px 0 8px;font-size:clamp(30px,4vw,46px);line-height:1.05}.hero p{margin:0;color:var(--muted);font-size:17px}.badge{display:inline-block;border:1px solid rgba(110,231,216,.35);color:var(--accent);border-radius:999px;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.04em}.panel{padding:20px}.dropzone{display:grid;place-items:center;width:100%;min-height:190px;border:2px dashed rgba(109,195,255,.4);border-radius:16px;background:linear-gradient(130deg,#4da3ff1a,#6ee7d814);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease;text-align:center;padding:18px}.dropzone:hover,.dropzone.dragover{transform:translateY(-1px);border-color:#6ee7d8cc;background:linear-gradient(130deg,#4da3ff33,#6ee7d82e)}.dropzone input{display:none}.dropzone-title{font-weight:800;font-size:23px}.dropzone-subtitle{margin-top:6px;color:var(--muted)}.actions{display:flex;gap:10px;margin-top:14px}button{border:0;border-radius:12px;padding:12px 16px;font:inherit;font-weight:700;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(120deg,var(--accent-2),var(--accent));color:#041018}.btn-ghost{border:1px solid var(--border);background:#ffffff08;color:var(--text)}.status{margin-top:16px;padding:12px;border-radius:12px;border:1px solid var(--border);background:#0a0e1e99}.status-row{display:flex;justify-content:space-between;gap:12px;margin:7px 0;color:#e2e8ff}.label{color:var(--muted)}progress{width:100%;margin-top:12px;height:12px;border-radius:999px}progress::-webkit-progress-bar{background:#1a2140;border-radius:999px}progress::-webkit-progress-value{border-radius:999px;background:linear-gradient(90deg,#49a6ff,#56f39a)}.privacy{padding:20px}.privacy h2{margin:0 0 8px}.privacy ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.6}