:root{--bg:#06111f;--panel:#0b1929;--panel2:#0f2033;--line:rgba(155,189,211,.14);--muted:#8ea1b3;--text:#f5fbff;--teal:#34efd0;--teal2:#10bdad;--blue:#3898ff;--gold:#ffc970}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);font-family:"DM Sans",sans-serif;background:radial-gradient(circle at 50% -25%,#10304a 0,transparent 42%),linear-gradient(180deg,#071423 0%,#06101d 100%);position:relative;overflow-x:hidden}.page-glow{position:fixed;border-radius:50%;filter:blur(2px);pointer-events:none;opacity:.28}.glow-one{width:320px;height:320px;left:-210px;top:160px;background:radial-gradient(circle,#0a8f94,transparent 68%)}.glow-two{width:360px;height:360px;right:-235px;bottom:50px;background:radial-gradient(circle,#0b698c,transparent 68%)}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 6.2vw;border-bottom:1px solid rgba(126,166,191,.1);background:rgba(3,12,23,.32);backdrop-filter:blur(10px)}.brand{display:flex;gap:11px;align-items:center;color:#fff;text-decoration:none;font:700 21px "Space Grotesk"}.brand>span:last-child span{color:var(--teal)}.brand-mark{display:flex;align-items:center;gap:3px;height:28px}.brand-mark i{display:block;width:3px;border-radius:8px;background:var(--teal)}.brand-mark i:nth-child(1),.brand-mark i:nth-child(4){height:13px}.brand-mark i:nth-child(2){height:25px}.brand-mark i:nth-child(3){height:19px}.header-badges{display:flex;gap:8px}.pill{display:flex;gap:7px;align-items:center;padding:8px 12px;border-radius:50px;font-size:11px;font-weight:700;letter-spacing:.02em}.secure-pill{color:#a9f2e4;background:rgba(24,213,184,.08);border:1px solid rgba(58,218,195,.18)}.secure-pill svg,.trust-row svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.local-pill{color:#9cafbe;border:1px solid rgba(151,180,200,.16)}main{position:relative;z-index:1}.hero{text-align:center;padding:62px 20px 24px}.eyebrow,.mini-label{text-transform:uppercase;letter-spacing:.17em;color:#75dacb;font-weight:700;font-size:10px}.eyebrow{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:13px}.pulse{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(52,239,208,.1),0 0 16px var(--teal)}h1{font:700 clamp(42px,5vw,62px)/.98 "Space Grotesk";letter-spacing:-.07em;margin:0;color:#f2fbff}h1 span{background:linear-gradient(92deg,var(--teal),#79ddff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:580px;margin:18px auto 0;color:#91a7b9;font-size:15px;line-height:1.7}.converter-shell{max-width:806px;margin:27px auto 0;padding:0 20px}.steps{max-width:515px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center}.step{display:flex;gap:7px;align-items:center;color:#658093;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.step span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:10px;background:#12263a;border:1px solid #203a4d;color:#6e8a9a}.step.active{color:#bcece8}.step.active span,.step.complete span{color:#092027;border-color:var(--teal);background:var(--teal);box-shadow:0 0 18px rgba(52,239,208,.27)}.step-line{height:1px;width:72px;background:#183044;margin:0 10px;position:relative;overflow:hidden}.step-line i{display:block;height:100%;width:0;background:var(--teal);transition:.4s}.tool-card{min-height:340px;border:1px solid rgba(119,179,202,.18);border-radius:16px;background:linear-gradient(145deg,rgba(15,34,51,.93),rgba(8,22,36,.96));box-shadow:0 22px 52px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.025);overflow:hidden}.hidden{display:none!important}.upload-view{padding:22px}.drop-zone{width:100%;padding:31px 15px 22px;border:1px dashed rgba(84,225,207,.37);border-radius:10px;background:rgba(13,45,56,.26);display:flex;align-items:center;flex-direction:column;color:#e7f9fa;cursor:pointer;transition:.25s}.drop-zone:hover,.drop-zone.dragging{background:rgba(23,79,83,.34);border-color:var(--teal);transform:translateY(-2px)}.upload-icon{display:grid;place-items:center;width:49px;height:49px;margin-bottom:14px;border-radius:50%;color:var(--teal);background:rgba(32,227,200,.1);box-shadow:0 0 0 7px rgba(33,218,194,.035)}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.upload-icon svg{width:25px}.drop-zone strong{font:600 16px "Space Grotesk"}.drop-zone small{color:#9bb1bf;margin-top:7px;font-size:12px}.drop-zone em{font-style:normal;color:#618194;margin-top:18px;font-size:10px}.trust-row{display:flex;gap:25px;justify-content:center;margin-top:18px;color:#7193a2;font-size:10px}.trust-row span{display:flex;align-items:center;gap:6px}.workspace-view{padding:22px}.file-panel,.result-card{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;background:rgba(13,35,53,.76);padding:14px}.album-icon{display:grid;place-items:center;width:49px;height:49px;border-radius:8px;background:linear-gradient(135deg,rgba(50,238,207,.18),rgba(61,150,255,.12));color:var(--teal)}.album-icon svg{width:25px}.file-meta{min-width:0;margin-left:13px;flex:1}.file-meta h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:4px 0;color:#ebfaff;font:600 15px "Space Grotesk"}.file-meta p{display:flex;align-items:center;gap:7px;margin:0;color:#7793a5;font-size:11px}.file-meta p i{width:3px;height:3px;background:#526f7f;border-radius:50%}.icon-button{display:grid;place-items:center;border:0;background:transparent;color:#658394;padding:7px;cursor:pointer}.icon-button:hover{color:#fff}.icon-button svg{width:17px}.format-section{padding:20px 1px 17px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-heading h3{font:600 14px "Space Grotesk";margin:4px 0 0}.quality{color:#76acac;font-size:10px}.quality i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;background:var(--teal)}.format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.format-option{position:relative;padding:11px 5px 10px;text-align:center;border:1px solid rgba(126,171,192,.14);border-radius:7px;background:rgba(12,32,49,.8);color:#9cb1be;cursor:pointer;transition:.2s}.format-option:hover{border-color:rgba(56,222,204,.5);color:#e8ffff}.format-option.selected{color:var(--teal);border-color:var(--teal);background:rgba(31,164,153,.13);box-shadow:0 0 20px rgba(25,218,197,.08)}.format-option b{display:block;font:700 13px "Space Grotesk"}.format-option small{font-size:9px;color:#6c8798}.format-option.selected small{color:#8fc3c0}.quality-section{padding:0 1px 18px}.quality-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.quality-control{display:flex;flex-direction:column;gap:7px;padding:12px;border:1px solid rgba(126,171,192,.14);border-radius:8px;background:rgba(12,32,49,.72)}.quality-control span{color:#9db3bf;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.quality-control select{width:100%;border:1px solid rgba(84,225,207,.22);border-radius:7px;background:#081827;color:#e8ffff;padding:10px 11px;font:700 12px "DM Sans";outline:0}.quality-control select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(52,239,208,.09)}.convert-footer{display:flex;align-items:center;justify-content:space-between;padding-top:13px;border-top:1px solid var(--line)}.privacy-note{display:flex;gap:8px;align-items:center;color:#83a1b0}.privacy-note svg{width:17px;color:#6c9c9f}.privacy-note b,.privacy-note small{display:block;font-size:10px}.privacy-note small{font-size:9px;margin-top:2px;color:#607f90}.convert-button,.download-button{display:flex;align-items:center;gap:6px;padding:12px 17px;border:0;border-radius:7px;background:linear-gradient(100deg,#28e1c7,#30c4b4);box-shadow:0 7px 18px rgba(31,208,183,.18);color:#062925;font-weight:700;font-size:12px;text-decoration:none;cursor:pointer}.convert-button:hover,.download-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.convert-button svg{width:15px}.progress-view,.success-view{text-align:center;padding:43px 26px}.processing-icon,.success-icon{position:relative;display:grid;place-items:center;width:60px;height:60px;margin:0 auto 17px;border-radius:50%;background:rgba(44,225,202,.1);color:var(--teal)}.processing-icon span{position:absolute;inset:-7px;border:1px dashed rgba(52,239,208,.52);border-radius:50%;animation:spin 4s linear infinite}.processing-icon svg{width:27px}.progress-view h2,.success-view h2{font:600 22px "Space Grotesk";margin:7px 0}.progress-view p,.success-view p{font-size:12px;color:#8099aa;margin:0}.progress-track{max-width:390px;height:5px;margin:25px auto 8px;border-radius:10px;background:#173044;overflow:hidden}.progress-track i{display:block;width:0;height:100%;border-radius:10px;background:linear-gradient(90deg,#23d8bf,#68ead6);transition:.2s}.progress-value{font-size:11px;color:var(--teal)}.success-icon{background:rgba(52,239,208,.14)}.success-icon svg{width:34px;stroke-width:2.5}.result-card{max-width:490px;margin:20px auto 13px;justify-content:space-between;text-align:left}.result-file{display:flex;gap:12px;align-items:center;min-width:0}.result-file b,.result-file small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.result-file b{font-size:12px}.result-file small{color:#718c9e;font-size:10px;margin-top:4px}.tiny-wave{display:flex;align-items:center;gap:2px;height:29px;width:30px;justify-content:center;border-radius:6px;background:rgba(47,220,197,.12)}.tiny-wave i{display:block;width:2px;background:var(--teal);border-radius:2px}.tiny-wave i:nth-child(1){height:9px}.tiny-wave i:nth-child(2){height:17px}.tiny-wave i:nth-child(3){height:12px}.download-button{padding:10px 13px;font-size:11px}.download-button svg{width:15px}.again-button{border:0;background:none;color:#92adaf;font-size:11px;cursor:pointer}.again-button:hover{color:var(--teal)}.feature-row{display:flex;justify-content:center;gap:58px;margin:26px auto 0;padding:0 20px}.feature-row article{display:flex;align-items:center;gap:9px}.feature-row article>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(51,222,201,.14);border-radius:50%;color:var(--teal);font-size:13px}.feature-row b,.feature-row small{display:block}.feature-row b{color:#b7cbd2;font-size:11px}.feature-row small{color:#658090;font-size:10px;margin-top:3px}footer{position:relative;z-index:1;margin:39px auto 18px;text-align:center;color:#527080;font-size:10px}.toast{position:fixed;left:50%;bottom:24px;z-index:10;max-width:min(90vw,560px);padding:11px 16px;border:1px solid rgba(255,130,110,.28);border-radius:8px;background:#18232e;color:#ffc2b8;font-size:12px;transform:translate(-50%,20px);opacity:0;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){.quality-grid{grid-template-columns:1fr}.site-header{padding:0 19px}.local-pill{display:none}.hero{padding-top:45px}.hero p{font-size:13px}.converter-shell{padding:0 12px}.workspace-view{padding:15px}.format-grid{grid-template-columns:repeat(3,1fr)}.convert-footer{align-items:flex-end}.privacy-note{display:none}.convert-button{width:100%;justify-content:center}.feature-row{gap:17px}.feature-row article{gap:5px}.feature-row small{display:none}.feature-row article>span{width:25px;height:25px}.trust-row{gap:11px;flex-wrap:wrap}.result-file b,.result-file small{max-width:150px}}