.notification-screen{pointer-events:none;z-index:99999!important;width:100vw!important;height:100vh!important;position:fixed!important;inset:0!important}.notification-bar{box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:24px;min-height:110px;padding:14px 18px;animation:4s ease-in-out infinite demo-notification-cycle;display:block;box-shadow:0 5px 25px #00000040;z-index:100000!important;pointer-events:auto!important;background:#fff!important;width:calc(100% - 16px)!important;text-decoration:none!important;position:fixed!important;top:8px!important;left:8px!important}.notification-app-row{align-items:center;width:100%;height:24px;margin-bottom:7px;display:flex}.notification-screen .messages-icon{flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-right:8px;display:flex}.notification-screen .messages-svg{flex-shrink:0;width:22px;height:22px;display:block}.notification-screen .messages-name{color:#777;letter-spacing:.25px;font-size:14px;font-weight:600;line-height:1}.notification-screen .messages-demo{color:#999;letter-spacing:.5px;margin-left:7px;font-size:10px;font-weight:600;line-height:1}.notification-screen .messages-now{color:#999;margin-left:auto;font-size:12px;font-weight:500;line-height:1}.notification-screen .notification-message{box-sizing:border-box;width:100%;padding-left:30px}.notification-screen .notification-title{font-size:19px;font-weight:700;line-height:1.15;color:#555!important}.notification-screen .notification-subtitle{margin-top:3px;font-size:12px;font-weight:500;line-height:1.25;color:#777!important}.notification-screen .notification-order{margin-top:3px;font-size:12px;font-weight:600;line-height:1.2;color:#777!important}@keyframes demo-notification-cycle{0%{opacity:0;transform:translateY(-125%)}10%{opacity:1;transform:translateY(0)}62%{opacity:1;transform:translateY(0)}78%{opacity:0;transform:translateY(-125%)}to{opacity:0;transform:translateY(-125%)}}.notification-middle{pointer-events:none;justify-content:center;align-items:center;padding:0 12px;display:flex;z-index:100001!important;position:fixed!important;inset:0!important}.notification-screen .middle-card{text-align:center;pointer-events:auto;box-sizing:border-box;max-width:370px;padding:18px 14px 14px;animation:.35s ease-out both notification-middle-in;overflow:hidden;color:#fff!important;background:#3a3a3a!important;border:none!important;border-radius:20px!important;width:100%!important;box-shadow:0 12px 35px #00000073!important}.notification-screen .middle-icon{justify-content:center;align-items:center;width:100%;height:27px;margin-bottom:4px;font-size:20px;line-height:1;display:flex;color:#d7d7d7!important;background:0 0!important}.notification-screen .middle-message{margin-bottom:14px;font-size:14px;font-weight:500;line-height:1.25;color:#eee!important;background:0 0!important}.call-buttons{align-items:stretch;gap:10px;width:100%;display:flex}.notification-screen .call-button{cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;border-radius:30px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;height:58px;padding:7px 5px;font-family:inherit;transition:transform .12s,filter .12s;display:flex;color:#fff!important;box-shadow:none!important;border:none!important;text-decoration:none!important}.notification-screen .call1{background:#777!important}.notification-screen .call2{background:#2196f3!important}.notification-screen .call-button:active{filter:brightness(.9);transform:scale(.97)}.call-label{font-size:15px;font-weight:700;line-height:1.1}.call-number{opacity:.95;margin-top:3px;font-size:10px;font-weight:500;line-height:1.1}@keyframes notification-middle-in{0%{opacity:0;transform:translateY(25px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=480px){.notification-bar{border-radius:22px;min-height:105px;padding:12px 14px;width:calc(100% - 10px)!important;top:5px!important;left:5px!important}.notification-app-row{height:23px;margin-bottom:6px}.notification-screen .messages-icon{width:22px;height:22px;margin-right:7px}.notification-screen .messages-svg{width:22px;height:22px}.notification-screen .messages-name{font-size:13px}.notification-screen .messages-demo{margin-left:6px;font-size:9px}.notification-screen .messages-now{font-size:11px}.notification-screen .notification-message{padding-left:29px}.notification-screen .notification-title{font-size:18px!important}.notification-screen .notification-subtitle{font-size:11px!important}.notification-screen .notification-order{font-size:12px!important}.notification-middle{padding:0 12px}.notification-screen .middle-card{border-radius:18px;max-width:360px;padding:17px 11px 12px}.notification-screen .middle-message{margin-bottom:13px;font-size:13px}.notification-screen .call-button{height:56px}.call-label{font-size:14px}.call-number{font-size:9px}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{-webkit-text-size-adjust:100%;width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{background:#111;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Arial,sans-serif}.app{color:#fff;background-image:url(/assets/background-3Y_Xcglx.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:fixed;inset:0;overflow:hidden}.app-header{width:100%;height:64px;padding:env(safe-area-inset-top) 20px 0 20px;-webkit-backdrop-filter:blur(3px);background:#0003;justify-content:space-between;align-items:center;display:flex;position:relative}.app-logo{color:#fff;text-shadow:0 1px 8px #00000073;font-size:20px;font-weight:700}.app-icons{gap:7px;display:flex}.app-icons span{background:#ffffff73;border-radius:10px;width:38px;height:8px}.app-hero{background:#00000014;width:100%;padding:42px 24px;position:relative}.app-hero h1{color:#fff;text-shadow:0 2px 12px #0000008c;max-width:290px;margin-bottom:17px;font-size:38px;line-height:1.05}.app-hero p{color:#ffffffd1;text-shadow:0 1px 8px #00000080;max-width:285px;font-size:15px;line-height:1.55}.app-content{padding:22px}.fake-card{-webkit-backdrop-filter:blur(4px);background:#00000038;border:1px solid #ffffff14;border-radius:14px;height:82px;margin-bottom:13px}.overlay{-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;z-index:10;background:#000000b3;transition:opacity .25s;position:fixed;inset:0}.overlay.active{opacity:1;pointer-events:auto}.payment-sheet{color:#111;z-index:20;background:#fff;border-radius:28px 28px 0 0;width:100%;height:46vh;min-height:350px;max-height:420px;transition:transform .42s cubic-bezier(.22,1,.36,1);position:fixed;bottom:0;left:50%;overflow:hidden;transform:translate(-50%,100%);box-shadow:0 -10px 40px #00000059}.payment-sheet.active{transform:translate(-50%)}.close-button{color:#555;z-index:60;cursor:pointer;background:#eeeeef;border:none;border-radius:50%;width:36px;height:36px;font-size:25px;font-weight:300;line-height:36px;position:absolute;top:16px;left:17px}.close-button:active{transform:scale(.94)}.demo-label{text-align:center;color:#888;letter-spacing:1px;font-size:9px;font-weight:700;position:absolute;top:22px;left:0;right:0}.sheet-content{padding:64px 21px 20px;position:absolute;inset:0}.section-title{color:#777;margin-bottom:9px;font-size:12px}.card-row{align-items:center;gap:12px;margin-bottom:23px;display:flex}.card-icon{background:linear-gradient(135deg,#fafafa,#ddd);border:1px solid #ddd;border-radius:6px;flex-shrink:0;width:53px;height:35px;position:relative;overflow:hidden}.circle-one,.circle-two{border-radius:50%;width:20px;height:20px;position:absolute;top:7px}.circle-one{background:#e74c3c;left:12px}.circle-two{background:#f5c542;right:12px}.card-name{font-size:16px;font-weight:500}.payment-title{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.payment-label{color:#777;font-size:12px}.merchant{font-size:16px;font-weight:500}.subtotal{justify-content:space-between;align-items:center;margin-bottom:13px;font-size:13px;display:flex}.subtotal span{color:#777}.divider{background:#dedede;width:100%;height:1px;margin-bottom:13px}.merchant-row{justify-content:space-between;align-items:center;display:flex}.merchant-name{color:#777;font-size:15px}.amount{letter-spacing:-1px;font-size:34px;font-weight:500}.processing{color:#888;justify-content:center;align-items:center;gap:8px;margin-top:27px;font-size:14px;display:flex}.spinner{border:3px solid #dedede;border-top-color:#777;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.demo-notice{text-align:center;color:#aaa;letter-spacing:.6px;font-size:7px;font-weight:700;position:absolute;bottom:9px;left:0;right:0}.biometric-panel{z-index:50;opacity:0;pointer-events:none;background:#2d2e30;border-radius:0 0 27px 27px;width:275px;height:190px;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .15s;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%,-100%)}.biometric-panel.active{opacity:1;transform:translate(-50%)}.verify-state{opacity:1;flex-direction:column;justify-content:center;align-items:center;transition:opacity .16s,transform .2s;display:flex;position:absolute;inset:0;transform:scale(1)}.verify-state.hide{opacity:0;transform:scale(.86)}.scan-frame{width:70px;height:70px;margin-bottom:13px;position:relative}.scan-corner{border:4px solid #aaa;width:18px;height:18px;position:absolute}.corner-tl{border-bottom:0;border-right:0;border-radius:6px 0 0;top:0;left:0}.corner-tr{border-bottom:0;border-left:0;border-radius:0 6px 0 0;top:0;right:0}.corner-bl{border-top:0;border-right:0;border-radius:0 0 0 6px;bottom:0;left:0}.corner-br{border-top:0;border-left:0;border-radius:0 0 6px;bottom:0;right:0}.face-outline{border:3px solid #eee;border-radius:48% 48% 45% 45%;width:36px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.eye{background:#eee;border-radius:50%;width:4px;height:4px;position:absolute;top:15px}.eye-left{left:7px}.eye-right{right:7px}.nose{background:#eee;width:2px;height:8px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.mouth{border-bottom:3px solid #eee;border-radius:50%;width:13px;height:6px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.scan-line{background:#ddd;height:2px;animation:.55s ease-in-out infinite quickScan;position:absolute;top:7px;left:7px;right:7px;box-shadow:0 0 7px #ffffff8c}@keyframes quickScan{0%{top:7px}50%{top:61px}to{top:7px}}.biometric-title{color:#fff;font-size:18px;font-weight:400}.success-state{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;transition:opacity .2s,transform .25s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:0;transform:scale(.78)}.success-state.show{opacity:1;transform:scale(1)}.check-container{width:67px;height:67px;margin-bottom:13px}.check-svg{width:67px;height:67px;overflow:visible}.check-ring{fill:none;stroke:#2ee663;stroke-width:3.5px;stroke-dasharray:183;stroke-dashoffset:183px}.check-mark{fill:none;stroke:#2ee663;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:45;stroke-dashoffset:45px}.success-state.show .check-ring{animation:.38s forwards drawCircle}.success-state.show .check-mark{animation:.25s .28s forwards drawCheck}@keyframes drawCircle{to{stroke-dashoffset:0}}@keyframes drawCheck{to{stroke-dashoffset:0}}.success-title{color:#fff;margin-bottom:15px;font-size:37px;font-weight:500;line-height:1}.success-amount{color:#a5a5a6;font-size:23px;font-weight:400}@media (width<=480px){.app{background-position:50%;background-size:cover}.payment-sheet{width:100%;max-width:480px}}@supports (padding:env(safe-area-inset-bottom)){.payment-sheet{padding-bottom:env(safe-area-inset-bottom)}}.final-overlay{z-index:25;-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#000000b3;transition:opacity .25s;position:fixed;inset:0}.final-screen{z-index:30;width:100%;height:100%;position:fixed;inset:0;overflow:hidden}@media (width<=480px){.final-screen{width:100%;height:100%}}.final-overlay{z-index:10;opacity:1;pointer-events:none;width:100%;height:100%;-webkit-backdrop-filter:none!important;background:0 0!important;position:fixed!important;inset:0!important}.final-overlay.active{opacity:1}.app.final-active .fake-card{display:none!important}