*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#05070c;width:100%;min-height:100%}html,body{overflow:hidden}body{color:#fff;-webkit-user-select:none;user-select:none;min-height:100dvh;font-family:Outfit,Arial,sans-serif}.guard-on body,.guard-on #root{filter:blur(18px);pointer-events:none}#root{justify-content:center;align-items:center;min-height:100dvh;display:flex;overflow:hidden}.scene{z-index:0;pointer-events:none;background:radial-gradient(at 20% 12%,#1e50a052,#0000 45%),radial-gradient(at 82% 88%,#0064b42e,#0000 48%),linear-gradient(#071018 0%,#04060a 55%,#020308 100%);position:fixed;inset:-120px}.orb{filter:blur(90px);pointer-events:none;will-change:transform;border-radius:50%;position:absolute;transform:translateZ(0)}.orb-1{opacity:.28;background:#1a6dff;width:420px;height:420px;animation:18s ease-in-out infinite drift;top:40px;left:30px}.orb-2{opacity:.18;background:#0090ff;width:500px;height:500px;animation:22s ease-in-out infinite reverse drift;bottom:0;right:20px}.grid{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:-56px;-webkit-mask-image:radial-gradient(circle at 50% 45%,#000 18%,#0000 78%);mask-image:radial-gradient(circle at 50% 45%,#000 18%,#0000 78%)}.help{z-index:30;-webkit-backdrop-filter:blur(18px);background:#080c14d1;border:1px solid #ffffff1f;border-radius:16px;width:225px;padding:14px 15px;font-size:12px;line-height:1.45;display:none;position:fixed;top:10px;right:10px}.help-title{margin-bottom:4px;font-size:14px;font-weight:700}.help-text{color:#a8b0bb}.help-text b{color:#fff}.arrow{pointer-events:none;width:30px;height:30px;position:absolute;top:-29px;right:13px}.arrow:before{content:"";background:#fff;border-radius:5px;width:3px;height:25px;position:absolute;top:5px;right:8px;transform:rotate(42deg)}.arrow:after{content:"";border-top:3px solid #fff;border-right:3px solid #fff;width:10px;height:10px;position:absolute;top:0;right:1px;transform:rotate(42deg)}.card-stage{z-index:10;perspective:1200px;perspective-origin:50%;width:min(92%,480px);position:relative;transform:translateZ(0)}.card{text-align:center;width:100%;min-height:420px;transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;background:linear-gradient(#121a28eb,#080c14e0),linear-gradient(#ffffff17,#ffffff08);border:1px solid #ffffff24;border-radius:28px;padding:52px 34px 48px;transition:box-shadow .35s,border-color .35s,background .35s;animation:.9s cubic-bezier(.16,1,.3,1) both rise;position:relative;overflow:hidden;transform:rotateX(0)rotateY(0);box-shadow:0 30px 80px #00000080,inset 0 1px #ffffff29}.card.is-hover{background:linear-gradient(#162030f0,#0a0e18e6),linear-gradient(#ffffff21,#ffffff0d);border-color:#8cbeff66;box-shadow:0 40px 90px #0000008c,0 0 60px #3278dc38,inset 0 1px #ffffff38}.card:before{content:"";pointer-events:none;z-index:2;opacity:0;background:linear-gradient(90deg,#0000,#ffffff1f,#0000);width:55%;height:100%;position:absolute;top:0;left:-140%;transform:skew(-18deg)}.card.is-hover:before{animation:.85s shine}.card>*{z-index:1;position:relative}h1{letter-spacing:.4px;color:#fff;margin-bottom:12px;font-size:30px;font-weight:700}.description{color:#8b939e;margin-bottom:24px;font-size:14px;line-height:1.5}.users{color:#d4dae4;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;margin-bottom:38px;padding:8px 14px 8px 12px;font-size:13px;font-weight:600;display:inline-flex}.live-dot{background:#6ee7ff;border-radius:50%;width:8px;height:8px;animation:1.8s ease-out infinite live}.buttons{flex-direction:column;width:100%;display:flex}.go-form{width:100%;margin:0}.bot-button{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(#ffffff17,#ffffff08);border:1px solid #ffffff24;border-radius:18px;justify-content:center;align-items:center;width:100%;height:70px;padding:0 56px;font-family:inherit;font-size:15px;font-weight:600;transition:transform .25s,border-color .25s,background .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.bot-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff29,#0000);width:55%;height:100%;position:absolute;top:0;left:-130%;transform:skew(-22deg)}.bot-button:hover{background:linear-gradient(#ffffff21,#ffffff0d);border-color:#ffffff47;transform:translateY(-2px);box-shadow:0 14px 32px #00000047}.bot-button:hover:before{animation:.75s shine}.bot-button:active{transform:scale(.985)}.bot-button:disabled{cursor:wait;opacity:.82}.btn-icon{background:#ffffff14;border:1px solid #ffffff1f;border-radius:13px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:absolute;left:12px}.btn-icon svg{fill:#fff;width:20px;height:20px}.btn-text{text-align:center;flex-direction:column;align-items:center;gap:3px;display:flex}.btn-title{font-size:15px;font-weight:600}.btn-sub{color:#8e98a6;font-size:11px;font-weight:500}.btn-arrow{opacity:.55;width:18px;height:18px;transition:transform .25s,opacity .25s;position:absolute;right:18px}.bot-button:hover .btn-arrow{opacity:1;transform:translate(3px)}.footer-text{color:#5a6270;margin-top:52px;font-size:11px}@keyframes drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(36px,20px)scale(1.06)}}@keyframes rise{0%{opacity:0}to{opacity:1}}@keyframes shine{0%{opacity:1;left:-130%}80%{opacity:1}to{opacity:0;left:160%}}@keyframes live{0%{box-shadow:0 0 #6ee7ff80}to{box-shadow:0 0 0 10px #6ee7ff00}}@media (width<=700px){.help{display:block}.card-stage{width:calc(100% - 28px);max-width:440px}.card{border-radius:24px;min-height:400px;padding:38px 20px 32px}h1{font-size:26px}.description{margin-bottom:18px;font-size:13px}.users{margin-bottom:28px}.bot-button{height:64px}.footer-text{margin-top:64px}.card,.card.is-hover{animation:.9s cubic-bezier(.16,1,.3,1) both rise;transform:none!important}.card.is-hover:before{animation:none}}@media (width<=380px){.help{width:210px;font-size:11px}.help-title{font-size:13px}.card{min-height:400px;padding:34px 16px 28px}.footer-text{margin-top:58px}h1{font-size:24px}.bot-button{height:60px}.btn-title{font-size:13px}}
