.page-container-success{overflow-y:scroll;max-width:480px;width:100vw;padding:1em}.container-success{width:100%;background:rgba(25,25,25,.95);border-radius:24px;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 100px rgba(74,222,128,.1);overflow:hidden}.header-success{background:linear-gradient(135deg,rgba(74,222,128,.1),rgba(74,222,128,.05));padding:40px 30px;text-align:center;border-bottom:1px solid hsla(0,0%,100%,.05)}.logo-container-success{width:90px;height:90px;margin:0 auto;position:relative}.spider-logo-success{width:100%;height:100%;background:linear-gradient(135deg,#4ade80,#22c55e);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(74,222,128,.3);animation:subtle-pulse-success 3s infinite}@keyframes subtle-pulse-success{0%,to{transform:scale(1);box-shadow:0 10px 30px rgba(74,222,128,.3)}50%{transform:scale(1.02);box-shadow:0 12px 35px rgba(74,222,128,.4)}}.spider-icon-success{fill:#fff}.brand-name-success{font-size:32px;font-weight:700;color:#fff;letter-spacing:3px;text-transform:uppercase;background:linear-gradient(135deg,#fff,#4ade80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.content-success{padding:40px 30px 50px;text-align:center}.status-badge-success{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;padding:12px 24px;border-radius:30px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:35px;box-shadow:0 6px 20px rgba(74,222,128,.4);animation:badge-slide .6s ease-out .3s both}.status-icon-container-success{width:120px;height:120px;margin:0 auto 30px;position:relative;animation:icon-zoom .5s ease-out .5s both}.status-circle-success{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,rgba(74,222,128,.1),rgba(74,222,128,.05));border:3px solid #4ade80;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.checkmark-success{width:60px;height:60px;stroke:#4ade80;stroke-width:3;fill:none;stroke-dasharray:100;stroke-dashoffset:100;animation:draw-checkmark .8s ease-out .8s both;z-index:1;position:relative}@keyframes draw-checkmark{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.status-title-success{font-size:24px;font-weight:600;color:#4ade80;margin-bottom:15px;animation:fade-in .5s ease-out 1s both}.status-message-success{color:hsla(0,0%,100%,.7);font-size:15px;line-height:1.6;margin-bottom:0;animation:fade-in .5s ease-out 1.2s both}.loading-dots-success span{display:inline-block;width:4px;height:4px;background-color:hsla(0,0%,100%,.7);border-radius:50%;margin-left:3px;animation:loading-dots-animation 1.4s ease-in-out infinite both}.loading-dots-success span:first-child{animation-delay:-.32s}.loading-dots-success span:nth-child(2){animation-delay:-.16s}@keyframes loading-dots-animation{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media (max-width:480px){.container-success{max-width:100%}.content-success,.header-success{padding:35px 25px}.status-icon-container-success{width:100px;height:100px}.checkmark-success{width:50px;height:50px}}.page-container-verify{overflow-y:scroll;max-width:480px;width:100vw;padding:1em}.container-verify{width:100%;background:rgba(25,25,25,.95);border-radius:24px;border:1px solid rgba(26,188,156,.15);box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 100px rgba(26,188,156,.15),inset 0 0 120px rgba(26,188,156,.02);overflow:hidden}.header-verify{background:linear-gradient(135deg,rgba(26,188,156,.08),rgba(26,188,156,.03));padding:40px 30px;text-align:center;border-bottom:1px solid rgba(26,188,156,.1)}.logo-container-verify{width:120px;height:120px;margin:0 auto;position:relative}.spider-logo-verify{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.spider-icon-verify{width:80px;height:80px;fill:#fff}.brand-name-verify{font-size:28px;font-weight:700;color:#1abc9c;letter-spacing:2px;text-transform:uppercase}.content-verify{padding:30px;text-align:center}.payment-badge-verify{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#1abc9c,#16a085);color:#fff;padding:12px 24px;border-radius:30px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:35px;box-shadow:0 6px 20px rgba(26,188,156,.4);animation:badge-slide-verify .6s ease-out .3s both}.payment-info-verify{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:16px;padding:20px;margin-bottom:25px}.info-row-verify{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.info-row-verify:last-child{margin-bottom:0}.info-label-verify{color:hsla(0,0%,100%,.5);font-size:13px;text-transform:uppercase;letter-spacing:.5px}.info-value-verify{color:#fff;font-size:16px;font-weight:600}.amount-verify{font-size:24px;color:#1abc9c}.description-verify{color:hsla(0,0%,100%,.7);font-size:14px;line-height:1.6;text-align:center;margin-bottom:30px}.button-group-verify{display:flex;gap:12px}.btn-verify{flex:1;padding:16px;border:none;border-radius:12px;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-verify:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.1);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-verify:active:before{width:300px;height:300px}.btn-approve-verify{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;box-shadow:0 4px 15px rgba(74,222,128,.3)}.btn-approve-verify:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(74,222,128,.4)}.btn-cancel-verify{background:hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.7);border:1px solid hsla(0,0%,100%,.1)}.btn-cancel-verify:hover{background:rgba(26,188,156,.1);border-color:rgba(26,188,156,.3);color:#1abc9c}.security-note-verify{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;padding-top:20px;border-top:1px solid hsla(0,0%,100%,.05)}.security-icon-verify{width:16px;height:16px;fill:hsla(0,0%,100%,.4)}.security-text-verify{color:hsla(0,0%,100%,.4);font-size:12px}.status-badge-verify{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#1abc9c,#16a085);color:#fff;padding:12px 24px;border-radius:30px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:35px;box-shadow:0 6px 20px rgba(26,188,156,.4);animation:badge-slide-verify .6s ease-out .3s both}@keyframes badge-slide-verify{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.status-icon-container-verify{width:120px;height:120px;margin:0 auto 30px;position:relative;animation:icon-zoom-verify .5s ease-out .5s both}@keyframes icon-zoom-verify{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.status-circle-verify{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,rgba(26,188,156,.1),rgba(26,188,156,.05));border:3px solid #1abc9c;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.status-circle-verify:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at center,transparent 0,rgba(26,188,156,.1) 100%);animation:pulse-ring-verify 2s ease-out infinite}@keyframes pulse-ring-verify{0%{transform:scale(.8);opacity:1}to{transform:scale(1.3);opacity:0}}.checkmark-verify{width:60px;height:60px;stroke:#1abc9c;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;z-index:1;position:relative}.checkmark-path-verify{animation:draw-check-verify .8s ease-out .8s both}@keyframes draw-check-verify{0%{stroke-dasharray:100;stroke-dashoffset:100}to{stroke-dasharray:100;stroke-dashoffset:0}}.status-title-verify{font-size:24px;font-weight:600;color:#1abc9c;margin-bottom:15px;animation:fade-in-verify .5s ease-out 1s both}@keyframes fade-in-verify{0%{opacity:0}to{opacity:1}}.status-message-verify{color:hsla(0,0%,100%,.6);font-size:14px;line-height:1.5;margin-bottom:0;animation:fade-in-verify .5s ease-out 1.2s both;font-weight:400;letter-spacing:.3px}.loading-dots-verify{display:inline-block;margin-left:5px}.loading-dots-verify span{display:inline-block;width:4px;height:4px;border-radius:50%;background:hsla(0,0%,100%,.7);margin:0 2px;animation:blink-verify 1.4s infinite both}.loading-dots-verify span:nth-child(2){animation-delay:.2s}.loading-dots-verify span:nth-child(3){animation-delay:.4s}@keyframes blink-verify{0%,60%,to{opacity:.3}30%{opacity:1}}@media (max-width:480px){.container-verify{max-width:100%}.content-verify,.header-verify{padding:25px}}.page-container-cancelled{overflow-y:scroll;max-width:480px;width:100vw;padding:1em}.container-cancelled{width:100%;background:rgba(25,25,25,.95);border-radius:24px;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 100px rgba(255,91,91,.1);overflow:hidden}.header-cancelled{background:linear-gradient(135deg,rgba(255,91,91,.1),rgba(255,91,91,.05));padding:40px 30px;text-align:center;border-bottom:1px solid hsla(0,0%,100%,.05)}.logo-container-cancelled{width:90px;height:90px;margin:0 auto;position:relative}.spider-logo-cancelled{width:100%;height:100%;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 10px 30px rgba(255,91,91,.2));animation:subtle-pulse 3s infinite}@keyframes subtle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.spider-icon-cancelled{fill:#fff}.brand-name-cancelled{font-size:32px;font-weight:700;color:#fff;letter-spacing:3px;text-transform:uppercase;background:linear-gradient(135deg,#fff,#ff8a8a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.content-cancelled{padding:40px 30px 50px;text-align:center}.status-badge-cancelled{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ff5b5b,#f44);color:#fff;padding:12px 24px;border-radius:30px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:35px;box-shadow:0 6px 20px rgba(255,91,91,.4);animation:badge-slide .6s ease-out .3s both}@keyframes badge-slide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.status-icon-container-cancelled{width:120px;height:120px;margin:0 auto 30px;position:relative;animation:icon-zoom .5s ease-out .5s both}@keyframes icon-zoom{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.status-circle-cancelled{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,rgba(255,91,91,.1),rgba(255,91,91,.05));border:3px solid #ff5b5b;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.status-circle-cancelled:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,91,91,.1),transparent);animation:shine 3s ease-in-out infinite}@keyframes shine{0%,to{transform:translateX(-100%) translateY(-100%)}50%{transform:translateX(100%) translateY(100%)}}.x-icon-cancelled{width:60px;height:60px;stroke:#ff5b5b;stroke-width:3;fill:none;animation:draw-x .8s ease-out .8s both;z-index:1;position:relative}@keyframes draw-x{0%{stroke-dasharray:100;stroke-dashoffset:100}to{stroke-dasharray:100;stroke-dashoffset:0}}.status-title-cancelled{font-size:24px;font-weight:600;color:#ff5b5b;margin-bottom:15px;animation:fade-in .5s ease-out 1s both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.status-message-cancelled{color:hsla(0,0%,100%,.7);font-size:15px;line-height:1.6;margin-bottom:0;animation:fade-in .5s ease-out 1.2s both}.action-buttons-cancelled{display:flex;flex-direction:column;gap:12px;animation:fade-in .5s ease-out 1.4s both}.btn-cancelled{padding:16px;border:none;border-radius:12px;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-cancelled:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.1);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-cancelled:active:before{width:300px;height:300px}.btn-retry-cancelled{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;box-shadow:0 4px 15px rgba(74,222,128,.3)}.btn-retry-cancelled:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(74,222,128,.4)}.btn-support-cancelled{background:hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.7);border:1px solid hsla(0,0%,100%,.1)}.btn-support-cancelled:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2);color:#fff}.help-text-cancelled{margin-top:25px;padding-top:25px;border-top:1px solid hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.4);font-size:13px;animation:fade-in .5s ease-out 1.6s both}.help-text-cancelled a{color:#ff8a8a;text-decoration:none;transition:color .3s ease}.help-text-cancelled a:hover{color:#ff5b5b;text-decoration:underline}@media (max-width:480px){.container-cancelled{max-width:100%}.content-cancelled,.header-cancelled{padding:35px 25px}.status-icon-container-cancelled{width:100px;height:100px}.x-icon-cancelled{width:50px;height:50px}}.page-container-expired{overflow-y:scroll;max-width:480px;width:100vw;padding:1em}.container-expired{width:100%;background:rgba(25,25,25,.95);border-radius:24px;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 100px rgba(255,91,91,.1);overflow:hidden}.header-expired{background:linear-gradient(135deg,rgba(255,91,91,.1),rgba(255,91,91,.05));padding:40px 30px;text-align:center;border-bottom:1px solid hsla(0,0%,100%,.05)}.logo-container-expired{width:90px;height:90px;margin:0 auto;position:relative}.spider-logo-expired{width:100%;height:100%;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 10px 30px rgba(255,91,91,.2));animation:subtle-pulse-expired 3s infinite}@keyframes subtle-pulse-expired{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.spider-icon-expired{fill:none;stroke:url(#spiderStroke);stroke-width:2}.brand-name-expired{font-size:32px;font-weight:700;color:#fff;letter-spacing:3px;text-transform:uppercase;background:linear-gradient(135deg,#fff,#ff8a8a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.content-expired{padding:40px 30px 50px;text-align:center}.status-badge-expired{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ff5b5b,#f44);color:#fff;padding:12px 24px;border-radius:30px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:35px;box-shadow:0 6px 20px rgba(255,91,91,.4);animation:badge-slide-expired .6s ease-out .3s both}@keyframes badge-slide-expired{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.status-icon-container-expired{width:100px;height:100px;margin:0 auto 25px;position:relative;animation:icon-zoom-expired .5s ease-out .5s both}@keyframes icon-zoom-expired{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.status-circle-expired{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,rgba(255,91,91,.1),rgba(255,91,91,.05));border:3px solid #ff5b5b;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.status-circle-expired:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at center,transparent 0,rgba(255,91,91,.1) 100%);animation:pulse-ring-expired 2s ease-out infinite}@keyframes pulse-ring-expired{0%{transform:scale(.8);opacity:1}to{transform:scale(1.3);opacity:0}}.x-icon-expired{width:50px;height:50px;stroke:#ff5b5b;stroke-width:3;fill:none;stroke-linecap:round;z-index:1;position:relative}.x-path-expired{animation:draw-x-expired .8s ease-out .8s both}@keyframes draw-x-expired{0%{stroke-dasharray:100;stroke-dashoffset:100}to{stroke-dasharray:100;stroke-dashoffset:0}}.status-title-expired{font-size:22px;font-weight:600;color:#ff5b5b;margin-bottom:20px;animation:fade-in-expired .5s ease-out 1s both}@keyframes fade-in-expired{0%{opacity:0}to{opacity:1}}.status-message-expired{color:hsla(0,0%,100%,.6);font-size:14px;line-height:1.6;margin-bottom:0;animation:fade-in-expired .5s ease-out 1.2s both;letter-spacing:.2px}.highlight-expired{color:hsla(0,0%,100%,.9);font-weight:500}@media (max-width:480px){.container-expired{max-width:100%}.header-expired{padding:35px 25px}.content-expired{padding:35px 25px 45px}.status-icon-container-expired{width:90px;height:90px}.x-icon-expired{width:45px;height:45px}.logo-container-expired{width:85px;height:85px}}