@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#143255;background:#f0f8ff;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.page{min-height:100vh;overflow:hidden;position:relative;background:radial-gradient(ellipse at 75% 13%,#d3e8ff 0%,transparent 35%),radial-gradient(ellipse at 10% 32%,#d9f4ff 0%,transparent 35%),#f0f8ff}.orb{position:absolute;pointer-events:none;filter:blur(3px);border-radius:50%}.orb1{width:420px;height:420px;top:190px;left:-270px;background:radial-gradient(circle,#c5e8ff55,transparent 70%)}.orb2{width:460px;height:460px;top:160px;right:-320px;background:radial-gradient(circle,#b9bfff55,transparent 70%)}.waves{position:absolute;top:530px;left:-10%;width:120%;height:330px;pointer-events:none;opacity:.38;background:radial-gradient(ellipse 60% 30% at 50% 70%,#80d6fa55,transparent 75%);transform:rotate(-6deg)}.nav{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 26px;position:relative;z-index:2}.logo{font-weight:800;font-size:26px;letter-spacing:-1.4px}.logo span:not(.logoicon){color:#2788ee}.logoicon{display:inline-grid;place-items:center;background:linear-gradient(135deg,#32d4f6,#4382fa);color:#fff;width:34px;height:34px;border-radius:10px;margin-right:8px;font-size:25px}.nav nav{display:flex;gap:35px;color:#506781;font-size:14px;font-weight:600}.nav a:hover{color:#2485e9}.navpill{background:#fff9;padding:12px 18px;border:1px solid #ffffff;border-radius:50px;display:flex;align-items:center;gap:9px;font-weight:700;font-size:13px;box-shadow:0 8px 25px #3d7fd013}.mobile-menu{display:none;border:0;background:none}.hero{max-width:980px;margin:0 auto;text-align:center;padding:80px 20px 110px;position:relative}.eyebrow{display:inline-flex;gap:10px;align-items:center;padding:9px 16px;border:1px solid #d8e8fa;background:#ffffffa8;border-radius:40px;font-size:12px;font-weight:700;color:#4b79a6}.dot{width:7px;height:7px;border-radius:50%;background:#3acbb0;box-shadow:0 0 0 4px #3acbb020}.hero h1{font-size:clamp(58px,8vw,104px);letter-spacing:-7px;line-height:1.04;margin:28px 0 23px;font-weight:800}.hero h1 em{font-style:normal;background:linear-gradient(105deg,#16b8e5,#3984ee 55%,#6b6ce5);color:transparent;-webkit-background-clip:text;background-clip:text}.subtitle{font-size:17px;line-height:1.75;color:#67819b;max-width:630px;margin:0 auto 40px}.downloader{background:#ffffffa9;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid #fff;border-radius:23px;padding:25px;box-shadow:0 24px 70px #3977bc19;text-align:left;max-width:810px;margin:auto}.downhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;font-size:14px;font-weight:800}.downhead span{display:flex;align-items:center;gap:9px}.secure{font-size:12px;font-weight:600;color:#5c94a0}.inputrow{display:flex;gap:9px;padding:8px;background:#fff;border:1px solid #dbe8f4;border-radius:14px}.inputrow input{min-width:0;flex:1;border:0;outline:0;padding:11px;font-size:14px;color:#193a60}.inputrow input::placeholder{color:#9bacc0}.paste{border:0;background:#f1f7fc;border-radius:9px;padding:10px;color:#6287a9}.primary{border:0;border-radius:10px;background:linear-gradient(110deg,#22b8e8,#3b82ef);color:#fff;font-weight:800;display:inline-flex;gap:10px;align-items:center;justify-content:center;padding:14px 21px;box-shadow:0 8px 22px #3c9ce52c}.primary:disabled{opacity:.55;cursor:wait}.helper,.result-note{font-size:12px;color:#8a9db0;margin:13px 3px 0}.trust{display:flex;justify-content:center;gap:32px;margin-top:29px;flex-wrap:wrap}.trust span{display:flex;align-items:center;gap:8px;color:#6884a0;font-size:12px;font-weight:700}.trust svg{color:#30a7cf}.notice{margin-top:15px;padding:13px;border-radius:10px;background:#e9f7ff;color:#3177aa;font-size:13px;display:flex;align-items:center;gap:10px}.notice.error{background:#fff0f0;color:#b33b4a}.spinner{width:15px;height:15px;border:2px solid #b9d7e9;border-top-color:#328fe9;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result{margin-top:22px;border-top:1px solid #e3edf7;padding-top:22px}.preview{display:flex;gap:18px;align-items:center}.preview img,.noimg{width:110px;height:110px;object-fit:cover;border-radius:12px;background:#e6f1fa}.noimg{display:grid;place-items:center}.preview h3{font-size:17px;margin:8px 0;overflow-wrap:anywhere}.preview p{font-size:12px;color:#8397ab}.small-label{color:#2b94cf;font-size:12px;font-weight:800}.selection{margin:22px 0;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:13px;font-weight:800}.selection select{background:#fff;border:1px solid #d5e5f5;border-radius:9px;padding:11px;max-width:65%;color:#24486a}.actions{display:flex;gap:12px;flex-wrap:wrap}.secondary{border:1px solid #cfe2f5;background:#fff;color:#3178b8;border-radius:10px;font-weight:800;display:flex;align-items:center;gap:9px;padding:12px 18px}.section{max-width:1160px;margin:auto;padding:80px 25px;text-align:center;position:relative}.sectiontag{font-size:11px;font-weight:800;letter-spacing:2.5px;color:#3199d7}.section h2{font-size:clamp(30px,4vw,46px);letter-spacing:-2px;margin:15px 0}.section>p{color:#7890a8}.platformgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:15px;margin-top:40px}.platform{background:#ffffffae;border:1px solid white;box-shadow:0 10px 25px #5583b00d;border-radius:18px;min-height:160px;padding:20px 8px;display:flex;flex-direction:column;align-items:center;gap:12px}.platformsymbol{width:56px;height:56px;background:linear-gradient(140deg,#e1f5ff,#e4e9ff);border-radius:15px;display:grid;place-items:center;font-size:28px;font-weight:800;color:#277fbe}.platform strong{font-size:13px}.platform span{font-size:11px;color:#94a5b6}.footnote{font-size:11px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px;text-align:left}.steps article{border-radius:18px;padding:29px;background:#fff9;border:1px solid white}.stepicon{width:52px;height:52px;border-radius:15px;background:#e3f4ff;display:grid;place-items:center;color:#348dd5;margin-bottom:20px}.steps b{color:#4598cc;font-size:12px}.steps h3{margin:10px 0}.steps p{color:#7b90a6;line-height:1.6;font-size:13px}.faq{max-width:820px}.faq details{text-align:left;background:#ffffff9c;border:1px solid #fff;border-radius:12px;margin:12px 0;padding:20px}.faq summary{cursor:pointer;font-weight:800;font-size:14px}.faq details p{color:#6e849a;line-height:1.6;font-size:13px}footer{border-top:1px solid #dbeaf5;padding:36px max(25px,calc((100vw - 1150px)/2));display:flex;align-items:center;justify-content:space-between;gap:15px;color:#8195aa;font-size:12px}footer .logo{color:#234466;font-size:21px}footer .logo span{color:#258fe6}@media (max-width:900px){.platformgrid{grid-template-columns:repeat(4,1fr)}.hero h1{letter-spacing:-4px}}@media (max-width:600px){.nav{padding:18px}.nav nav{display:none;position:absolute;top:70px;left:15px;right:15px;background:#fff;border-radius:14px;padding:20px;box-shadow:0 12px 30px #0001}.nav nav.open{display:flex;flex-direction:column;gap:15px}.mobile-menu{display:block}.navpill{display:none}.hero{padding:65px 14px 55px}.hero h1{font-size:57px;letter-spacing:-3.5px}.subtitle{font-size:14px}.downloader{padding:17px}.secure{display:none!important}.inputrow{flex-wrap:wrap}.inputrow input{flex-basis:calc(100% - 60px)}.inputrow .primary{width:100%}.trust{gap:12px}.platformgrid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.selection{align-items:stretch;flex-direction:column}.selection select{max-width:none}footer{flex-direction:column;text-align:center}}:root{--cyan: #20c6f4;--blue: #397ff0;--purple: #7468ed;--ink: #183153}.page{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 85% 14%,#c6d9ff 0%,transparent 40%),radial-gradient(ellipse at 8% 30%,#c9f1ff 0%,transparent 42%),linear-gradient(145deg,#f4fbff,#e8f4ff 55%,#f8fbff)}.wave-layer{position:absolute;z-index:0;width:145%;height:390px;left:-22%;pointer-events:none;border-radius:45%;filter:blur(32px);transform-origin:center}.wave-layer-one{top:300px;opacity:.48;background:linear-gradient(100deg,transparent,#72dcff80,#568fff70,transparent);animation:waveFloat 12s ease-in-out infinite alternate}.wave-layer-two{top:780px;opacity:.32;background:linear-gradient(100deg,transparent,#5abaf980,#a7a2ff70,transparent);animation:waveFloat 16s ease-in-out infinite alternate-reverse}.wave-layer-three{top:1550px;opacity:.28;background:linear-gradient(100deg,transparent,#63dcff80,#75a2ff70,transparent);animation:waveFloat 19s ease-in-out infinite alternate}@keyframes waveFloat{0%{transform:translate(-5%) rotate(-7deg) scaleY(.75)}to{transform:translate(7%) rotate(5deg) scaleY(1.15)}}.page>header,.page>main,.page>footer{position:relative;z-index:1}.downloader{background:#ffffff78;backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);border:1px solid rgba(255,255,255,.85);border-radius:28px;box-shadow:0 25px 65px #3169b21f,inset 0 1px 1px #fffffff2;transition:box-shadow .3s ease,transform .3s ease}.downloader:hover{box-shadow:0 30px 80px #3169b22e,inset 0 1px 1px #fffffff2}.inputrow{background:#ffffffa6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 25px #376eaa0f}.inputrow input{background:transparent}.primary{background:linear-gradient(120deg,#23c0eb,#3e86f2,#666dea);box-shadow:0 8px 22px #347ee73d;transition:transform .25s,box-shadow .25s}.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #347ee757}.navpill,.secondary{background:#ffffff7a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.9);box-shadow:0 10px 30px #285ca014}.platform{background:#ffffff75;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.9);border-radius:22px;box-shadow:0 14px 35px #275c9e12;transition:transform .3s,box-shadow .3s}.platform:hover{transform:translateY(-9px);box-shadow:0 22px 45px #275c9e29}.platformsymbol{background:#ffffffa6;border:1px solid rgba(255,255,255,.85);border-radius:16px;transition:transform .3s}.platform:hover .platformsymbol{transform:scale(1.12)}.platform.tiktok .platformsymbol{color:#111827}.platform.instagram .platformsymbol{color:#e4405f}.platform.youtube .platformsymbol{color:#f03}.platform.facebook .platformsymbol{color:#1877f2}.platform.twitter .platformsymbol{color:#111827}.platform.pinterest .platformsymbol{color:#e60023}.platform.reddit .platformsymbol{color:#ff4500}.quality-panel{margin-top:20px;padding:18px;background:#fff6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.85);border-radius:20px;box-shadow:inset 0 1px 1px #ffffffe6}.quality-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;color:var(--ink);font-weight:700}.quality-options{display:flex;flex-wrap:wrap;gap:10px}.quality-option{display:inline-flex;align-items:center;gap:9px;padding:12px 17px;background:#ffffffa6;border:1px solid rgba(255,255,255,.95);border-radius:13px;color:#436283;font-weight:700;cursor:pointer;transition:all .25s ease}.quality-option:hover{transform:translateY(-2px);border-color:#80bafa}.quality-option.selected{color:#276bd1;background:linear-gradient(125deg,#c5efffd9,#ced9ffd9);border-color:#7cb9ff;box-shadow:0 6px 18px #377ce821}.quality-indicator{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:1.5px solid #a9c2df;border-radius:50%}.quality-option.selected .quality-indicator{border-color:#3984ee}.hero{padding-top:55px;padding-bottom:75px}.section{position:relative}.steps article{background:#ffffff7a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.85);box-shadow:0 12px 32px #2d62a00f;transition:transform .3s}.steps article:hover{transform:translateY(-6px)}@media (prefers-reduced-motion: reduce){.wave-layer{animation:none}}
