:root{--bg:#0b1120;--card:#131c31;--card2:#1a2540;--border:#243049;--text:#e8eef7;--muted:#8ea0bd;--c1:#22d3ee;--c2:#10b981;--red:#f0616d}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow:hidden;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:radial-gradient(1100px 560px at 50% -12%,rgba(34,211,238,.1),transparent 60%),radial-gradient(900px 500px at 100% 112%,rgba(16,185,129,.09),transparent 60%),var(--bg);display:flex;align-items:center;justify-content:center;padding:24px}body:before,body:after{content:"";position:fixed;border-radius:50%;filter:blur(90px);opacity:.22;z-index:0}body:before{width:440px;height:440px;background:var(--c1);top:-130px;left:-90px;animation:float1 15s ease-in-out infinite}body:after{width:400px;height:400px;background:var(--c2);bottom:-140px;right:-70px;animation:float2 18s ease-in-out infinite}@keyframes float1{0%,to{transform:translate(0)}50%{transform:translate(46px,34px)}}@keyframes float2{0%,to{transform:translate(0)}50%{transform:translate(-34px,-46px)}}.card{position:relative;z-index:1;width:440px;max-width:94vw;border-radius:20px;background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid var(--border);padding:34px;box-shadow:0 30px 80px -20px #0009,inset 0 0 0 1px #ffffff05;animation:cardIn .5s cubic-bezier(.16,1,.3,1) both}@keyframes cardIn{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}.org{font-size:12px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}.title{font-size:20px;font-weight:700;margin:6px 0 0}.desc{color:var(--muted);font-size:14px;margin-top:2px}.amount{font-size:44px;font-weight:800;margin:22px 0 4px;letter-spacing:-.02em;background:linear-gradient(90deg,#fff,#cfe9ff);-webkit-background-clip:text;background-clip:text;color:transparent}.meta{color:var(--muted);font-size:13px;margin-bottom:22px}.btn{position:relative;width:100%;padding:15px;border:0;border-radius:12px;cursor:pointer;font-size:15px;font-weight:700;color:#04121a;overflow:hidden;background:linear-gradient(90deg,var(--c1),var(--c2));box-shadow:0 10px 30px -8px #10b98180;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-1px);box-shadow:0 14px 36px -8px #10b98199}.btn:active{transform:translateY(0)}.btn:disabled{cursor:default;filter:saturate(.7)}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--border);box-shadow:none}.btn.ghost:hover{border-color:var(--c1)}.btn:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:skew(-20deg);animation:sheen 3.4s ease-in-out infinite}.btn.ghost:after{display:none}@keyframes sheen{0%{left:-60%}55%,to{left:130%}}.spinner{display:inline-block;width:18px;height:18px;border:2.5px solid rgba(4,18,26,.35);border-top-color:#04121a;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-3px;margin-right:6px}@keyframes spin{to{transform:rotate(360deg)}}.err{color:var(--red);font-size:13px;margin-top:12px}.note{color:var(--muted);font-size:12px;margin-top:16px;text-align:center}.center{text-align:center}.row-gap{display:flex;flex-direction:column;gap:10px;margin-top:22px}.pill{display:inline-block;padding:4px 12px;border-radius:999px;font-size:12px;background:var(--card2);color:var(--muted);border:1px solid var(--border)}.idbox{font-family:ui-monospace,Menlo,monospace;font-size:12px;color:var(--muted);background:#00000040;border:1px solid var(--border);border-radius:10px;padding:11px;margin:16px 0;word-break:break-all}.loading{color:var(--muted)}.success-badge{width:92px;height:92px;margin:4px auto 16px;position:relative;animation:pop .5s cubic-bezier(.16,1.4,.4,1) both}@keyframes pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.success-badge svg{width:100%;height:100%}.sb-circle{stroke:var(--c2);stroke-width:5;fill:#10b9811a;stroke-dasharray:264;stroke-dashoffset:264;animation:draw .6s ease .15s forwards}.sb-check{stroke:var(--c2);stroke-width:6;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:70;stroke-dashoffset:70;animation:draw .35s ease .55s forwards}@keyframes draw{to{stroke-dashoffset:0}}.success-badge:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;box-shadow:0 0 42px 6px #10b98159;animation:glow 1.8s ease-in-out infinite}@keyframes glow{0%,to{opacity:.45}50%{opacity:1}}.fade-in{animation:fadeIn .5s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.card.success{animation:popIn .55s cubic-bezier(.16,1.4,.34,1) both}@keyframes popIn{0%{opacity:0;transform:translateY(14px) scale(.9)}60%{transform:scale(1.02)}to{opacity:1;transform:none}}.receipt{border:1px solid var(--border);border-radius:12px;background:#0000002e;padding:14px 16px;margin:18px 0 4px;text-align:left}.receipt .row{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:13px}.receipt .row+.row{border-top:1px solid var(--border)}.receipt .k{color:var(--muted)}.receipt .v{color:var(--text);font-weight:600}.receipt .v.mono{font-family:ui-monospace,Menlo,monospace;font-weight:400;font-size:12px}.countdown{color:var(--muted);font-size:12px;text-align:center;margin-top:6px}.countdown b{color:var(--c1);font-weight:700}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;border-radius:20px}.confetti span{position:absolute;top:-14px;width:8px;height:14px;border-radius:2px;opacity:0;animation:fall 1.7s ease-in forwards}@keyframes fall{0%{opacity:1;transform:translateY(-14px) rotate(0)}to{opacity:0;transform:translateY(420px) rotate(420deg)}}.confetti.full{position:fixed;top:0;right:0;bottom:0;left:0;border-radius:0;z-index:7}.confetti.full span{top:-6vh;animation-name:fallFull;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:none}@keyframes fallFull{0%{opacity:0;transform:translateY(-6vh) rotate(0)}6%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(106vh) rotate(680deg)}}.page-sparkles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6}.pspark{position:absolute;width:10px;height:10px;opacity:0;animation:twinkle 2.4s ease-in-out infinite}.pspark:before,.pspark:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background:linear-gradient(90deg,var(--c1),var(--c2));border-radius:2px}.pspark:before{width:100%;height:2px;box-shadow:0 0 8px 1px #22d3eeb3}.pspark:after{width:2px;height:100%;box-shadow:0 0 8px 1px #10b981b3}@keyframes twinkle{0%,to{opacity:0;transform:scale(.4) rotate(0)}50%{opacity:.9;transform:scale(1) rotate(90deg)}}.opening{display:flex;flex-direction:column;align-items:center;gap:16px;padding:30px 0}.loader-ring{width:56px;height:56px;border-radius:50%;background:conic-gradient(from 90deg,rgba(34,211,238,0) 0%,var(--c1) 35%,var(--c2) 78%,rgba(16,185,129,0) 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 0);animation:spin .9s linear infinite}.opening .msg{color:var(--muted);font-size:14px;animation:pulseText 1.6s ease-in-out infinite}@keyframes pulseText{0%,to{opacity:.5}50%{opacity:1}}.success-badge{position:relative}.sb-rays{position:absolute;top:-26px;right:-26px;bottom:-26px;left:-26px;border-radius:50%;z-index:-1;background:repeating-conic-gradient(from 0deg,rgba(16,185,129,.55) 0deg 5deg,transparent 5deg 22deg);-webkit-mask:radial-gradient(farthest-side,transparent 58%,#000 60%,#000 76%,transparent 80%);mask:radial-gradient(farthest-side,transparent 58%,#000 60%,#000 76%,transparent 80%);opacity:0;animation:raysIn 1s cubic-bezier(.16,1,.3,1) .1s both}@keyframes raysIn{0%{opacity:0;transform:scale(.4) rotate(0)}55%{opacity:.8}to{opacity:.3;transform:scale(1) rotate(26deg)}}.sparkle{position:absolute;width:6px;height:6px;border-radius:50%;background:#a7f3d0;box-shadow:0 0 8px 2px #10b981b3;opacity:0;animation:twinkle 1.6s ease-in-out infinite}.sparkle.s1{top:-6px;left:12px;animation-delay:.2s}.sparkle.s2{top:8px;right:-4px;animation-delay:.5s}.sparkle.s3{bottom:-2px;left:-4px;animation-delay:.8s;background:#7dd3fc;box-shadow:0 0 8px 2px #22d3eeb3}.sparkle.s4{bottom:10px;right:14px;animation-delay:1.1s;background:#fde68a;box-shadow:0 0 8px 2px #fbbf2499}@keyframes twinkle{0%,to{opacity:0;transform:scale(.4)}45%{opacity:1;transform:scale(1)}}
