@property --p{syntax:"<color>";inherits:true;initial-value:#2f6fed}@property --p2{syntax:"<color>";inherits:true;initial-value:#6a8ff0}@property --p3{syntax:"<color>";inherits:true;initial-value:#12a594}@property --pd{syntax:"<color>";inherits:true;initial-value:#0d1a3d}:root{--p:#2f6fed;--p2:#6a8ff0;--p3:#12a594;--pd:#0d1a3d;--on:#fff;--dark:#050a1d;--main:#111b33;--ter:#425263;--quat:#7b8d9e;--light:#bfcdd8;--lighter:#dde6ed;--bg:#f6f7fb;--ok:#1f8a5b;--okbg:#e3f3ec;--text:#111b33;--muted:#7b8d9e;--bd:#dde6ed;--hair:#e3e9f0;--surf:#ffffffe0;--field:#fff;--ease:cubic-bezier(.2,.8,.2,1);transition:--p .8s,--p2 .8s,--p3 .8s,--pd .8s}body.imm{--text:#f4f7fb;--muted:#e2e9f3b8;--bd:#ffffff3d;--hair:#ffffff24;--surf:#ffffff17;--field:#ffffff1a}*{box-sizing:border-box;margin:0}html,body{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;line-height:1.5;overflow:hidden}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}body *{transition-property:color,background-color,border-color,box-shadow,opacity,transform;transition-duration:.5s}.bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg .o{filter:blur(70px);border-radius:50%;animation:22s ease-in-out infinite alternate drift;position:absolute}.bg .o:first-child{background:color-mix(in srgb,var(--p) 18%,#d5deea);opacity:.6;width:520px;height:520px;top:-160px;right:-120px}.bg .o:nth-child(2){background:color-mix(in srgb,var(--p2) 14%,#dbe3ee);opacity:.6;width:460px;height:460px;animation-duration:28s;bottom:-180px;left:-140px}.bg .o:nth-child(3){background:color-mix(in srgb,var(--p3) 16%,#fff);opacity:.55;width:300px;height:300px;animation-duration:34s;top:40%;left:55%}.bg .imm-l{opacity:0;background:radial-gradient(900px 560px at 88% 8%,color-mix(in srgb,var(--p) 60%,transparent),transparent 62%),radial-gradient(760px 560px at 4% 92%,color-mix(in srgb,var(--p2) 50%,transparent),transparent 62%),radial-gradient(520px 420px at 62% 58%,color-mix(in srgb,var(--p3) 34%,transparent),transparent 66%),linear-gradient(170deg,var(--pd),#050a1d);transition:opacity 1s;position:absolute;inset:0}body.imm .bg .imm-l{opacity:1}body.imm .bg .o{opacity:0}@keyframes drift{to{transform:translate(40px,-30px)scale(1.08)}}.top{z-index:20;padding:calc(18px + env(safe-area-inset-top)) clamp(16px,4vw,40px) 0;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:fixed;top:0;left:0;right:0}.top .back{justify-self:start}.top .rt{justify-self:end;align-items:center;gap:14px;display:flex}.logo{letter-spacing:.02em;color:var(--text);align-items:center;gap:10px;font-weight:500;display:flex}.back{border:1px solid var(--bd);background:var(--surf);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.back.on{opacity:1;pointer-events:auto}.saved{color:var(--muted);opacity:0;align-items:center;gap:8px;font-size:13px;display:flex}.saved.on{opacity:1}.saved i{background:#3fb27f;border-radius:50%;width:7px;height:7px}.build{color:var(--text);background:var(--surf);border:1px solid var(--bd);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:99px;align-items:center;gap:8px;padding:6px 12px;font-size:12.5px;display:none}.build.on{animation:pop .5s var(--ease);display:flex}.build .bar{background:var(--hair);border-radius:9px;width:46px;height:4px;overflow:hidden}.build .bar i{background:var(--p);width:0;height:100%;transition:width .6s;display:block}body.imm .build .bar i{background:#fff}.prog{z-index:30;height:3px;position:fixed;top:0;left:0;right:0}.prog i{background:var(--main);width:0;height:100%;transition:width .8s var(--ease),background .8s;border-radius:0 3px 3px 0;display:block}body.imm .prog i{background:#fff}#stages{z-index:5;position:fixed;inset:0}.stage{justify-content:center;align-items:center;padding:84px clamp(18px,5vw,48px) 170px;display:flex;position:absolute;inset:0;overflow-y:auto}.stage.in-f{animation:inF .7s var(--ease) both}.stage.in-b{animation:inB .7s var(--ease) both}.stage.out-f{pointer-events:none;animation:.4s both outF}.stage.out-b{pointer-events:none;animation:.4s both outB}@keyframes inF{0%{opacity:0;filter:blur(6px);transform:translateY(26px)scale(.985)}to{opacity:1;filter:none;transform:none}}@keyframes inB{0%{opacity:0;filter:blur(6px);transform:translateY(-26px)scale(.985)}to{opacity:1;filter:none;transform:none}}@keyframes outF{to{opacity:0;filter:blur(6px);transform:translateY(-22px)scale(.99)}}@keyframes outB{to{opacity:0;filter:blur(6px);transform:translateY(22px)scale(.99)}}.w{width:100%;max-width:600px;margin:auto}.w>*{animation:rise .7s var(--ease) both;animation-delay:calc(var(--i,0)*70ms + .12s)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}.kick{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:12px;font-weight:500;display:inline-block}h1.q{letter-spacing:-.025em;color:var(--text);font-size:clamp(34px,5.6vw,54px);font-weight:300;line-height:1.08}h1.q em{color:var(--muted);font-style:normal}.lead{color:var(--muted);max-width:500px;margin-top:14px;font-size:clamp(16px,2vw,18px)}.hint{color:var(--muted);margin-top:14px;font-size:14px}.big{margin-top:30px}.bi{border:0;border-bottom:2px solid var(--bd);letter-spacing:-.01em;background:0 0;outline:none;width:100%;padding:14px 2px;font-size:clamp(22px,3.4vw,30px);font-weight:300}.bi:focus{border-color:var(--text)}.bi::placeholder{color:var(--light)}.in{border:1px solid var(--bd);background:var(--field);border-radius:14px;outline:none;width:100%;padding:14px 16px}.in:focus{border-color:var(--ter);box-shadow:0 0 0 4px #4252631a}.otp{gap:10px;margin-top:30px;display:flex}.otp input{text-align:center;border:1px solid var(--bd);background:var(--field);border-radius:16px;outline:none;flex:1;min-width:0;height:64px;font-size:26px;font-weight:300}.otp input:focus{border-color:var(--text);transform:translateY(-2px)}.chip{border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.chip.ok{color:var(--ok);background:var(--okbg)}.chip.bad{color:#b4402c;background:#fbe9e5}.chip.warn{color:#a15c07;background:#fdf1dc}.oc-grid{gap:12px;margin-top:30px;display:grid}.oc{text-align:left;border:1px solid var(--bd);background:var(--surf);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .25s var(--ease),border-color .2s,box-shadow .25s,background .3s;border-radius:18px;align-items:flex-start;gap:14px;padding:18px;display:flex;position:relative}.oc:hover{border-color:var(--light);transform:translateY(-3px);box-shadow:0 12px 28px #111b3314}.oc.on{border-color:var(--text);box-shadow:0 0 0 1px var(--text),0 12px 28px #111b331a;color:var(--main);background:#fff}.oc .ic{color:#eff1f7;background:linear-gradient(145deg,#2a3747,#111b33);border-radius:13px;flex:none;place-items:center;width:44px;height:44px;font-size:20px;display:grid}.oc b{font-size:16px;font-weight:500;display:block}.oc small{color:var(--quat);font-size:14px;display:block}.oc .pr{white-space:nowrap;margin-left:auto;font-weight:500}.oc.on:after{content:"✓";background:var(--text);color:#fff;width:20px;height:20px;animation:pop .3s var(--ease);border-radius:50%;place-items:center;font-size:11px;display:grid;position:absolute;top:12px;right:12px}.oc .tagc{color:var(--ok);background:var(--okbg);vertical-align:2px;border-radius:99px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.tpl{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.tpl button{border:1px solid var(--bd);background:var(--surf);color:var(--ter);border-radius:99px;padding:12px 18px;font-size:16px}.tpl button:hover{transform:translateY(-2px)}.tpl button.on{background:var(--main);border-color:var(--main);color:#fff}.tog{border-bottom:1px solid var(--hair);justify-content:space-between;align-items:center;gap:18px;padding:18px 0;display:flex}.tog:first-child{border-top:1px solid var(--hair);margin-top:18px}.tog b{font-size:16px;font-weight:500;display:block}.tog small{color:var(--muted);font-size:14px}.sw2{background:var(--lighter);border:0;border-radius:99px;flex:none;width:48px;height:28px;position:relative}.sw2:after{content:"";width:22px;height:22px;transition:left .25s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.sw2.on{background:var(--main)}.sw2.on:after{left:23px}.mg{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-top:30px;display:grid}.mg .oc{padding:14px}.sum{background:var(--surf);border:1px solid var(--hair);color:var(--main);border-radius:20px;margin-top:30px;overflow:hidden;box-shadow:0 14px 34px #111b3312}.sum .row{color:var(--ter);border-top:1px solid #f0f3f7;justify-content:space-between;align-items:center;gap:14px;padding:13px 18px;font-size:15px;display:flex}.sum .row:first-child{border-top:0}.sum .row b{color:var(--main);text-align:right;word-break:break-all;justify-content:flex-end;align-items:center;gap:8px;font-weight:500;display:flex}.dot{border:2px solid #fff;border-radius:50%;width:16px;height:16px;display:inline-block;box-shadow:0 0 0 1px #111b331f}.dom{animation:rise .5s var(--ease) both;margin-top:18px}.url{border:1px solid var(--bd);background:var(--field);border-radius:14px;align-items:center;display:flex;overflow:hidden}.url:focus-within{border-color:var(--ter);box-shadow:0 0 0 4px #4252631a}.url input{text-align:right;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:14px 0 14px 16px;font-size:17px}.url span{color:var(--muted);padding:14px 16px 14px 0;font-size:17px}.url.l input{text-align:left;padding-left:16px}.dns{border:1px solid var(--hair);background:var(--surf);border-radius:14px;margin-top:14px;font-size:13.5px;overflow:hidden}.dns .t{border-top:1px solid var(--hair);color:var(--ter);grid-template-columns:70px 1fr 1.4fr;gap:8px;padding:10px 14px;display:grid}.dns .t:first-child{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;border-top:0;font-size:11px}.dns code{color:var(--text);font-family:ui-monospace,Menlo,monospace;font-size:12.5px}.lbl{color:var(--muted);letter-spacing:.02em;margin:30px 0 12px;font-size:13px;font-weight:500;display:block}.sw{flex-wrap:wrap;gap:14px;display:flex}.sw button,.sw label{border:0;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:relative;box-shadow:0 6px 16px #0000002e}.sw button:hover,.sw label:hover{transform:scale(1.1)}.sw .on:after{content:"";border:2px solid var(--text);animation:pop .3s var(--ease);border-radius:50%;position:absolute;inset:-6px}.sw label{cursor:pointer;color:#fff;text-shadow:0 1px 3px #0006;background:conic-gradient(#e5484d,#f76b15,#f5d90a,#12a594,#2f6fed,#8e4ec6,#e5484d);font-size:20px}.sw label input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.pal{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.pt{text-align:left;cursor:pointer;border:0;border-radius:18px;flex-direction:column;justify-content:flex-end;height:110px;padding:14px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 30px #00000038}.pt:hover{transform:translateY(-3px)}.pt small{letter-spacing:.12em;text-transform:uppercase;opacity:.85;font-size:11px}.pt b{font-family:ui-monospace,Menlo,monospace;font-size:14px;font-weight:500}.pt input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.gen{border:1px solid var(--bd);background:var(--surf);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:99px;align-items:center;gap:8px;margin-top:16px;padding:11px 18px;display:inline-flex}.gen:hover{transform:translateY(-2px)}.gen i{transition:transform .6s var(--ease);font-style:normal;display:inline-block}.gen.spin i{transform:rotate(360deg)}.drop{border:1.5px dashed var(--bd);text-align:center;background:var(--surf);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;border-radius:22px;margin-top:30px;padding:34px 22px;display:block}.drop:hover,.drop.over{border-color:var(--text);transform:translateY(-2px)}.drop .u{background:var(--p);width:54px;height:54px;color:var(--on);border-radius:16px;place-items:center;margin:0 auto 14px;font-size:22px;display:grid}.drop b{font-size:17px;font-weight:500;display:block}.drop small{color:var(--muted)}.lg-card{border:1px solid var(--bd);background:var(--surf);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:rise .6s var(--ease) both;border-radius:22px;align-items:center;gap:22px;margin-top:30px;padding:22px;display:flex}@media (width<=560px){.lg-card{flex-direction:column;align-items:flex-start}}.lt{background:#fff;border-radius:26px;flex:none;place-items:center;width:110px;height:110px;display:grid;overflow:hidden;box-shadow:0 14px 30px #0000002e}.lt img{max-width:78%;max-height:78%}.mono{width:100%;height:100%;color:var(--on);background:linear-gradient(145deg,var(--p),var(--p2));place-items:center;font-size:38px;font-weight:600;display:grid}.chk{color:var(--text);flex:1;gap:10px;font-size:15px;display:grid}.chk div{opacity:.45;align-items:center;gap:10px;display:flex}.chk div.ok{opacity:1}.chk i{border:1.5px solid var(--bd);border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:11px;font-style:normal;display:grid}.chk div.ok i{background:var(--main);border-color:var(--main);color:#fff}body.imm .chk div.ok i{color:#050a1d;background:#fff;border-color:#fff}.link{color:var(--text);text-underline-offset:4px;opacity:.85;background:0 0;border:0;padding:8px 0;font-size:14px;text-decoration:underline}.cta{z-index:25;padding:18px clamp(16px,4vw,40px) calc(22px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--bgc,#f6f7fb) 85%,transparent) 40%);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}body.imm .cta{--bgc:transparent;background:0 0}.cta .in-w{align-items:center;gap:14px;width:100%;max-width:600px;display:flex}.btn{transition:transform .2s var(--ease),background .5s,opacity .2s,box-shadow .2s,color .5s;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:16px 26px;font-size:16px;font-weight:500;display:inline-flex}.btn.pri{background:var(--main);color:#fff;box-shadow:0 10px 24px #111b3338}.btn.pri:hover{background:var(--dark);transform:translateY(-2px)}body.imm .btn.pri{color:#050a1d;background:#fff;box-shadow:0 10px 30px #0000004d}.btn.sec{background:var(--surf);color:var(--text);border:1px solid var(--bd)}.btn[disabled]{opacity:.35;pointer-events:none;box-shadow:none}.hintk{color:var(--muted);font-size:13px;display:none}@media (width>=900px){.hintk{display:block}}@media (width<=600px){.cta .btn.pri{flex:1}}.ring{background:var(--p);width:84px;height:84px;color:var(--on);animation:pop .6s var(--ease) both;border-radius:50%;place-items:center;margin-bottom:26px;font-size:36px;display:grid}.spin{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite rot}@keyframes rot{to{transform:rotate(360deg)}}.links{gap:10px;margin-top:28px;display:grid}.lk{background:var(--surf);border:1px solid var(--hair);color:var(--main);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.lk small{color:var(--quat);letter-spacing:.14em;text-transform:uppercase;font-size:11px;display:block}.lk b{word-break:break-all;font-weight:500}.first{gap:10px;margin-top:26px;display:grid}.fs{background:var(--surf);border:1px solid var(--hair);border-radius:16px;align-items:center;gap:14px;padding:14px 16px;display:flex}.fs .ic{background:linear-gradient(145deg,#2a3747,#111b33);border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.fs b{font-weight:500;display:block}.fs small{color:var(--muted)}.conf{z-index:40;pointer-events:none;border-radius:2px;width:9px;height:14px;animation:2.6s ease-in forwards fall;position:fixed;top:0}@keyframes fall{to{transform:translateY(105vh)rotate(540deg)}}.w>:first-child{--i:0}.w>:nth-child(2){--i:1}.w>:nth-child(3){--i:2}.w>:nth-child(4){--i:3}.w>:nth-child(5){--i:4}.w>:nth-child(6){--i:5}.w>:nth-child(7){--i:6}.w>:nth-child(8){--i:7}.err{color:#b4402c;margin-top:12px;font-size:14px}.shake{animation:.4s shake}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.boot{z-index:50;background:var(--bg);place-items:center;display:grid;position:fixed;inset:0}.boot .spin{border-color:#111b3333;border-top-color:var(--main);width:26px;height:26px}.saved.err i{background:#e5484d}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.slugrow{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.center{text-align:center}.share{border:1px solid var(--bd);color:var(--muted);background:#fff;border-radius:16px;padding:16px 18px;font-size:14.5px;line-height:1.55}.share b{color:var(--text);margin-bottom:6px;font-weight:600;display:block}.share strong{color:var(--text);font-weight:600}.share small{color:var(--quat);margin-top:8px;display:block}.ack{cursor:pointer;color:var(--text);align-items:flex-start;gap:10px;margin-top:14px;font-size:15px;display:flex}.ack input{width:18px;height:18px;accent-color:var(--main);flex:none;margin-top:3px}.w:has(.split){max-width:1040px}.split{grid-template-columns:minmax(0,1fr) 330px;align-items:center;gap:64px;display:grid}.split .side{flex-direction:column;align-items:center;gap:14px;display:flex}.phone{--s:.8;width:calc(390px * var(--s));height:calc(800px * var(--s));box-sizing:content-box;background:#fff;border:9px solid #111b33;border-radius:44px;overflow:hidden;box-shadow:0 30px 60px #111b332e,0 8px 20px #111b331a}.phone iframe{width:390px;height:800px;transform:scale(var(--s));transform-origin:0 0;background:#fff;border:0;display:block}.phone-cap{color:var(--muted);font-size:13px}@media (width<=960px){.split{grid-template-columns:1fr}.split .side{display:none}}.conn{border:1px solid var(--hair);background:var(--surf);border-radius:18px;margin-top:26px;padding:18px 18px 20px}.conn h2{font-size:17px;font-weight:500}.conn h2 b{font-weight:600}.dns.cp .t{grid-template-columns:64px 62px minmax(0,1fr) auto;align-items:center}.dns.cp code{overflow-wrap:anywhere}.plans{gap:12px;margin-top:22px;display:grid}.plan-row{border:1px solid var(--bd);background:var(--surf);border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:14px;display:grid}.plan-row .pn{grid-column:1/-1;align-items:center;gap:8px;display:flex}.plan-row .pp{position:relative}.plan-row .pp span{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.plan-row .pp .in{padding-left:28px}.plan-x{border:1px solid var(--bd);width:36px;height:36px;color:var(--muted);background:0 0;border-radius:50%;flex:none;font-size:20px;line-height:1}.plan-x:hover{color:var(--text);border-color:var(--text)}.plan-add{justify-self:start}@media (width>=640px){.plan-row{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,.9fr)}.plan-row .pn{grid-column:auto}}.qa{gap:14px;margin-top:28px;display:grid}.qa-h{font-size:18px;font-weight:500}.qa-section{border:1px solid var(--bd);background:var(--surf);border-radius:18px;gap:12px;padding:14px;display:grid}.qa-line{align-items:center;gap:8px;display:flex}.qa-sname{font-weight:500}.qa-field{border-top:1px solid var(--hair);gap:8px;padding-top:12px;display:grid}.qa-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;display:flex}.qa-req{align-items:center;gap:6px;display:inline-flex}.qa-req input{accent-color:var(--main)}.qa-field input[readonly]{color:var(--muted);background:0 0}.qa-opts{resize:vertical;font-size:15px}.qa-add{align-items:center;gap:8px;padding-top:4px;display:flex}.qa-add .in{flex:1;width:auto;min-width:0}.qa-add .btn{white-space:nowrap;padding:12px 16px}.qa-foot{flex-wrap:wrap;gap:10px;display:flex}.qa-k{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px}
