:root{--bg:#f6f7fb;--surface:#fff;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--brand:#2563eb;--brand-ink:#fff;--ok:#15803d;--err:#b91c1c;--soft:#eef2ff;--radius:14px}@media (prefers-color-scheme:dark){:root{--bg:#0b1120;--surface:#111827;--ink:#e5e7eb;--muted:#94a3b8;--line:#1f2937;--brand:#3b82f6;--soft:#172036;--ok:#4ade80;--err:#f87171}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,sans-serif}main{max-width:1100px;margin:0 auto;padding:16px 16px 48px}button,input{font:inherit;color:inherit}button{cursor:pointer;border:1px solid #0000;border-radius:10px;padding:9px 16px}button:disabled{opacity:.5;cursor:default}.primary{background:var(--brand);color:var(--brand-ink);font-weight:600}.primary:hover:not(:disabled){filter:brightness(1.08)}.ghost{border-color:var(--line);background:0 0}.ghost:hover{background:var(--soft)}.link{color:var(--muted);background:0 0;border:0;padding:2px 6px}.danger{color:var(--err)}input{background:var(--surface);border:1px solid var(--line);border-radius:10px;min-width:0;padding:9px 12px}input:focus{outline:2px solid var(--brand);outline-offset:-1px}.muted{color:var(--muted)}.center{text-align:center}.top{justify-content:space-between;align-items:center;padding:4px 0 8px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:8px;font-size:20px;font-weight:800;display:flex}.logo{background:var(--brand);color:#fff;border-radius:9px;place-items:center;width:32px;height:32px;font-size:18px;display:inline-grid}.langs{gap:4px;display:flex}.langs button{border-color:var(--line);background:0 0;padding:5px 10px;font-size:13px}.langs button.on{background:var(--ink);color:var(--bg)}.hero{text-align:center;padding:32px 0 20px}.hero h1{letter-spacing:-.03em;margin:0 0 12px;font-size:clamp(28px,5vw,44px);line-height:1.1}.hero p{color:var(--muted);max-width:640px;margin:0 auto 20px;font-size:17px}.steps{flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.steps li{background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 6px;font-size:14px;display:flex}.steps b{background:var(--soft);width:24px;height:24px;color:var(--brand);border-radius:50%;place-items:center;font-size:13px;display:inline-grid}.msg{border:1px solid;border-radius:10px;margin:12px 0;padding:10px 14px}.msg.ok{color:var(--ok);background:color-mix(in srgb, var(--ok) 8%, transparent);border-color:currentColor}.msg.err{color:var(--err);background:color-mix(in srgb, var(--err) 8%, transparent);border-color:currentColor}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.keybox{flex-wrap:wrap;justify-content:space-between;gap:16px;margin:16px 0;display:flex}.label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:4px;font-size:12px}.key{align-items:center;gap:4px;display:flex}.key code{letter-spacing:.04em;font-size:18px;font-weight:700}.balance{color:var(--brand);font-weight:600}.hint{color:var(--muted);max-width:420px;font-size:13px}.keyactions{flex-direction:column;align-items:stretch;gap:8px;min-width:min(100%,300px);display:flex}.row{gap:6px;display:flex}.row input{flex:1}.drop{border:2px dashed var(--line);border-radius:var(--radius);background:var(--surface);text-align:center;cursor:pointer;padding:40px 16px;transition:border-color .15s,background .15s}.drop:hover,.drop.over{border-color:var(--brand);background:var(--soft)}.drop.disabled{opacity:.6}.dropicon{color:var(--brand);font-size:34px}.droptitle{font-size:17px;font-weight:600}.jobs{gap:6px;margin:12px 0;padding:0;list-style:none;display:grid}.jobs li{background:var(--surface);border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-size:14px;display:flex}.jobs .name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.jobs .note{color:var(--muted)}.dot{background:var(--line);border-radius:50%;flex:none;width:9px;height:9px}.jobs .working .dot{background:var(--brand);animation:1s infinite alternate pulse}.jobs .done .dot{background:var(--ok)}.jobs .error .dot{background:var(--err)}.jobs .error .note{color:var(--err)}@keyframes pulse{to{opacity:.3}}.results{margin-top:24px}.resbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.resbar h2{margin:0;font-size:20px}.actions{flex-wrap:wrap;gap:6px;display:flex}.tablewrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;width:max-content;min-width:100%;font-size:13px}th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);background:var(--surface);white-space:nowrap;padding:8px;font-weight:600;position:sticky;top:0}td{border-bottom:1px solid var(--line);padding:2px}td input{background:0 0;border:1px solid #0000;border-radius:6px;width:100%;min-width:150px;padding:6px 8px}td input:hover{border-color:var(--line)}.pricing{margin-top:40px}.pricing h2{text-align:center}.packs{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.pack{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-align:center;flex-direction:column;gap:6px;padding:20px;display:flex}.pack.best{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.pack .credits{font-weight:600}.pack .price{letter-spacing:-.02em;font-size:30px;font-weight:800}.pack button{margin-top:8px}.email{width:min(100%,360px);margin:14px auto 0;display:block}footer{text-align:center;color:var(--muted);margin-top:40px;font-size:13px}footer a,.pricing a{color:var(--brand)}