*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);color:#f8fafc;overflow-x:hidden}.bg-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;border-radius:50%;background:#10b98126;animation:float linear infinite}@keyframes float{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-10vh) scale(1);opacity:0}}.page-wrapper{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:24px 16px}.card{background:#1e293bb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(148,163,184,.1);border-radius:24px;padding:48px 40px;max-width:520px;width:100%;text-align:center;animation:cardSlideUp .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(30px);box-shadow:0 0 0 1px #10b9810d,0 20px 50px -12px #0006,0 0 80px -20px #10b9811a}@keyframes cardSlideUp{to{opacity:1;transform:translateY(0)}}.checkmark-circle{width:80px;height:80px;margin:0 auto 28px;animation:scaleIn .5s .3s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:scale(.5)}@keyframes scaleIn{to{opacity:1;transform:scale(1)}}.checkmark-svg{width:80px;height:80px}.checkmark-circle-bg{stroke:#10b981;stroke-width:2;stroke-dasharray:166;stroke-dashoffset:166;animation:strokeCircle .6s .5s cubic-bezier(.65,0,.45,1) forwards}@keyframes strokeCircle{to{stroke-dashoffset:0}}.checkmark-check{stroke:#10b981;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:strokeCheck .4s 1s cubic-bezier(.65,0,.45,1) forwards}@keyframes strokeCheck{to{stroke-dashoffset:0}}.title{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#10b981,#34d399,#6ee7b7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;animation:fadeIn .6s .6s forwards;opacity:0}.subtitle{font-size:1.05rem;color:#94a3b8;font-weight:400;animation:fadeIn .6s .7s forwards;opacity:0}@keyframes fadeIn{to{opacity:1}}.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.2),transparent);margin:28px 0}.order-info{display:flex;flex-direction:column;gap:16px;animation:fadeIn .6s .8s forwards;opacity:0}.order-row{display:flex;justify-content:space-between;align-items:center}.order-label{font-size:.9rem;color:#64748b;font-weight:500}.order-value{font-size:.95rem;font-weight:600;color:#e2e8f0}.status-confirmed{display:flex;align-items:center;gap:8px;color:#10b981}.status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b98199;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 8px #10b98199}50%{box-shadow:0 0 16px #10b981e6}}.price{font-size:1.1rem;font-weight:700;color:#f8fafc}.next-steps{text-align:left;animation:fadeIn .6s .9s forwards;opacity:0}.steps-title{font-size:1rem;font-weight:700;color:#e2e8f0;margin-bottom:20px}.step{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px}.step:last-child{margin-bottom:0}.step-icon{flex-shrink:0;width:40px;height:40px;border-radius:12px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);display:flex;align-items:center;justify-content:center;color:#10b981;transition:all .3s ease}.step:hover .step-icon{background:#10b98133;transform:scale(1.05)}.step-text strong{font-size:.9rem;font-weight:600;color:#e2e8f0;display:block;margin-bottom:4px}.step-text p{font-size:.85rem;color:#64748b;line-height:1.5}.support-box{margin-top:28px;padding:14px 20px;background:#94a3b80d;border:1px solid rgba(148,163,184,.1);border-radius:12px;display:flex;align-items:center;gap:10px;color:#64748b;font-size:.85rem;animation:fadeIn .6s 1s forwards;opacity:0}.support-box svg{flex-shrink:0;color:#64748b}.support-box a{color:#10b981;text-decoration:none;font-weight:600;transition:color .2s}.support-box a:hover{color:#34d399;text-decoration:underline}.footer-text{margin-top:24px;font-size:.8rem;color:#475569;animation:fadeIn .6s 1.1s forwards;opacity:0}@media (max-width: 560px){.card{padding:36px 24px;border-radius:20px}.title{font-size:1.7rem}.subtitle{font-size:.95rem}.checkmark-circle{width:64px;height:64px;margin-bottom:20px}.checkmark-svg{width:64px;height:64px}.step-icon{width:36px;height:36px;border-radius:10px}.step-icon svg{width:16px;height:16px}}