.verify-motion{--vm-accent:#078c99;color:#17353c;background:#f7f6f0;border:1px solid #dce2db;border-radius:20px;margin:32px 0 0;overflow:hidden}.vm-steps{border-bottom:1px solid #dce2db;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:24px 30px;list-style:none;display:grid}.vm-steps li{font-size:13px;font-weight:600;line-height:1.5}.vm-steps li>span{color:#078c99;margin-bottom:4px;font:11px monospace;display:block}.vm-scene{grid-template-columns:minmax(0,1fr) 120px 250px;align-items:center;max-width:1050px;margin:auto;padding:42px 60px;display:grid}.vm-app{background:#fffefa;border:1px solid #b9ccca;border-radius:15px;overflow:hidden;box-shadow:0 20px 35px -30px #163b3e66}.vm-app-bar{border-bottom:1px solid #e1e7e0;align-items:center;gap:5px;height:36px;padding:0 15px;display:flex}.vm-app-bar>span{background:#bed0c9;border-radius:50%;width:6px;height:6px}.vm-app-bar>svg{color:#078c99;margin-left:auto}.vm-app-body{min-height:289px;padding:26px;position:relative}.vm-eyebrow{letter-spacing:.08em;color:#527270;font:10px monospace}.vm-app h3{margin:10px 0;font-size:23px;font-weight:600}.vm-app p{color:#536b6e;font-size:12px;line-height:1.65}.vm-number{border:1px solid #d5ded6;border-radius:7px;margin-top:20px;padding:10px 12px;font-size:14px}.vm-code{gap:6px;margin-top:14px;display:flex}.vm-code>span{color:#0000;border:1px solid #b2d6d1;border-radius:5px;flex:1;place-items:center;height:35px;font:17px monospace;display:grid}.vm-action{color:#fff;background:#078c99;border-radius:7px;justify-content:center;align-items:center;gap:7px;margin-top:14px;padding:11px;font-size:12px;font-weight:600;display:flex}.vm-terminal{color:#a0e7df;background:#102e35;align-items:center;height:44px;padding:0 18px;font:11px monospace;display:flex;position:relative}.vm-terminal>*{position:absolute}.vm-check,.vm-result{opacity:0}.vm-success{text-align:center;opacity:0;background:#fffefa;flex-direction:column;justify-content:center;align-items:center;padding:25px;display:flex;position:absolute;inset:0}.vm-success>span{color:#247554;background:#e0f3e5;border-radius:50%;place-items:center;width:58px;height:58px;margin-bottom:18px;display:grid}.vm-success strong{font-size:21px}.vm-success p{max-width:210px;margin-top:10px}.vm-route{background:#a6c7c1;height:1px;position:relative}.vm-letter{color:#fff;opacity:0;background:#16343c;border-radius:9px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:-17px;left:0;box-shadow:0 0 0 5px #078c9914}.vm-route-brand{text-align:center;color:#527270;width:100%;font-size:11px;position:absolute;top:18px}.vm-phone{background:linear-gradient(145deg,#d1eeeb,#e7e4f1 65%,#f5e6d6);border:7px solid #142e35;border-radius:35px;max-width:100%;height:392px;position:relative;overflow:hidden;box-shadow:0 24px 45px -30px #163b3e77}.vm-phone-top{justify-content:space-between;align-items:center;padding:12px 15px;font-size:10px;display:flex}.vm-phone-top i{background:#142e35;border-radius:15px;width:36%;height:18px;position:absolute;top:9px;left:32%}.vm-time{text-align:center;letter-spacing:-2px;margin-top:20px;font-size:46px;font-weight:300}.vm-date{text-align:center;color:#4d6669;padding:8px;font-size:10px}.vm-message{opacity:.35;background:#ffffffde;border-radius:17px;margin:22px 12px 0;padding:14px;transform:translateY(8px)}.vm-message>div{align-items:center;gap:5px;display:flex}.vm-message>div>span{color:#fff;background:#078c99;border-radius:5px;padding:4px;display:flex}.vm-message strong{font-size:9px}.vm-message small{color:#536b6e;margin-left:auto;font-size:9px}.vm-message p{margin:10px 0 0;font-size:12px;line-height:1.6}.vm-message b{letter-spacing:3px;color:#078c99;margin-top:7px;font:24px monospace;display:block}.vm-phone-confirm{color:#216649;opacity:0;justify-content:center;align-items:center;gap:5px;margin-top:16px;font-size:11px;display:flex}.vm-phone-bar{background:#142e35;border-radius:5px;width:36%;height:4px;position:absolute;bottom:9px;left:32%}.verify-motion figcaption{color:#536b6e;border-top:1px solid #dce2db;padding:17px 30px;font-size:12px;line-height:1.7}.verify-motion[data-running=true] .vm-letter{animation:16s ease-in-out infinite vm-letter}.verify-motion[data-running=true] .vm-message{animation:16s infinite vm-message}.verify-motion[data-running=true] .vm-code>span{animation:16s infinite vm-digits}.verify-motion[data-running=true] .vm-success,.verify-motion[data-running=true] .vm-phone-confirm,.verify-motion[data-running=true] .vm-result{animation:16s infinite vm-success}.verify-motion[data-running=true] .vm-start{animation:16s infinite vm-start}.verify-motion[data-running=true] .vm-check{animation:16s infinite vm-check}@keyframes vm-letter{0%,8%{opacity:0;left:0}12%{opacity:1}28%{opacity:1;left:calc(100% - 34px)}32%,to{opacity:0;left:calc(100% - 34px)}}@keyframes vm-message{0%,26%{opacity:.15;transform:translateY(8px)}33%,93%{opacity:1;transform:translateY(0)}to{opacity:.15;transform:translateY(8px)}}@keyframes vm-digits{0%,45%,to{color:#0000;background:0 0}52%,93%{color:#17353c;background:#e9f6ef}}@keyframes vm-success{0%,64%,to{opacity:0}70%,93%{opacity:1}}@keyframes vm-start{0%,45%{opacity:1}50%,to{opacity:0}}@keyframes vm-check{0%,49%,68%,to{opacity:0}53%,64%{opacity:1}}@media (max-width:850px){.vm-scene{grid-template-columns:minmax(0,1fr) 65px 220px;padding:32px}.vm-app-body{padding:20px}.vm-app h3{font-size:20px}}@media (max-width:600px){.vm-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px}.vm-scene{grid-template-columns:minmax(0,1fr);gap:0;padding:24px}.vm-app{justify-self:center;width:100%;max-width:320px}.vm-app-body{min-height:282px}.vm-route{justify-self:center;width:1px;height:65px}.vm-route-brand{width:100px;top:24px;left:16px}.vm-letter{top:0;left:-16px}.vm-phone{justify-self:center;width:230px}.verify-motion[data-running=true] .vm-letter{animation:16s ease-in-out infinite vm-letter-vertical}.verify-motion figcaption{padding:16px 20px}}@keyframes vm-letter-vertical{0%,8%{opacity:0;top:0}12%{opacity:1}28%{opacity:1;top:31px}32%,to{opacity:0;top:31px}}@media (prefers-reduced-motion:reduce){.verify-motion *{animation:none!important}.vm-message{opacity:1;transform:none}.vm-code>span{color:#17353c}.vm-phone-confirm{opacity:1}}
