*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}*{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;outline:none}html,body{height:100%;margin:0;padding:0;font-size:100%;line-height:1.5}*:active,*:focus{outline:none!important;box-shadow:none!important}body{font-family:Arial,sans-serif}img,picture,video,canvas,svg{display:block;max-width:100%}button,input,select,textarea{font-family:inherit}a{text-decoration:none;color:inherit}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}button{background:none;border:none;cursor:pointer}body{height:100%;width:100%;display:flex;justify-self:center;align-items:center;flex-direction:column;overflow:hidden}.mobile-wrapper{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100svh;aspect-ratio:9 / 16;max-width:100%}.step1,.step2,.step3{position:relative}.step2{display:flex;flex-direction:column;justify-content:center;align-items:center}.step1-en-start{position:absolute;bottom:6%;height:7%;width:41%;left:7%}.step1-malay-start{position:absolute;bottom:6%;height:7%;width:41%;right:7%}.gender-alert{position:absolute;top:36%;left:20%}.q1-alert{top:57%;left:30%}.q2-alert{top:69%;left:38%}.step2-name,.step2-email,.step2-age,.step2-phone{position:absolute;width:54%;font-size:1.2rem;text-align:center;background-color:transparent;border:0;color:#fff}.step2-name{top:20.4%;right:15%}.step2-age{top:26.3%;right:15%}.step2-email{top:38.5%;right:15%}.step2-phone{top:45%;right:15%}.step2-male,.step2-female{position:absolute;width:28%;height:4.3%;z-index:2}.step2-male{top:32%;left:29%}.step2-female{top:32%;right:13%}.step2-q1-yes,.step2-q1-no,.step2-q1-text,.step2-q2-ig,.step2-q2-fb,.step2-q2-text,.step2-q3-text,.step2-q2-text-btn{position:absolute;top:0;z-index:2}.step2-q1-yes{width:12%;height:4%;left:21%;top:54%}.step2-q1-yes.my{left:17%}.step2-q1-no{width:12%;height:4%;left:34%;top:54%}.step2-q1-no.my{left:31%}.step2-q2-ig{width:20%;height:4%;left:21%;top:68%}.step2-q2-ig.my{left:17%;top:69%}.step2-q2-text-btn{width:17%;height:4%;left:21%;top:72%}.step2-q2-text-btn.my{left:18%;top:72.9%}.step2-q2-fb{width:21%;height:4%;left:43%;top:68%}.step2-q2-fb.my{left:40%;top:69%}.step2-q2-text{left:39%;top:72%;font-size:1rem;border:0;background-color:transparent;width:45%;color:#fff}.step2-q2-text.my{top:73%;left:38%}.step2-q3-text{left:22%;top:83%;font-size:1rem;border:0;background-color:transparent;width:64%;color:#fff}.step2-q3-text.my{left:18%}.step2-q1-text{left:23%;top:61%;font-size:1rem;border:0;background-color:transparent;width:62%;color:#fff}.step2-q1-text.my{left:20%}.step2-submit{position:absolute;width:34%;height:6%;bottom:4%;right:33%}.step2-male-pic{top:31.6%;left:30%;position:absolute;width:28%}.step2-female-pic{top:31.6%;right:13%;position:absolute;width:28%}.checked-pic{width:4%;position:absolute}.step2-q1-yes-checked-pic{top:54.1%;left:21%}.step2-q1-yes-checked-pic.my{left:18%}.step2-q2-fb-checked-pic{bottom:28.5%;left:44%}.step2-q2-fb-checked-pic.my{bottom:27.7%;left:40.8%}.step2-q2-text-checked-pic{bottom:25.3%;left:21.3%}.step2-q2-text-checked-pic.my{bottom:24.5%;left:18%}.step2-q1-no-checked-pic{top:54.1%;left:34.3%}.step2-q1-no-checked-pic.my{left:31%}.step2-q2-ig-checked-pic{bottom:28.5%;left:21%}.step2-q2-ig-checked-pic.my{bottom:27.7%;left:18%}.result{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.result-pic{top:4%;position:absolute;width:70%;aspect-ratio:9 / 16}.result-retry{position:absolute;width:38%;height:6%;bottom:13%;left:9%}.result-share{position:absolute;width:38%;height:6%;bottom:5%;left:9%}.loading{position:relative}.loader{position:absolute;bottom:5%}.gradient-border{background:transparent;position:relative;z-index:0;width:70%;position:absolute;top:4%;aspect-ratio:9 / 16}.gradient-border:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;z-index:-1;background:linear-gradient(to bottom left,#f0f,#00f,#0ff);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:destination-out;padding:2px}.red{color:#f52528}.hidden-alert{position:absolute;opacity:0;height:0}.hidden{display:none}