.payment-result-page{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;align-items:center;justify-content:center;padding:20px;font-family:Montserrat,sans-serif}@media (max-width: 768px){.payment-result-page{padding:40px 15px 15px;align-items:flex-start}}.payment-result-container{max-width:600px;width:100%;text-align:center}@media (max-width: 768px){.payment-result-container{max-width:100%}}.payment-result-loading{background:#fff;border-radius:20px;padding:50px 40px;box-shadow:0 10px 40px #0000001a;border:1px solid #f0f0f0}@media (max-width: 768px){.payment-result-loading{padding:40px 30px;border-radius:16px}}@media (max-width: 480px){.payment-result-loading{padding:30px 20px}}.loading-spinner{width:60px;height:60px;border:4px solid #f3f3f3;border-top:4px solid #d92453;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 30px}@media (max-width: 768px){.loading-spinner{width:50px;height:50px;margin-bottom:25px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-title{font-family:Philosopher,serif;font-weight:700;font-size:28px;color:#2d2d2d;margin-bottom:15px}@media (max-width: 768px){.loading-title{font-size:24px;margin-bottom:12px}}@media (max-width: 480px){.loading-title{font-size:22px}}.loading-text{font-size:16px;color:#666;margin:0}@media (max-width: 768px){.loading-text{font-size:15px}}.payment-result-content{background:#fff;border-radius:20px;padding:50px 40px;box-shadow:0 10px 40px #0000001a;border:1px solid #f0f0f0;margin-bottom:30px}@media (max-width: 768px){.payment-result-content{padding:40px 30px;border-radius:16px}}@media (max-width: 480px){.payment-result-content{padding:30px 15px;margin-bottom:20px}}.result-icon{margin:0 auto 30px;width:80px;height:80px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.result-icon{width:70px;height:70px;margin-bottom:25px}}@media (max-width: 480px){.result-icon{width:60px;height:60px;margin-bottom:20px}}.result-icon svg{width:100%;height:100%}.success-icon svg{animation:successPulse .6s ease-out}.error-icon svg{animation:errorShake .5s ease-out}.pending-icon svg{animation:pendingPulse 2s ease-in-out infinite}@keyframes successPulse{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes pendingPulse{0%,to{opacity:1}50%{opacity:.5}}.result-title{font-family:Philosopher,serif;font-weight:700;font-size:32px;margin-bottom:20px}@media (max-width: 768px){.result-title{font-size:28px;margin-bottom:18px}}@media (max-width: 480px){.result-title{font-size:24px;margin-bottom:15px}}.payment-result-success .result-title{color:#4caf50}.payment-result-error .result-title{color:#f44336}.payment-result-pending .result-title{color:#ff9800}.result-message{font-size:18px;color:#666;line-height:1.6;margin-bottom:30px}@media (max-width: 768px){.result-message{font-size:16px;margin-bottom:25px}}@media (max-width: 480px){.result-message{font-size:15px;margin-bottom:20px}}.order-details{background:#f8f9fa;border-radius:12px;padding:25px;margin-bottom:30px;text-align:left}@media (max-width: 768px){.order-details{padding:20px;margin-bottom:25px;border-radius:10px}}@media (max-width: 480px){.order-details{padding:18px;margin-bottom:20px}}.order-details h3{font-family:Philosopher,serif;font-weight:700;font-size:20px;color:#2d2d2d;margin-bottom:20px;text-align:center}@media (max-width: 768px){.order-details h3{font-size:18px;margin-bottom:18px}}@media (max-width: 480px){.order-details h3{font-size:16px;margin-bottom:15px}}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e9ecef}.detail-row:last-child{border-bottom:none}@media (max-width: 480px){.detail-row{flex-direction:column;align-items:flex-start;gap:5px;padding:10px 0}}.detail-label{font-weight:600;color:#2d2d2d;font-size:16px}@media (max-width: 768px){.detail-label{font-size:15px}}@media (max-width: 480px){.detail-label{font-size:14px}}.detail-value{font-weight:500;color:#666;font-size:16px}@media (max-width: 768px){.detail-value{font-size:15px}}@media (max-width: 480px){.detail-value{font-size:14px}}.detail-value.status-paid{color:#4caf50;font-weight:600}.next-steps,.error-details,.pending-details{text-align:left;margin-bottom:40px}@media (max-width: 768px){.next-steps,.error-details,.pending-details{margin-bottom:35px}}@media (max-width: 480px){.next-steps,.error-details,.pending-details{margin-bottom:30px}}.next-steps h3,.error-details h3,.pending-details h3{font-family:Philosopher,serif;font-weight:700;font-size:20px;color:#2d2d2d;margin-bottom:15px;text-align:center}@media (max-width: 768px){.next-steps h3,.error-details h3,.pending-details h3{font-size:18px;margin-bottom:12px}}@media (max-width: 480px){.next-steps h3,.error-details h3,.pending-details h3{font-size:16px;margin-bottom:10px}}.next-steps ul,.error-details ul,.pending-details ul{list-style:none;padding:0;margin:0}.next-steps ul li,.error-details ul li,.pending-details ul li{padding:10px 0;font-size:16px;color:#666;line-height:1.5;border-bottom:1px solid #f0f0f0}.next-steps ul li:last-child,.error-details ul li:last-child,.pending-details ul li:last-child{border-bottom:none}@media (max-width: 768px){.next-steps ul li,.error-details ul li,.pending-details ul li{font-size:15px;padding:8px 0}}@media (max-width: 480px){.next-steps ul li,.error-details ul li,.pending-details ul li{font-size:14px;padding:7px 0}}.next-steps ul li a,.error-details ul li a,.pending-details ul li a{color:#d92453;text-decoration:none;font-weight:600}.next-steps ul li a:hover,.error-details ul li a:hover,.pending-details ul li a:hover{text-decoration:underline}.payment-result-actions{display:flex;gap:15px;justify-content:center;margin-bottom:0;width:100%;box-sizing:border-box}@media (max-width: 768px){.payment-result-actions{flex-direction:column;gap:12px;margin-left:0;margin-right:0}}@media (max-width: 480px){.payment-result-actions{gap:10px;padding:0}}.result-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 30px;border-radius:25px;font-family:Montserrat,sans-serif;font-weight:600;font-size:16px;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease;cursor:pointer;border:2px solid transparent;min-width:160px;box-sizing:border-box}@media (max-width: 768px){.result-btn{padding:14px 30px;font-size:15px;min-width:140px}}@media (max-width: 480px){.result-btn{width:100%;padding:16px 20px;font-size:14px;min-width:auto;margin:0;max-width:100%}}.result-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.result-btn:active{transform:translateY(0)}.result-btn.result-btn-primary{background-color:#d92453;color:#fff}.result-btn.result-btn-primary:hover{background-color:#c41e4a;color:#fff}.result-btn.result-btn-secondary{background-color:transparent;color:#d92453;border-color:#d92453}.result-btn.result-btn-secondary:hover{background-color:#d92453;color:#fff}.support-contact{background:#f8f9fa;border-radius:12px;padding:25px;text-align:center}@media (max-width: 768px){.support-contact{padding:20px;border-radius:10px}}@media (max-width: 480px){.support-contact{padding:18px;margin:0}}.support-contact p{font-size:16px;color:#666;margin-bottom:15px}@media (max-width: 768px){.support-contact p{font-size:15px;margin-bottom:12px}}@media (max-width: 480px){.support-contact p{font-size:14px;margin-bottom:10px}}.support-links{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}@media (max-width: 480px){.support-links{flex-direction:column;gap:12px}}.support-link{display:inline-flex;align-items:center;gap:8px;color:#d92453;text-decoration:none;font-weight:600;font-size:16px;transition:opacity .3s ease}@media (max-width: 768px){.support-link{font-size:15px}}@media (max-width: 480px){.support-link{font-size:14px;justify-content:center}}.support-link:hover{opacity:.8;text-decoration:underline}.support-link svg{width:20px;height:20px;flex-shrink:0}@media (max-width: 768px){.support-link svg{width:18px;height:18px}}@media (max-width: 480px){.support-link svg{width:16px;height:16px}}@media (max-width: 480px){.payment-result-page{padding:20px 10px 10px}.payment-result-container{max-width:100%;margin:0}.result-title{line-height:1.2}.result-message{line-height:1.5}}.text-success{color:#4caf50!important}.text-error{color:#f44336!important}.text-warning{color:#ff9800!important}.text-muted{color:#666!important}.payment-result-content{animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media print{.payment-result-page{background:#fff;padding:20px}.payment-result-actions,.support-contact{display:none}.payment-result-content{box-shadow:none;border:1px solid #ddd}}
