.filenova-app,
.filenova-app * { box-sizing: border-box; }
.filenova-app { --fn-primary:#8357ef; --fn-teal:#55d8c5; --fn-ink:#141617; color:var(--fn-ink); font-family:"Inter",Arial,Helvetica,sans-serif; padding:56px 20px; background:radial-gradient(circle at 15% 0,rgba(131,87,239,.16),transparent 26rem),radial-gradient(circle at 88% 12%,rgba(85,216,197,.12),transparent 22rem),linear-gradient(180deg,#f7f7fb,#f2f3f5); }
.filenova-shell { max-width:880px; margin:0 auto; }
.filenova-heading { max-width:700px; margin:0 auto 34px; text-align:center; }
.filenova-kicker { display:inline-block; padding:7px 13px; border:1px solid #e3e0ff; border-radius:999px; background:#fff; color:var(--fn-primary); font-size:11px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.filenova-heading h1 { margin:18px 0 12px; font-size:clamp(34px,5vw,58px); line-height:1.06; letter-spacing:-.045em; font-weight:800; }
.filenova-heading h1 span { color:transparent; background:linear-gradient(110deg,var(--fn-primary),#716fe9 56%,var(--fn-teal)); background-clip:text; -webkit-background-clip:text; }
.filenova-heading p { max-width:620px; margin:0 auto; color:#657087; font-size:16px; line-height:1.65; }
.filenova-options { margin:0 0 30px; }
.filenova-options-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:13px; }
.filenova-options-heading>span>strong,.filenova-options-heading>span>small { display:block; }.filenova-options-heading>span>strong { font-size:14px; }.filenova-options-heading>span>small { margin-top:3px; color:#7f8798; font-size:11px; }
.filenova-path-badge { position:relative; display:flex; min-width:205px; align-items:center; gap:9px; padding:7px 28px 7px 7px; border:1px solid rgba(131,87,239,.24); border-radius:13px; background:#fff; box-shadow:0 9px 24px -13px rgba(70,42,148,.48); }
.filenova-path-badge>b { display:flex; width:50px; height:40px; align-items:center; justify-content:center; border-radius:9px; background:linear-gradient(145deg,#8357ef,#6e49d5); color:#fff; font-size:17px; font-weight:900; letter-spacing:-.06em; }.filenova-path-badge>b span{margin-left:1px;color:#77e4d5}.filenova-path-badge>span strong,.filenova-path-badge>span small{display:block;white-space:nowrap}.filenova-path-badge>span strong{color:#262336;font-size:10px}.filenova-path-badge>span small{margin-top:2px;color:#8a91a2;font-size:8px}.filenova-path-badge>i{position:absolute;top:5px;right:8px;color:#55cbbb;font-size:9px;font-style:normal}
.filenova-options ul { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; margin:0!important; padding:0!important; list-style:none!important; }
.filenova-options li { display:flex; min-width:0; align-items:center; gap:7px; margin:0!important; padding:10px!important; border:1px solid rgba(86,101,132,.38); border-radius:11px; background:linear-gradient(145deg,rgba(24,33,52,.98),rgba(7,12,24,.99)); box-shadow:0 12px 28px -18px rgba(4,7,16,.9); }
.filenova-options li>span:last-child { min-width:0; }.filenova-options li strong,.filenova-options li small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.filenova-options li strong { color:#fff; font-size:11px; }.filenova-options li small { margin-top:2px; color:#93a0b7; font-size:9px; }.filenova-options li i { color:#7f8aa0; font-size:10px; font-style:normal; }
.fn-format-icon { position:relative; display:grid!important; width:27px; height:33px; flex:0 0 27px; place-items:center; overflow:hidden; border-radius:7px; color:#fff; font-size:8px!important; font-weight:800; box-shadow:inset 0 0 0 1px rgba(255,255,255,.18); }
.fn-format-icon::after { content:""; position:absolute; top:0; right:0; border-style:solid; border-width:0 8px 8px 0; border-color:transparent rgba(255,255,255,.38) transparent transparent; }.fn-format-pdf{background:linear-gradient(145deg,#f45b68,#d73547)}.fn-format-word{background:linear-gradient(145deg,#4d8ef7,#2462c7)}.fn-format-excel{background:linear-gradient(145deg,#38b77b,#168257)}.fn-format-image{background:linear-gradient(145deg,#f4a94d,#e87932)}.fn-format-powerpoint{background:linear-gradient(145deg,#f0784e,#c94b2c)}.fn-format-video{background:linear-gradient(145deg,#8a78fa,#5c49d9)}.fn-format-audio{background:linear-gradient(145deg,#e65bb3,#b93687);font-size:13px!important}.fn-format-wave{background:linear-gradient(145deg,#32bfc3,#17868f)}
.filenova-card { padding:20px; border:1px solid #fff; border-radius:30px; background:rgba(255,255,255,.94); box-shadow:0 30px 80px -30px rgba(50,42,130,.35); }
.filenova-sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.filenova-dropzone { display:flex; min-height:270px; align-items:center; justify-content:center; flex-direction:column; padding:30px; border:2px dashed #cfcaff; border-radius:23px; background:#f7f6ff; cursor:pointer; text-align:center; outline:none; transition:.2s ease; }
.filenova-dropzone:hover,.filenova-dropzone:focus-visible,.filenova-dropzone.is-dragging { border-color:var(--fn-primary); background:#efedff; transform:scale(1.004); }
.filenova-upload-icon { display:grid; width:64px; height:64px; place-items:center; margin-bottom:18px; border-radius:18px; background:#fff; box-shadow:0 12px 28px rgba(91,79,247,.16); color:var(--fn-primary); font-size:32px; font-weight:400; line-height:1; }
.filenova-dropzone strong { font-size:20px; }
.filenova-dropzone>span:not(.filenova-upload-icon) { margin-top:8px; color:#7b8495; font-size:14px; }
.filenova-dropzone b { color:var(--fn-primary); }
.filenova-dropzone small { margin-top:20px; color:#9299a8; font-size:12px; }
.filenova-selection { display:flex; align-items:center; gap:12px; margin-top:16px; padding:13px; border:1px solid #e6e8ef; border-radius:16px; background:#f8f9fb; }
.filenova-selection.hidden,.filenova-progress.hidden,.filenova-result.hidden,.filenova-error.hidden { display:none!important; }
.filenova-file-ext { display:grid; width:44px; height:44px; flex:0 0 44px; place-items:center; border-radius:12px; background:#e7e4ff; color:var(--fn-primary); font-size:10px; font-weight:800; text-transform:uppercase; }
.filenova-file-copy { min-width:0; flex:1; }
.filenova-file-copy strong,.filenova-file-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.filenova-file-copy strong { font-size:14px; }.filenova-file-copy small { margin-top:3px; color:#778093; font-size:12px; }
.filenova-selection button { padding:6px; border:0; background:none; color:#e64c68; cursor:pointer; font-size:12px; font-weight:800; }
.filenova-controls { display:grid; grid-template-columns:minmax(0,1fr) 190px auto; align-items:end; gap:14px; margin-top:20px; }
.filenova-controls label>span { display:block; margin-bottom:7px; color:#657087; font-size:11px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.filenova-controls select { width:100%; height:54px; padding:0 15px; border:1px solid #dfe2ea; border-radius:15px; background:#fff; color:#25283a; font:700 14px inherit; outline:none; }
.filenova-controls select:focus { border-color:var(--fn-primary); box-shadow:0 0 0 4px rgba(91,79,247,.12); }
.filenova-captcha-wrap>span { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:7px; }.filenova-captcha-wrap>span label { color:#657087; font-size:11px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }.filenova-captcha-wrap>span button { padding:0; border:0; background:none; color:var(--fn-primary); cursor:pointer; font-size:9px; font-weight:800; }
.filenova-captcha-field { display:flex; height:54px; align-items:center; gap:8px; padding:0 12px; border:1px solid #dfe2ea; border-radius:13px; background:#f8fafc; transition:.18s ease; }.filenova-captcha-field:focus-within{border-color:var(--fn-primary);background:#fff;box-shadow:0 0 0 4px rgba(131,87,239,.11)}.filenova-captcha-field b{color:#3a3d4c;font-size:13px;white-space:nowrap}.filenova-captcha-field input{min-width:0;width:52px;flex:1;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#202332;text-align:center;font-size:14px;font-weight:800;outline:none!important}
.filenova-submit { height:54px; padding:0 28px; border:0; border-radius:15px; background:var(--fn-primary); box-shadow:0 10px 24px rgba(91,79,247,.24); color:#fff; cursor:pointer; font-size:14px; font-weight:800; transition:.2s ease; }
.filenova-submit:hover:not(:disabled) { transform:translateY(-1px); background:#493de3; }.filenova-submit:disabled { cursor:not-allowed; opacity:.45; }
.filenova-progress { margin-top:24px; padding-top:24px; border-top:1px solid #eceef3; }
.filenova-progress-copy { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.filenova-progress-copy span strong,.filenova-progress-copy span small { display:block; }.filenova-progress-copy span strong { font-size:14px; }.filenova-progress-copy span small { margin-top:4px; color:#7b8495; font-size:12px; }.filenova-progress-copy>b { color:var(--fn-primary); font-size:18px; }
.filenova-track { height:8px; margin-top:14px; overflow:hidden; border-radius:999px; background:#eeeef5; }.filenova-track span { display:block; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--fn-primary),var(--fn-teal)); transition:width .45s ease; }
.filenova-result { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:18px; padding:14px; border:1px solid #bdebd8; border-radius:15px; background:#edfbf5; }.filenova-result span { min-width:0; }.filenova-result strong,.filenova-result small { display:block; }.filenova-result strong { color:#124d38; font-size:13px; }.filenova-result small { overflow:hidden; margin-top:3px; color:#358168; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }.filenova-result a { flex:none; padding:9px 14px; border-radius:11px; background:#159566; color:#fff!important; font-size:12px; font-weight:800; text-decoration:none!important; }
.filenova-error { margin-top:18px; padding:14px; border:1px solid #ffd0d8; border-radius:15px; background:#fff1f4; color:#af2943; font-size:13px; font-weight:700; }
.filenova-trust { display:flex; flex-wrap:wrap; justify-content:center; gap:10px 24px; margin-top:18px; color:#8b93a3; font-size:11px; font-weight:700; }.filenova-trust span::first-letter { color:#2ec68f; }
.filenova-seo { margin-top:76px; color:#25283a; }
.filenova-seo-intro { max-width:720px; margin:0 auto 30px; text-align:center; }
.filenova-seo-eyebrow { display:block; margin-bottom:9px; color:var(--fn-primary); font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.filenova-seo h2 { margin:0; color:#171928; font-size:clamp(25px,3vw,36px); line-height:1.18; letter-spacing:-.03em; font-weight:800; }
.filenova-seo-intro p { margin:14px auto 0; color:#667086; font-size:15px; line-height:1.75; }
.filenova-seo-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.filenova-seo-grid article { position:relative; min-height:190px; padding:26px; overflow:hidden; border:1px solid rgba(131,87,239,.14); border-radius:22px; background:rgba(255,255,255,.86); box-shadow:0 18px 48px -36px rgba(54,37,115,.7); }
.filenova-seo-grid article>span { display:inline-grid; min-width:46px; height:34px; place-items:center; padding:0 9px; border-radius:9px; background:linear-gradient(145deg,#8357ef,#55bfc5); color:#fff; font-size:10px; font-weight:900; letter-spacing:.04em; }
.filenova-seo-grid h3 { margin:16px 0 8px; color:#222536; font-size:18px; line-height:1.25; font-weight:800; }
.filenova-seo-grid p { margin:0; color:#6b7487; font-size:13px; line-height:1.7; }
.filenova-howto { display:grid; grid-template-columns:.72fr 1.28fr; gap:34px; margin-top:52px; padding:32px; border-radius:25px; background:linear-gradient(145deg,#151d31,#0a1020); box-shadow:0 24px 58px -34px rgba(4,8,20,.86); }
.filenova-howto h2 { color:#fff; }
.filenova-howto ol { display:grid; gap:12px; margin:0!important; padding:0!important; list-style:none!important; }
.filenova-howto li { display:flex; align-items:flex-start; gap:13px; margin:0!important; padding:13px!important; border:1px solid rgba(255,255,255,.08); border-radius:14px; background:rgba(255,255,255,.04); }
.filenova-howto li>b { display:grid; width:30px; height:30px; flex:0 0 30px; place-items:center; border-radius:9px; background:rgba(131,87,239,.25); color:#bfa9ff; font-size:12px; }
.filenova-howto li strong,.filenova-howto li small { display:block; }.filenova-howto li strong { color:#fff; font-size:13px; }.filenova-howto li small { margin-top:4px; color:#9aa5bc; font-size:11px; line-height:1.5; }
.filenova-faq { max-width:760px; margin:58px auto 0; }
.filenova-faq>h2 { margin-bottom:18px; }
.filenova-faq details { padding:17px 0; border-top:1px solid #dfe2ea; }.filenova-faq details:last-child { border-bottom:1px solid #dfe2ea; }
.filenova-faq summary { position:relative; padding-right:32px; color:#292c3d; cursor:pointer; font-size:14px; font-weight:800; list-style:none; }.filenova-faq summary::-webkit-details-marker { display:none; }.filenova-faq summary::after { content:"+"; position:absolute; top:-2px; right:3px; color:var(--fn-primary); font-size:21px; font-weight:500; }.filenova-faq details[open] summary::after { content:"−"; }
.filenova-faq details p { margin:11px 34px 0 0; color:#6b7487; font-size:13px; line-height:1.7; }
@media(max-width:1024px){.filenova-options{display:none}.filenova-controls{grid-template-columns:1fr 190px}.filenova-submit{grid-column:1/-1;width:100%}}
@media(max-width:700px){.filenova-seo-grid{grid-template-columns:1fr}.filenova-howto{grid-template-columns:1fr;gap:24px;padding:24px}.filenova-seo{margin-top:58px}.filenova-seo-grid article{min-height:0;padding:22px}}
@media(max-width:640px){.filenova-app{padding:40px 12px}.filenova-card{padding:12px;border-radius:23px}.filenova-dropzone{min-height:240px;padding:22px 14px}.filenova-controls{grid-template-columns:1fr}.filenova-captcha-wrap,.filenova-submit{grid-column:auto}.filenova-submit{width:100%}.filenova-heading h1{font-size:36px}.filenova-options ul{grid-template-columns:1fr}.filenova-options-heading{align-items:center;flex-direction:column;text-align:center}.filenova-result{align-items:flex-start;flex-direction:column}.filenova-result a{width:100%;text-align:center}.filenova-seo-intro{text-align:left}.filenova-seo h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.filenova-app *{transition-duration:.01ms!important}}