:root{font-family:Manrope,Segoe UI,sans-serif;color:#eef4ff;background:#06101f;--panel:#0c1a2d;--cyan:#27d4ff;--violet:#8d72ff;--muted:#8ea0ba}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 10%,#102b4b 0,transparent 31%),radial-gradient(circle at 85% 70%,#241b50 0,transparent 32%),#06101f;overflow-x:hidden}.ambient{position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.2}.ambient-one{width:380px;height:380px;background:#1ad7ff;top:-220px;right:4%}.ambient-two{width:330px;height:330px;background:#8e66ff;bottom:-220px;left:-90px}.site-header{height:86px;padding:0 max(5%,28px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;background:#071221cc;backdrop-filter:blur(18px);position:sticky;top:0;z-index:30}.brand{display:flex;gap:13px;align-items:center;color:#fff;text-decoration:none}.brand-mark{width:46px;height:46px;display:grid;place-items:center;background:linear-gradient(135deg,#21d5ff,#635bff);border-radius:14px;font-size:14px;font-weight:800;box-shadow:0 8px 26px #28cfff30}.brand b{font-size:14px}.brand small{display:block;color:#7890ad;font-size:10px;letter-spacing:1.8px;text-transform:uppercase;margin-top:3px}.site-header nav{display:flex;align-items:center;gap:26px}.nav-link,.nav-cta{color:#9eb0c8;text-decoration:none;font-size:13px;font-weight:700}.nav-link.active{color:#fff}.nav-cta{color:#071221;background:#f4f8ff;padding:11px 16px;border-radius:10px;transition:.25s}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0004}.nav-cta span{margin-left:8px}main{max-width:1240px;margin:0 auto;padding:76px 28px 58px;display:grid;grid-template-columns:.87fr 1.13fr;gap:72px;align-items:center;position:relative;z-index:2}.hero{animation:rise .75s ease both}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#7edfff;display:flex;align-items:center;gap:10px}.eyebrow span{width:26px;height:1px;background:#27d4ff}.hero h1{font-size:clamp(48px,5.5vw,76px);line-height:1.01;letter-spacing:-3.5px;margin:25px 0 24px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#30d9ff,#a283ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero>p{font-size:16px;line-height:1.8;color:#9bacc2;max-width:540px}.feature-row{display:flex;gap:18px;flex-wrap:wrap;margin:28px 0;color:#c3d0e2;font-size:12px;font-weight:700}.explore{margin-top:32px;max-width:430px;display:flex;align-items:center;gap:14px;border:1px solid #ffffff16;border-radius:16px;padding:15px;background:#ffffff08;color:#fff;text-decoration:none;transition:.25s}.explore:hover{background:#ffffff0f;border-color:#31cbea55;transform:translateY(-2px)}.explore-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#1cbadd22,#8d72ff33);color:#50dcff}.explore b{display:block;font-size:13px}.explore small{display:block;color:#7f93ad;font-size:11px;margin-top:3px}.explore i{font-style:normal;margin-left:auto;color:#6cdfff}.converter-card{background:linear-gradient(145deg,#0e1e33ee,#0a1729ee);border:1px solid #ffffff14;padding:25px;border-radius:26px;box-shadow:0 35px 90px #0008,inset 0 1px #ffffff0b;animation:rise .75s .12s ease both}.card-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.card-head small{color:#51d7fa;letter-spacing:1.7px;font-weight:800;font-size:9px}.card-head h2{margin:6px 0 0;font-size:20px}.secure{color:#67d8b2;font-size:10px;background:#143328;padding:7px 10px;border-radius:30px}.drop{border:1px dashed #3a5776;border-radius:19px;text-align:center;padding:34px 20px 24px;background:linear-gradient(180deg,#0c1b30,#0a1728);transition:.3s;cursor:pointer;position:relative;overflow:hidden}.drop:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,#25cdf413,transparent 48%);pointer-events:none}.drop:hover,.drop.over{border-color:#33d2f9;background:#0d2138;box-shadow:inset 0 0 30px #21c8f30b}.upload-orbit{width:74px;height:74px;border:1px solid #2b5572;border-radius:50%;margin:0 auto 17px;display:grid;place-items:center;position:relative}.upload-orbit:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#31d9ff;box-shadow:0 0 12px #31d9ff;animation:orbit 4s linear infinite}.upload-icon{width:49px;height:49px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#173a55,#112a44);color:#46dcff;font-size:27px}.drop h3{margin:0;font-size:19px}.drop>p{margin:7px 0 19px;color:#8296af;font-size:12px}.drop button,.convert{border:0;cursor:pointer;font-family:inherit;font-weight:800}.drop button{position:relative;background:#eef7ff;color:#091628;padding:12px 17px;border-radius:10px;font-size:12px}.drop button span{color:#1086ad;margin-left:8px}.limits{display:flex;justify-content:center;gap:16px;margin-top:20px;color:#5e7693;font-size:9px;text-transform:uppercase;letter-spacing:.5px}.limits span+span:before{content:"•";margin-right:16px}.editor{margin-top:18px}.crop-stage{height:410px;background:#030812;border-radius:15px;overflow:hidden;border:1px solid #22334a}.crop-stage img{display:block;max-width:100%}.tools{display:flex;gap:9px;justify-content:center;margin-top:12px}.tools button{border:1px solid #283c55;border-radius:9px;background:#102137;color:#b9c7d9;padding:9px 14px;font:700 11px Manrope;cursor:pointer}.editor>p,#status{text-align:center;color:#7f93ad;font-size:11px}.selection{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:13px 14px;background:#10233a;border:1px solid #213650;border-radius:12px}.file-state{display:flex;align-items:center;gap:11px}.file-state>span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#123b36;color:#48dcb7;font-size:12px}.selection b{display:block;font-size:12px}.selection small{display:block;color:#748aa4;font-size:10px;margin-top:2px}.ghost{border:0;background:transparent;color:#ff7f8e;font:700 10px Manrope;cursor:pointer}.convert{width:100%;margin-top:13px;border-radius:11px;background:linear-gradient(90deg,#15bdda,#6b64ed);color:#fff;padding:14px 18px;font-size:12px;display:flex;justify-content:space-between;box-shadow:0 10px 30px #1aafda22;transition:.25s}.convert:hover{transform:translateY(-2px);filter:brightness(1.08)}.convert:disabled{opacity:.65;cursor:wait;background:linear-gradient(90deg,#15bdda,#6b64ed,#15bdda);background-size:200%;animation:loading 1.2s linear infinite}.convert i{font-style:normal}.hidden{display:none!important}.error{color:#ff7d8c!important}.trust-strip{position:relative;z-index:2;max-width:1180px;margin:0 auto;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;padding:21px;display:flex;justify-content:center;gap:30px;color:#637993;font-size:10px;text-transform:uppercase;letter-spacing:1.2px}.trust-strip i{width:3px;height:3px;background:#2bd6fa;border-radius:50%;align-self:center}footer{position:relative;z-index:2;max-width:1180px;margin:auto;padding:26px 20px 35px;display:flex;justify-content:space-between;color:#536a85;font-size:10px}@keyframes rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes orbit{from{transform:rotate(0) translateX(37px) rotate(0)}to{transform:rotate(360deg) translateX(37px) rotate(-360deg)}}@keyframes loading{to{background-position:-200%}}@media(max-width:900px){.site-header{height:74px}.nav-link{display:none}main{grid-template-columns:1fr;gap:38px;padding-top:48px}.hero{text-align:center}.hero>p{margin-inline:auto}.feature-row{justify-content:center}.explore{margin-inline:auto}.hero h1{letter-spacing:-2px}.converter-card{max-width:680px;width:100%;margin:auto}}@media(max-width:560px){.site-header{padding:0 16px}.brand b{font-size:11px}.brand small{font-size:8px}.brand-mark{width:40px;height:40px}.nav-cta{padding:10px 12px;font-size:10px}main{padding:42px 16px}.hero h1{font-size:43px}.hero>p{font-size:14px}.feature-row{gap:10px;font-size:10px}.converter-card{padding:15px;border-radius:20px}.card-head{display:block}.secure{display:inline-block;margin-top:10px}.limits{gap:8px}.limits span+span:before{margin-right:8px}.tools{flex-wrap:wrap}.trust-strip{flex-direction:column;align-items:center;gap:8px}.trust-strip i{display:none}footer{display:block;text-align:center}footer span{display:block;margin:5px}}