:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body{background-color:#000;width:100%;min-height:100vh;margin:0;padding:0}#root{background-color:#000;flex-direction:column;width:100%;min-height:100vh;margin:0;padding:0;display:flex}.otp-card{box-sizing:border-box;-webkit-user-select:none;user-select:none;background:#111114;border:1px solid #ffffff0f;border-radius:36px;flex-direction:column;align-items:center;width:100%;max-width:460px;padding:38px 44px 44px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px -12px #000000d9,0 4px 20px #0009,inset 0 1px #ffffff0d}.otp-handle{background:#2e2e34;border-radius:999px;width:36px;height:4px;margin-bottom:20px}.otp-illustration-container{z-index:1;justify-content:center;align-items:center;width:265px;height:238px;margin:4px auto 26px;display:flex;position:relative}.mobile-mockup-flat{z-index:2;box-sizing:border-box;background:#fff;border:3.5px solid #37474f;border-radius:30px;flex-direction:column;align-items:center;width:142px;height:248px;transition:transform .6s cubic-bezier(.34,1.56,.64,1),box-shadow .6s,border-color .4s;display:flex;position:relative;overflow:visible;box-shadow:0 22px 42px -8px #000000d9,inset 0 0 0 1px #0000000a}.mobile-btn{background:#37474f;border-radius:1px;position:absolute}.mobile-btn-power{width:1.5px;height:20px;top:54px;right:-5px}.mobile-btn-vol-up{width:1.5px;height:14px;top:50px;left:-5px}.mobile-btn-vol-down{width:1.5px;height:14px;top:70px;left:-5px}.mobile-notch-flat{z-index:4;background:#37474f;border-radius:0 0 6px 6px;justify-content:center;align-items:center;gap:3px;width:44px;height:6px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.notch-speaker-grill{background:#181b22;border-radius:1px;width:12px;height:1.5px}.notch-camera-lens{background:#00b4d8;border-radius:50%;width:2px;height:2px;box-shadow:0 0 2px #00b4d8}.mobile-screen-flat{box-sizing:border-box;background:#181b22;border-radius:22px;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:10px 8px 12px;transition:background .4s;display:flex;position:relative;overflow:hidden}.mobile-screen-flat:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 20%,#f59e0b1f 0%,#0000 70%);height:65%;transition:all .4s;position:absolute;top:0;left:0;right:0}.mobile-screen-flat.screen-verified{background:#121f1c}.mobile-screen-flat.screen-verified:before{background:radial-gradient(circle at 50% 20%,#10b98133 0%,#0000 70%)}.screen-status-bar{box-sizing:border-box;z-index:3;justify-content:space-between;align-items:center;width:100%;padding:0 3px;display:flex}.status-time{color:#cbd5e1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:7.5px;font-weight:700}.status-icons{color:#cbd5e1;align-items:center;gap:3px;display:flex}.status-5g{letter-spacing:.3px;font-size:6.5px;font-weight:800}.status-battery{display:block}.phone-lock-wrapper{justify-content:center;align-items:center;margin-top:2px;display:flex;position:relative}.phone-lock-halo{border:1px dashed #f59e0b4d;border-radius:50%;width:44px;height:44px;animation:10s linear infinite rotateHalo;position:absolute}.phone-lock-halo.verified-halo{border-color:#10b98166}@keyframes rotateHalo{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.phone-lock-badge{z-index:2;justify-content:center;align-items:center;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:flex}.phone-lock-badge.unlocked{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards lockPopOpen}.phone-lock-badge.verifying{filter:drop-shadow(0 0 10px #f59e0bd9);animation:.26s ease-in-out infinite lockVibrate}@keyframes lockVibrate{0%{transform:rotate(0)scale(1.03)}25%{transform:rotate(-8deg)scale(1.06)translate(-1.8px)}50%{transform:rotate(0)scale(1.04)translateY(-1px)}75%{transform:rotate(8deg)scale(1.06)translate(1.8px)}to{transform:rotate(0)scale(1.03)}}@keyframes lockPopOpen{0%{transform:scale(1)}50%{transform:scale(1.22)translateY(-4px)}to{transform:scale(1.1)translateY(0)}}.phone-asterisks-pill{color:#f59e0b;letter-spacing:7px;box-sizing:border-box;width:100%;box-shadow:none;z-index:2;background:0 0;border:none;justify-content:center;align-items:center;padding:2px 0;font-size:18px;font-weight:900;transition:all .3s;display:flex}.phone-asterisks-pill.verified-dots{color:#10b981;box-shadow:none;letter-spacing:8px;background:0 0}.phone-verify-pill{color:#111114;letter-spacing:.5px;text-align:center;z-index:2;background:#f59e0b;border-radius:6px;width:84%;padding:5px 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:9.5px;font-weight:800;transition:all .3s;box-shadow:0 4px 12px #f59e0b40}.phone-verify-pill.verified-pill{color:#fff;background:#10b981;box-shadow:0 4px 12px #10b98159}.screen-home-indicator{z-index:2;background:#ffffff40;border-radius:2px;width:34px;height:2.5px}.floating-badge{z-index:20;cursor:default;box-shadow:none;background:0 0;border:none;justify-content:center;align-items:center;transition:transform .5s cubic-bezier(.34,1.56,.64,1),right .5s,left .5s;display:flex;position:absolute}.badge-shield,.badge-lock{color:#00b4d8;animation:3.6s ease-in-out infinite floatRight;top:18px;right:8px}.badge-mail{color:#a855f7;animation:4.2s ease-in-out .4s infinite floatLeft;bottom:56px;left:24px}.container-verifying .badge-shield,.container-verifying .badge-lock{transform:scale(1.12)rotate(10deg);right:-18px!important}.container-verifying .badge-mail{transform:scale(1.12)rotate(-10deg);left:-2px!important}@keyframes floatRight{0%,to{transform:translateY(0)rotate(6deg)}50%{transform:translateY(-9px)rotate(-2deg)}}@keyframes floatLeft{0%,to{transform:translateY(0)rotate(-6deg)}50%{transform:translateY(-9px)rotate(3deg)}}.otp-title{color:#f4f4f6;letter-spacing:-.6px;text-align:center;margin:0 0 12px;font-size:26px;font-weight:700}.otp-subtitle{color:#7a7a85;text-align:center;margin:0 0 36px;font-size:15px;font-weight:400;line-height:1.5}.otp-inputs-container{justify-content:center;gap:16px;width:100%;margin-bottom:40px;display:flex}.otp-input{color:#fff;text-align:center;caret-color:#ff5a36;box-sizing:border-box;background:#1a1a1f;border:1px solid #282830;border-radius:18px;outline:none;width:68px;height:68px;margin:0;padding:0;font-family:inherit;font-size:28px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 2px 4px #0000004d}.otp-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.otp-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.otp-input[type=number]{-moz-appearance:textfield}.otp-input:hover:not(:focus){background:#1f1f26;border-color:#3e3e48;transform:translateY(-1px)}.otp-input:focus,.otp-input.active{background:#1e1e25;border:2px solid #ff5a36;transform:translateY(-2px);box-shadow:0 0 0 4px #ff5a3624,0 8px 24px #ff5a362e,inset 0 2px 4px #0006}.otp-footer{color:#6c6c76;justify-content:center;align-items:center;gap:6px;margin:0;font-size:14px;display:flex}.otp-resend-btn{color:#f4f4f6;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 10px;font-family:inherit;font-size:14px;font-weight:700;transition:all .2s}.otp-resend-btn:hover{color:#ff5a36;background:#ff5a361f;transform:scale(1.03)}.otp-resend-btn:active{transform:scale(.97)}.otp-status-message{color:#10b981;align-items:center;gap:6px;margin-top:20px;font-size:14px;font-weight:500;animation:.3s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.mobile-mockup-flat.phone-verifying{z-index:10;transform:scale(1.12)translateY(-2px);box-shadow:0 32px 70px -10px #000000f2,0 0 32px #ff6f6161;border-color:#0000!important}.mobile-mockup-flat.phone-verified{transition:all .6s cubic-bezier(.34,1.56,.64,1);animation:4s ease-in-out infinite pulseGreenGlow;transform:scale(1.04)translateY(-1px);box-shadow:0 24px 55px -10px #000000eb,0 0 25px #10b98147,inset 0 0 14px #10b9811a;border-color:#10b981!important}@keyframes pulseGreenGlow{0%,to{box-shadow:0 24px 55px -10px #000000eb,0 0 25px #10b98147,inset 0 0 14px #10b9811a}50%{box-shadow:0 28px 60px -10px #000000f2,0 0 36px #10b98161,inset 0 0 18px #10b98126}}.mobile-coral-border-glow{box-sizing:border-box;-webkit-mask-composite:xor;z-index:5;pointer-events:none;background:#37474f;border-radius:28px;padding:3.5px;position:absolute;inset:-3.5px;overflow:hidden;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.mobile-coral-border-glow:before{content:"";background:conic-gradient(#37474f 0deg 160deg,#ff6f61 240deg,#ffd166 310deg,#fff 345deg,#ff6f61 360deg);width:200%;height:200%;animation:1.1s linear infinite spinBorderGradient;position:absolute;top:-50%;left:-50%}.mobile-coral-border-glow:after{content:"";filter:blur(5px);opacity:.9;background:conic-gradient(#0000 0deg 160deg,#ff6f61 240deg,#ffd166 310deg,#fff 345deg,#ff6f61 360deg);width:200%;height:200%;animation:1.1s linear infinite spinBorderGradient;position:absolute;top:-50%;left:-50%}@keyframes spinBorderGradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.verification-success-card{flex-direction:column;justify-content:center;align-items:center;margin-top:18px;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards fadeUpSuccess;display:flex}@keyframes fadeUpSuccess{0%{opacity:0;transform:translateY(14px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.title-verifying-platinum{background:linear-gradient(130deg,#64748b 0%,#e2e8f0 25%,#94a3b8 50%,#fff 75%,#64748b 100%) 0 0/250%;text-shadow:0 0 18px #e2e8f073;-webkit-background-clip:text;background-clip:text;transition:all .4s;animation:1.6s linear infinite platinumShimmer;color:#0000!important}@keyframes platinumShimmer{0%{background-position:0%}to{background-position:200%}}.title-status-green{text-shadow:0 0 16px #10b98173;transition:color .4s,text-shadow .4s;color:#10b981!important}.success-verified-text{color:#10b981;letter-spacing:.3px;text-shadow:0 0 14px #10b98166;margin:0 0 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;font-weight:700}.success-blue-tick-wrapper{justify-content:center;align-items:center;width:50px;height:50px;display:flex}.blue-tick-svg{stroke-width:4px;stroke:#10b981;stroke-miterlimit:10;border-radius:50%;width:50px;height:50px;animation:.4s ease-in-out .4s forwards fillBlueTickCircle,.3s ease-in-out .9s both scaleBlueTick;display:block;box-shadow:inset 0 0 #10b981}.blue-tick-circle{stroke-dasharray:166;stroke-dashoffset:166px;stroke-width:3.5px;stroke-miterlimit:10;stroke:#10b981;fill:none;animation:.6s cubic-bezier(.65,0,.45,1) forwards strokeBlueTickCircle}.blue-tick-check{transform-origin:50%;stroke-dasharray:48;stroke-dashoffset:48px;stroke:#fff;stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round;animation:.4s cubic-bezier(.65,0,.45,1) .5s forwards strokeBlueTickCheck}@keyframes strokeBlueTickCircle{to{stroke-dashoffset:0}}@keyframes strokeBlueTickCheck{to{stroke-dashoffset:0}}@keyframes fillBlueTickCircle{to{box-shadow:inset 0 0 0 30px #10b981}}@keyframes scaleBlueTick{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@media (width<=480px){.otp-card{border-radius:28px;padding:30px 24px 36px}.otp-illustration-container{width:190px;height:160px;margin-bottom:20px}.otp-title{font-size:22px}.otp-input{border-radius:14px;width:58px;height:58px;font-size:24px}.otp-inputs-container{gap:12px}}.app-container{box-sizing:border-box;background-color:#000;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:24px;display:flex}
