:root{--ft-bg:#07111f;--ft-card:#0e1b2e;--ft-card2:#12243b;--ft-line:#263b55;--ft-text:#eef6ff;--ft-muted:#9fb1c7;--ft-accent:#7c5cff;--ft-green:#2dd4a7;--ft-warn:#ffcc66}
.ft-page{max-width:1120px;margin:0 auto;padding:28px 18px 70px;color:var(--ft-text)}
.ft-hero{padding:34px;border:1px solid var(--ft-line);border-radius:24px;background:linear-gradient(145deg,#10213a,#0a1627);box-shadow:0 25px 70px rgba(0,0,0,.22)}
.ft-kicker{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:#a999ff;font-weight:800}.ft-hero h1{font-size:clamp(2rem,5vw,4rem);line-height:1.02;margin:10px 0 14px}.ft-hero p{max-width:780px;color:var(--ft-muted);line-height:1.7;font-size:1.03rem}.ft-badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.ft-badges span{padding:8px 11px;border-radius:999px;background:#142842;border:1px solid var(--ft-line);font-size:.82rem;font-weight:700}
.ft-tool{margin-top:22px;background:var(--ft-card);border:1px solid var(--ft-line);border-radius:22px;padding:24px}.ft-drop{display:block;border:2px dashed #496685;border-radius:18px;padding:38px 20px;text-align:center;background:#0a1728;cursor:pointer;transition:.2s}.ft-drop:hover,.ft-drop.drag{border-color:var(--ft-accent);background:#101e36}.ft-drop strong{display:block;font-size:1.15rem}.ft-drop small{display:block;color:var(--ft-muted);margin-top:7px}.ft-drop input{display:none}
.ft-controls{display:flex;flex-wrap:wrap;align-items:end;gap:14px;margin:18px 0}.ft-control{min-width:150px;flex:1}.ft-control label{display:block;font-size:.8rem;color:var(--ft-muted);margin-bottom:6px;font-weight:700}.ft-control input,.ft-control select{width:100%;padding:12px 13px;border-radius:11px;border:1px solid var(--ft-line);background:#081524;color:var(--ft-text)}.ft-btn{border:0;background:linear-gradient(135deg,var(--ft-accent),#5d3ee2);color:white;padding:13px 17px;border-radius:12px;font-weight:800;cursor:pointer}.ft-btn.secondary{background:#1b304b;border:1px solid #34506f}.ft-btn:disabled{opacity:.45;cursor:not-allowed}.ft-status{min-height:24px;color:var(--ft-green);font-weight:700;margin:9px 0}.ft-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.ft-result{background:var(--ft-card2);border:1px solid var(--ft-line);border-radius:15px;padding:13px}.ft-result img{width:100%;height:160px;object-fit:contain;background:#07111f;border-radius:10px}.ft-result h3{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:10px 0 5px}.ft-result p{font-size:.78rem;color:var(--ft-muted);margin:0 0 10px}.ft-result .ft-btn{width:100%;padding:10px}
.ft-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:15px;margin-top:22px}.ft-card{display:block;text-decoration:none;color:var(--ft-text);padding:20px;border-radius:17px;background:var(--ft-card);border:1px solid var(--ft-line);transition:.2s}.ft-card:hover{transform:translateY(-3px);border-color:#6956df}.ft-card strong{display:block;font-size:1.05rem;margin-bottom:7px}.ft-card span{font-size:.86rem;color:var(--ft-muted);line-height:1.5}.ft-content{margin-top:30px;padding:26px;border-radius:20px;background:#0b1829;border:1px solid var(--ft-line)}.ft-content h2{margin-top:0}.ft-content h3{margin-top:25px}.ft-content p,.ft-content li{color:var(--ft-muted);line-height:1.75}.ft-faq details{background:#0f2035;border:1px solid var(--ft-line);border-radius:13px;padding:14px 16px;margin:10px 0}.ft-faq summary{font-weight:800;cursor:pointer}.ft-privacy{padding:12px 14px;border-radius:12px;background:#0d2a28;border:1px solid #1f6258;color:#baf9e7;margin:15px 0}.ft-note{color:var(--ft-warn);font-size:.86rem}.ft-pdf-pages{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:13px}.ft-pdf-page{background:#112139;border:1px solid var(--ft-line);padding:10px;border-radius:13px}.ft-pdf-page canvas{width:100%;height:auto;background:white;border-radius:7px}
@media(max-width:650px){.ft-hero{padding:24px 19px}.ft-tool{padding:17px}.ft-controls{display:block}.ft-control{margin:10px 0}.ft-btn{width:100%;margin-top:8px}}

.ft-preview-wrap{margin:18px 0;padding:14px;min-height:90px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#07111f;border:1px solid var(--ft-line)}.ft-preview-wrap canvas{max-width:100%;height:auto;max-height:460px;border-radius:10px;background:repeating-conic-gradient(#e8edf3 0 25%,#fff 0 50%) 50%/18px 18px}.ft-section-label{margin:30px 0 8px;color:#a999ff;font-size:.78rem;letter-spacing:.11em;text-transform:uppercase;font-weight:800}