:root{--deep:#042F38;--card:#1B3A44;--field:#12262D;--line:rgba(255,255,255,.14);--line2:rgba(255,255,255,.24);--soft:rgba(255,255,255,.74);--mute:rgba(255,255,255,.56);--mag:#E8007C;--mag2:#FF5CAE;--cyan:#3FD9EC;--teal:#00A1B9;--red:#FF8A80;--green:#7BF0AE;--d:"Bricolage Grotesque",system-ui,sans-serif;--u:"Plus Jakarta Sans",system-ui,sans-serif;--m:"Space Mono",ui-monospace,monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0c2730;color:#fff;font-family:var(--u)}a{color:var(--cyan);text-decoration:none;font-weight:700}a:hover{color:var(--mag2)}#map{position:fixed;top:0;right:0;bottom:0;left:0;filter:grayscale(1) brightness(.6) contrast(1.08)}.veil{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(60% 70% at 18% 30%,rgba(0,161,185,.28),transparent 70%),radial-gradient(50% 60% at 75% 85%,rgba(232,0,124,.16),transparent 70%),linear-gradient(90deg,#042f3861,#042f388c 52%,#04262ee6)}.layout{position:relative;min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,600px)}.hero{position:relative;padding:40px 56px 44px;display:flex;flex-direction:column;justify-content:space-between;gap:28px;min-width:0;pointer-events:none}.hero>*{pointer-events:auto}.panel{display:flex;align-items:center;justify-content:center;padding:32px 36px}.card{width:100%;max-width:520px;background:linear-gradient(155deg,#ffffff29,#ffffff0f 38%,#ffffff08);-webkit-backdrop-filter:blur(34px) saturate(1.7) brightness(1.05);backdrop-filter:blur(34px) saturate(1.7) brightness(1.05);border:1px solid rgba(255,255,255,.22);border-radius:28px;box-shadow:0 30px 80px #00000061,inset 0 1px #ffffff59,inset 0 -1px #ffffff0f,inset 0 0 40px #ffffff0a;padding:36px 40px 30px;animation:cardIn .55s cubic-bezier(.2,.8,.2,1) both;position:relative;overflow:visible}.card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:29px;padding:1px;background:linear-gradient(140deg,#3fd9ec8c,#ffffff0f 40%,#e8007c73);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:28px;pointer-events:none;background:radial-gradient(120% 60% at 15% 0%,rgba(255,255,255,.14),transparent 55%),radial-gradient(80% 50% at 100% 100%,rgba(232,0,124,.1),transparent 60%)}.card>*{position:relative;z-index:1}.card.wide{max-width:600px}@keyframes cardIn{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.fx{animation:fadeUp .4s cubic-bezier(.2,.8,.2,1) both}.h-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.hero .h-mid{margin:auto 0}.h-logo{height:48px}.live{display:inline-flex;align-items:center;gap:9px;height:38px;padding:0 15px;border-radius:999px;background:#042f3899;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:700 13.5px var(--u);white-space:nowrap}.live i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 #7bf0aeb3;animation:ping 1.8s infinite}.live b{font-family:var(--m);font-weight:700;font-variant-numeric:tabular-nums}@keyframes ping{0%{box-shadow:0 0 #7bf0ae99}80%,to{box-shadow:0 0 0 9px #7bf0ae00}}.h-mid{max-width:620px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font:800 12.5px var(--u);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:18px;animation:fadeUp .6s .1s both}.big{font-family:var(--d);font-weight:800;font-size:clamp(46px,5.4vw,84px);line-height:.95;letter-spacing:-.045em;margin:0;animation:fadeUp .7s .2s both}.rot{display:block;height:1.9em;overflow:hidden;color:var(--cyan)}.rot>span{display:block;animation:rot 9s cubic-bezier(.7,0,.3,1) infinite 1.4s}.rot>span em{display:block;height:1.9em;line-height:.95em;font-style:normal;white-space:nowrap}@keyframes rot{0%,28%{transform:translateY(0)}33%,61%{transform:translateY(-1.9em)}66%,94%{transform:translateY(-3.8em)}to{transform:translateY(-5.7em)}}.lead{font-size:18px;line-height:1.55;color:var(--soft);margin:22px 0 0;max-width:480px;animation:fadeUp .7s .3s both}.h-bot{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;animation:fadeUp .7s .45s both}.trk{width:300px;background:#fffffff5;color:#0b1f24;border-radius:20px;padding:14px 16px;box-shadow:0 22px 50px #00000059;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.trk .row{display:flex;align-items:center;gap:10px}.trk .av{width:38px;height:38px;border-radius:12px;background:#00778a;color:#fff;display:flex;align-items:center;justify-content:center;font:800 14px var(--d)}.trk .st{font:800 14.5px var(--u)}.trk .meta{font-size:12.5px;color:#4a5d62;margin-top:1px}.trk .eta{margin-left:auto;text-align:right;font:700 20px var(--m);color:#00778a;line-height:1}.trk .eta small{display:block;font:700 10.5px var(--u);color:#6b7d82;letter-spacing:.04em;margin-top:3px}.trk .pb{height:6px;border-radius:3px;background:#e2f4f7;margin-top:12px;overflow:hidden}.trk .pb i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#00a1b9,#e8007c);transition:width 1.2s cubic-bezier(.2,.8,.2,1)}.trk .dots{display:flex;justify-content:space-between;margin-top:8px;font:700 11px var(--u);color:#8a9a9e}.trk .dots .on{color:#00778a}.stat{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:16px;background:#042f3894;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat b{font:800 24px var(--d);letter-spacing:-.02em}.stat span{font-size:12.5px;color:var(--soft)}.pin{width:18px;height:18px;border-radius:50%;background:#e8007c;border:3px solid #fff;box-shadow:0 0 #e8007c8c;animation:pinPulse 2.2s infinite}@keyframes pinPulse{0%{box-shadow:0 0 #e8007c80}80%,to{box-shadow:0 0 0 18px #e8007c00}}.store{width:14px;height:14px;border-radius:5px;background:#00a1b9;border:3px solid #fff;box-shadow:0 4px 10px #00000059}.logo{display:none}h1{font-family:var(--d);font-weight:800;font-size:32px;letter-spacing:-.03em;line-height:1.08;margin:0}.sub{font-size:15px;color:var(--soft);margin:8px 0 0;line-height:1.5;text-wrap:pretty}.tabs{position:relative;display:flex;border-bottom:1px solid var(--line);margin:26px 0 22px}.tabs button{flex:1;height:50px;border:0;border-radius:12px 12px 0 0;background:none;cursor:pointer;font:700 16px var(--u);color:var(--mute);transition:color .25s,background .25s,box-shadow .25s}.tabs button:hover{color:#fff;background:radial-gradient(120% 90% at 50% 0%,#ffffff2e,#ffffff0d 60%,#3fd9ec14);box-shadow:inset 0 1px #ffffff47,inset 1px 0 #ffffff14,inset -1px 0 #ffffff14}.tabs button.on{color:#fff;background:linear-gradient(180deg,#ffffff1f,#ffffff08);box-shadow:inset 0 1px #ffffff3d}.tabs .ind{position:absolute;left:0;bottom:-1px;width:50%;height:3px;border-radius:3px 3px 0 0;background:var(--mag);transition:transform .35s cubic-bezier(.3,.9,.3,1)}.lab{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);margin:0 0 8px}.lab .req{color:var(--mag2);font-size:13px;letter-spacing:0}.lab .opc{font-weight:600;letter-spacing:0;text-transform:none;color:var(--mute);font-size:12px}.in{width:100%;height:52px;border-radius:13px;border:1px solid rgba(255,255,255,.22);background:#04181e52;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font:500 16px var(--u);padding:0 16px;outline:none;transition:border-color .15s,box-shadow .15s}.in::placeholder{color:#ffffff61}.in:focus{border-color:var(--cyan);box-shadow:0 0 0 4px #3fd9ec29;background:#04181e7a}.in.err{border-color:var(--red);box-shadow:0 0 0 3px #ff8a8024}.hint{font-size:12.5px;color:var(--mute);margin-top:6px;line-height:1.4}.hint.err{color:var(--red);font-weight:700}.field{margin-bottom:16px;min-width:0}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.pri{position:relative;overflow:hidden;width:100%;height:56px;border:0;border-radius:14px;background:linear-gradient(135deg,#f0168c,#e8007c 55%,#c4006a);color:#fff;font:800 17px var(--u);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 12px 28px #e8007c52;transition:transform .15s,box-shadow .15s}.pri:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skew(-18deg);transition:left .6s}.pri:hover{transform:translateY(-1px);box-shadow:0 16px 34px #e8007c6b}.pri:hover:after{left:120%}.pri:active{transform:translateY(0)}.pri:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}.pri:disabled:after{display:none}.sec{height:56px;padding:0 20px;border-radius:14px;border:1px solid var(--line2);background:transparent;color:#fff;font:700 15px var(--u);cursor:pointer;display:inline-flex;align-items:center;gap:8px}.link{background:none;border:0;padding:0;cursor:pointer;font:700 14px var(--u);color:var(--cyan)}.link:hover{color:var(--mag2)}.foot{font-size:14px;color:var(--soft);text-align:center;margin-top:22px;line-height:1.5}.divider{display:flex;align-items:center;gap:12px;margin:22px 0 0;color:var(--mute);font-size:13px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.otp{display:flex;gap:10px;justify-content:center;margin:24px 0 8px}.otp input{width:56px;height:66px;border-radius:14px;border:1px solid var(--line2);background:var(--field);color:#fff;text-align:center;font:700 28px var(--m);outline:none}.otp input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #3fd9ec2e}.otp.err input{border-color:var(--red)}.choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.opt{border-radius:18px;border:1px solid var(--line2);background:var(--field);padding:20px 18px;text-align:left;cursor:pointer;color:#fff;display:flex;flex-direction:column;gap:6px;transition:border-color .15s,background .15s}.opt{transition:border-color .2s,background .2s,transform .2s}.opt:hover{border-color:var(--cyan);transform:translateY(-2px)}.opt.on{border:2px solid var(--mag);background:#e8007c1a;padding:19px 17px}.opt b{font:800 17px var(--u)}.opt span{font-size:13.5px;color:var(--soft);line-height:1.45}.ico{width:42px;height:42px;border-radius:12px;background:#3fd9ec24;display:flex;align-items:center;justify-content:center;margin-bottom:6px}.opt.on .ico{background:#e8007c33}.steps{display:flex;align-items:center;gap:8px;margin:22px 0;flex-wrap:wrap}.steps .st{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--mute);white-space:nowrap}.steps .n{width:24px;height:24px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;background:#ffffff1a;color:var(--mute)}.steps .st.on{color:#fff}.steps .st.on .n{background:#fff;color:var(--deep)}.steps .st.done{color:var(--cyan)}.steps .st.done .n{background:var(--cyan);color:var(--deep)}.steps .bar{flex:1 1 16px;min-width:16px;height:2px;background:var(--line)}.how{display:flex;gap:12px;align-items:flex-start;margin:-4px 0 20px;font-size:14px;line-height:1.55;color:var(--soft)}.how b{color:#fff}.how .link{font-size:14px}.how-ic{flex-shrink:0;width:34px;height:34px;border-radius:10px;background:#3fd9ec1f;display:flex;align-items:center;justify-content:center}.sect{font:800 12px var(--u);letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);margin:6px 0 14px}.note{display:flex;gap:10px;align-items:flex-start;border-radius:14px;padding:13px 15px;background:#3fd9ec1a;border:1px solid rgba(63,217,236,.3);font-size:13.5px;line-height:1.5;color:#c9f4fa;margin-bottom:18px}.actions{display:flex;gap:10px;margin-top:8px}.actions .pri{flex:1}.check{display:flex;gap:11px;align-items:flex-start;cursor:pointer;font-size:14px;line-height:1.5;color:var(--soft);margin:6px 0 18px}.box{flex-shrink:0;width:22px;height:22px;border-radius:7px;border:1.5px solid var(--line2);background:var(--field);display:flex;align-items:center;justify-content:center;margin-top:1px}.box.on{background:var(--mag);border-color:var(--mag)}.box.err{border-color:var(--red)}.dd{position:relative}.dd-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;cursor:pointer}.dd-btn .ph{color:#ffffff61}.dd-pop{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;background:#16313a;border:1px solid var(--line2);border-radius:14px;box-shadow:0 18px 40px #00000073;padding:6px}.dd-q{width:100%;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--field);color:#fff;font:500 14px var(--u);padding:0 12px 0 34px;outline:none;margin-bottom:4px}.dd-list{max-height:230px;overflow-y:auto}.dd-it{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:none;color:#fff;font:600 14px var(--u);padding:10px;border-radius:9px;cursor:pointer}.dd-it:hover{background:#ffffff12}.dd-it.on{background:#3fd9ec24;color:var(--cyan)}.chips{display:flex;flex-wrap:wrap;gap:6px;padding:7px 40px 7px 8px!important;height:auto!important;min-height:52px;align-items:center}.chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 6px 0 12px;border-radius:9px;background:#3fd9ec29;color:#c9f4fa;font:700 13.5px var(--u)}.chip button{width:22px;height:22px;border:0;border-radius:6px;background:transparent;color:#c9f4fa;cursor:pointer;font-size:15px;line-height:1}.upload{display:flex;align-items:center;gap:14px;border:1.5px dashed var(--line2);border-radius:14px;padding:14px 16px;cursor:pointer}.done-ic{width:72px;height:72px;border-radius:24px;background:#7bf0ae29;display:flex;align-items:center;justify-content:center;margin:0 0 20px}.sum{border:1px solid var(--line);border-radius:16px;margin:22px 0}.sum div{display:flex;gap:14px;padding:12px 16px;border-top:1px solid var(--line);font-size:14px}.sum div:first-child{border-top:0}.sum span{width:150px;flex-shrink:0;color:var(--mute)}.sum b{flex:1;min-width:0;text-align:right;overflow-wrap:anywhere}.demo{position:fixed;left:16px;bottom:16px;z-index:50;display:flex;gap:6px;flex-wrap:wrap;max-width:calc(100% - 32px);background:#042f38eb;border:1px solid var(--line);border-radius:12px;padding:6px}.demo button{height:30px;padding:0 10px;border-radius:8px;border:0;background:transparent;color:var(--soft);font:700 12px var(--u);cursor:pointer;white-space:nowrap}.demo button.on{background:#fff;color:var(--deep)}@media (max-width:1060px){.layout{grid-template-columns:minmax(0,1fr)}.hero{padding:26px 22px 0;gap:18px}.h-mid .lead,.h-bot{display:none}.big{font-size:40px}.eyebrow{margin-bottom:12px}.panel{padding:18px 16px 90px}.h-logo{height:40px}}@media (max-width:600px){.card{padding:28px 22px 24px;border-radius:22px}h1{font-size:27px}.grid2,.choice{grid-template-columns:minmax(0,1fr)}.otp input{width:46px;height:58px;font-size:24px}.otp{gap:7px}.sum span{width:110px}}@media (min-width: 761px){html{zoom:.8}.layout{min-height:125vh}html.win{zoom:.68}html.win .layout{min-height:147.06vh}}@media (min-width: 1061px){.layout{max-width:1760px;margin:0 auto;grid-template-columns:minmax(0,1fr) minmax(600px,760px)}.hero{padding:52px 64px 56px clamp(72px,7vw,132px)}.panel{padding:40px clamp(72px,7vw,132px) 40px 40px}}
