@font-face {
  font-family: "Arial";
}
* {margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;}
body {background:#000;max-width:750px;margin:0 auto;}
img {width:100%;height:100%;}
.ai-modal {
    position: fixed;
    display: none;
    right: 0px;
    left: 0px;
    top: 0px;
    bottom: 0px;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    align-items: center;
    background: rgba(0, 0, 0, 0.7);
    color: white;
}
@keyframes breath {
    0% {
        box-shadow: 0 2px 12px 0 #15a22333;
        transform: scale(1);
    }

    50% {
        box-shadow: 0 6px 24px 0 #15a22355;
        transform: scale(1.04);
    }

    100% {
        box-shadow: 0 2px 12px 0 #15a22333;
        transform: scale(1);
    }
}
.container {width:100%;height:100vh;position:relative;}
.overlay-box,.report-box,.report-box2,.error-box {
  position:fixed;left:50%;top:0;transform:translateX(-50%);
  width:100%;max-width:750px;height:100%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,0.72);z-index:99999;padding:0 5%;
}
.error-box {display:none;background:rgba(0,0,0,0.7);}
.error-inner {
  padding:30px;font-size:20px;color:#fff;text-align:center;
  background:rgba(0,0,0,0.8);border-radius:10px;
  box-shadow:0 4px 8px rgba(0,0,0,0.5);
  line-height:1.5;max-width:750px;width:100%;overflow:auto;
}
.header-title {
  width:81%;height:120px;margin:auto;
  font-size:24px;font-weight:700;text-align:center;color:#fff;
  background:url("../image/title.png") no-repeat;background-size:100% 100%;
  padding:5% 0;
}
.robot-box {width:218px;height:160px;margin:auto;}
.section {width:81%;margin:2% auto 0;}
.content-card {
  padding:6% 3%;border-radius:12px;
  background:rgba(12,21,40,0.88);
  box-shadow:0px 2px 4px rgba(0,78,184,0.16);
  border:1px solid rgba(255,255,255,0.08);
}
.headline {font-weight:900;font-size:26px;color:#fff;text-align:center;}
.sub-text {margin-top:10px;font-size:20px;color:#fff;text-align:center;line-height:30px;}
.input-stock {
  margin-top:1rem;width:100%;height:50px;font-size:17px;text-align:center;
  border:1px solid rgba(255,255,255,0.08);border-radius:34px;padding:1rem 2rem;
}
.action-btn {margin-top:8px;cursor:pointer;animation:btnPulse 1.5s infinite;}
.cta-btn {
  margin-top:28px;width:100%;height:55px;cursor:pointer;
  font-size:17px;color:#fff;text-align:center;line-height:38px;
  border-radius:2rem;
  background:url("../image/btn.png") no-repeat;background-size:100% 100%;
  animation:btnPulse 1.5s infinite;
}
.overlay-title {font-weight:900;font-size:20px;color:#96b8ff;text-align:center;}
.progress-step {margin-top:12px;}
.progress-label {font-size:14px;color:#fff;}
.progress-bar {
  width:100%;height:16px;margin-top:12px;
  background:url("../image/out.png") no-repeat;background-size:100% 100%;
}
.bar-inner {
  height:100%;width:0;border-radius:8px;
  background:linear-gradient(180deg,#fc9aff 0%,#deb1ff 25%,#4150f2 68%,#0036ab 100%);
}
.step1 {animation:fill 1.5s forwards;}
.step2 {animation:fill 1.5s forwards .6s;}
.step3 {animation:fill 1.5s forwards 1.2s;}
.report-title {font-weight:900;font-size:30px;color:#96b8ff;text-align:center;line-height:30px;}
.fx-whatsapp {
  width:100%;height:60px;cursor:pointer;font-size:14px;
  background:url("../image/btn.png") no-repeat;background-size:100% 100%;
  animation:btnPulse 1.5s infinite;margin-top: 28px;color: #fff;line-height: 38px;text-align: center;
}
@keyframes fill {to{width:100%;}}
@keyframes btnPulse {
  0%{transform:scale(1);}50%{transform:scale(1.1);}100%{transform:scale(1);}
}