:root{--accent: #2f6feb;--accent-dark: #1f4fb8;--bg: #f6f8fb;--card-bg: #ffffff;--text: #1a2233;--muted: #495264;--border: #e2e6ee;--ok: #1a8f4c;--err: #c0392b;--warn: #b7791f}*{box-sizing:border-box}html{font-size:106.25%}body{margin:0;background-color:var(--bg);background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9IjEyMCIgdmlld0JveD0iMCAwIDEyMCAxMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMmY2ZmViIiBzdHJva2Utd2lkdGg9IjEuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBvcGFjaXR5PSIwLjA1Ij4KICAgIDxwYXRoIGQ9Ik00MCAyNiBoMjQgbDE0IDE0IHY0NCBhNCA0IDAgMCAxIC00IDQgaC0zNCBhNCA0IDAgMCAxIC00IC00IHYtNTQgYTQgNCAwIDAgMSA0IC00IHoiLz4KICAgIDxwYXRoIGQ9Ik02NCAyNiB2MTQgaDE0Ii8+CiAgICA8bGluZSB4MT0iNDYiIHkxPSI1OCIgeDI9IjcyIiB5Mj0iNTgiLz4KICAgIDxsaW5lIHgxPSI0NiIgeTE9IjY4IiB4Mj0iNzIiIHkyPSI2OCIvPgogICAgPGxpbmUgeDE9IjQ2IiB5MT0iNzgiIHgyPSI2MiIgeTI9Ijc4Ii8+CiAgPC9nPgo8L3N2Zz4K);background-repeat:repeat;background-size:120px 120px;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.page{max-width:1040px;margin:0 auto;padding:40px 20px 80px}.hero{text-align:center;margin-bottom:22px}.hero h1{font-size:2.6rem;font-weight:800;letter-spacing:-.01em;margin:0;color:var(--text)}.badges{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:20px 0 0;padding:0}.badges li{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:9px;background:linear-gradient(180deg,#fff,#f6f9ff);color:var(--accent-dark);font-size:1.02rem;font-weight:700;letter-spacing:.01em;padding:10px 20px 10px 12px;border-radius:999px;border:1px solid #dbe6fb;box-shadow:0 1px 3px #141e3c0f;cursor:default;opacity:0;transform:translateY(8px);animation:badge-in .5s ease forwards;animation-delay:calc(var(--i) * 80ms)}.badges li:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(115deg,transparent,rgba(255,255,255,.85),transparent);transform:skew(-20deg);animation:badge-shimmer 9s ease-in-out infinite;animation-delay:calc(1.2s + var(--i) * .5s)}@keyframes badge-shimmer{0%,80%{left:-60%}to{left:130%}}.badge-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#2f6feb1f;color:var(--accent);flex-shrink:0}.badge-icon{width:14px;height:14px;flex-shrink:0}@keyframes badge-in{to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.badges li{animation:none;opacity:1;transform:none}.badges li:after{display:none}}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:0 4px 20px #141e3c0f}.dropzone{border:2px dashed var(--border);border-radius:12px;padding:40px 20px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.dragover{border-color:var(--accent);background:#f0f5ff}.dropzone-icon{font-size:2.4rem;margin-bottom:8px}.hint{color:var(--muted);font-size:.95rem}.filelist{list-style:none;margin:20px 0 0;padding:0;max-height:260px;overflow-y:auto}.filelist li{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid var(--border);font-size:1rem}.filename{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filesize{color:var(--muted);font-size:.88rem}.filestate{font-size:.85rem;font-weight:600;white-space:nowrap}.filestate.converting{color:var(--accent);display:inline-flex;align-items:center;gap:5px}.spinner{width:12px;height:12px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.spinner-light{border-color:#ffffff59;border-top-color:#fff;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.converting-message{margin-top:14px;font-size:.85rem;color:var(--muted);text-align:center;animation:message-fade .4s ease}@keyframes message-fade{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.filestate.ok{color:var(--ok)}.filestate.err{color:var(--err);cursor:help}.remove{background:none;border:none;color:var(--muted);font-size:1.2rem;cursor:pointer;line-height:1;padding:0 4px}.remove:hover{color:var(--err)}.actions{display:flex;gap:12px;margin-top:20px}button.primary{flex:1;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border:none;border-radius:10px;padding:16px 22px;font-size:1.08rem;font-weight:600;cursor:pointer;transition:background .15s}button.primary:hover:not(:disabled){background:var(--accent-dark)}button.primary:disabled{opacity:.6;cursor:default}button.ghost{background:none;border:1px solid var(--border);border-radius:10px;padding:16px 20px;font-size:1.02rem;color:var(--muted);cursor:pointer}.ok-msg{color:var(--ok);margin-top:16px;font-weight:500}.err-msg{color:var(--err);margin-top:16px}.warn-msg{color:var(--warn);margin-top:16px}.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-top:32px}.trust-item{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:4px}.trust-item strong{font-size:1.02rem}.trust-item span{color:var(--muted);font-size:.92rem}.faq{margin-top:40px}.faq h2{font-size:1.4rem;margin-bottom:16px}.faq details{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:16px 18px;margin-bottom:10px}.faq summary{cursor:pointer;font-weight:600;font-size:1.03rem}.faq details p{margin:10px 0 0;color:var(--muted);font-size:.98rem;line-height:1.6}.guides-links{margin-top:40px}.guides-links h2{font-size:1.4rem;margin-bottom:16px}.guides-links ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0}.guides-links a{display:inline-block;background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:10px 16px;color:var(--accent-dark);font-weight:600;font-size:.95rem;text-decoration:none}.guides-links a:hover{border-color:var(--accent);color:var(--accent)}.footer{color:var(--muted);font-size:.88rem;margin-top:56px;padding-top:28px;border-top:1px solid var(--border);line-height:1.6}.footer a{color:var(--muted)}.footer a:hover{color:var(--accent)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:24px}.footer-col p{margin:0 0 8px}.footer-brand{font-weight:700;color:var(--text)}.footer-heading{font-weight:700;color:var(--text);font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.footer-cross-link{display:block;background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:12px 14px;text-decoration:none;transition:border-color .15s}.footer-cross-link:hover{border-color:var(--accent)}.footer-cross-title{display:block;font-weight:700;color:var(--accent-dark);margin-bottom:2px}.footer-cross-desc{display:block;color:var(--muted);font-size:.85rem}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding-top:16px;border-top:1px solid var(--border);font-size:.82rem}.lang-switcher{position:fixed;top:16px;left:16px;z-index:50}.lang-current{display:inline-flex;align-items:center;gap:6px;background:var(--card-bg);border:1px solid var(--border);border-radius:999px;padding:8px 14px;font-size:.95rem;font-weight:600;color:var(--text);cursor:pointer;box-shadow:0 2px 10px #141e3c12}.lang-current:hover,.lang-current:focus-visible{border-color:var(--accent)}.flag-icon{width:20px;height:14px;flex-shrink:0;border-radius:2px;overflow:hidden;display:block}.lang-code{letter-spacing:.02em}.lang-menu{list-style:none;margin:8px 0 0;padding:6px;position:absolute;top:100%;left:0;min-width:170px;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 28px #141e3c24}.lang-menu li{margin:0}.lang-menu button{width:100%;display:flex;align-items:center;gap:10px;background:none;border:none;border-radius:8px;padding:9px 10px;font-size:.95rem;color:var(--text);text-align:left;cursor:pointer}.lang-menu button:hover,.lang-menu button:focus-visible{background:#f0f5ff}.lang-menu button.active{background:#eaf1fd;color:var(--accent-dark);font-weight:600}@media(max-width:480px){.hero h1{font-size:2rem}.trust{grid-template-columns:1fr}.card{padding:20px}.page{padding-top:68px}}