*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:#1f2a44;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#d7ebfb;margin:0;font-family:Montserrat,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}:root{--navy:#1f2a44;--muted:#8b93a7;--border:#d7dce8;--field-bg:#fff;--card:#fff;--red:#e53935;--red-deep:#c62828;--faq-blue:#4aa3ff;--faq-border:#9fd0ff;--shadow:0 18px 50px #1f345a2e;--radius-card:28px;--radius-field:14px;--radius-pill:999px;--radius-toastify:10px}.support-page{min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 14px max(24px, env(safe-area-inset-bottom));justify-content:center;align-items:flex-start;display:flex;position:relative;overflow-x:hidden}.support-backdrop{z-index:0;background:url(/images/Bg.svg) 50%/cover no-repeat;position:fixed;inset:0}.support-backdrop:after{content:"";pointer-events:none;background:linear-gradient(#ffffff14,#ffffff2e);position:absolute;inset:0}.snowfall{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.snowflake{filter:blur(.2px);background:#fff;border-radius:50%;animation-name:fall;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-12px}@keyframes fall{0%{transform:translateY(-10vh)translate(0)}to{transform:translateY(110vh)translate(18px)}}.support-shell{z-index:2;flex-direction:column;align-items:center;gap:14px;width:min(100%,460px);animation:.7s cubic-bezier(.22,1,.36,1) both rise-in;display:flex;position:relative}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.brand-mark{justify-content:center;width:100%;animation:.9s both brand-in;display:flex}@keyframes brand-in{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.brand-logo{object-fit:contain;width:min(220px,58vw);height:auto;display:block}.support-card{background:var(--card);border-radius:var(--radius-card);width:100%;box-shadow:var(--shadow);padding:22px 16px 20px}.support-card h1{text-align:center;color:var(--navy);margin:0;font-family:Montserrat,sans-serif;font-size:clamp(1.15rem,4.5vw,1.35rem);font-weight:700}.support-subtitle{text-align:center;color:var(--muted);margin:6px 0 18px;font-size:clamp(.9rem,3.5vw,.98rem);font-weight:500}.support-form{flex-direction:column;gap:8px;display:flex}.field-row{grid-template-columns:1fr;gap:12px;display:grid}.field{border:1.5px solid var(--border);border-radius:var(--radius-field);background:var(--field-bg);align-items:center;min-height:52px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.field:focus-within{border-color:#9eb6e8;box-shadow:0 0 0 3px #4aa3ff1f}.field-icon{color:#7f8aa3;pointer-events:none;place-items:center;width:20px;height:20px;display:grid;position:absolute;left:14px}.field-icon svg,.field-chevron svg,.send-button svg,.faq-link svg{width:20px;height:20px;display:block}.field input,.field select,.field textarea{width:100%;color:var(--navy);font:inherit;appearance:none;background:0 0;border:0;outline:0;padding:14px 40px 14px 44px;font-size:16px}.field select:disabled{opacity:.55;cursor:not-allowed}.field input::placeholder,.field textarea::placeholder,.field select:invalid,.field select option[value=""]{color:#9aa3b5}.field select:valid{color:var(--navy)}.field-chevron{color:#9aa3b5;pointer-events:none;place-items:center;display:grid;position:absolute;right:12px}.field-textarea{align-items:flex-start;min-height:140px}.field-textarea .field-icon{top:14px}.field-textarea textarea{resize:vertical;min-height:140px;padding-bottom:28px;padding-right:16px;line-height:1.45}.char-count{color:#a0a8b8;pointer-events:none;font-size:.78rem;position:absolute;bottom:10px;right:14px}.send-button{border-radius:var(--radius-pill);background:linear-gradient(180deg, #ef5350 0%, var(--red) 55%, var(--red-deep) 100%);color:#fff;letter-spacing:.08em;cursor:pointer;border:0;justify-content:center;align-items:center;gap:10px;width:100%;min-height:54px;margin-top:4px;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:800;transition:transform .18s,box-shadow .18s,opacity .18s;display:inline-flex;box-shadow:0 10px 22px #e5393559}.send-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 26px #e539356b}.send-button:active:not(:disabled){transform:translateY(1px)}.send-button:disabled{opacity:.72;cursor:not-allowed}.form-error{text-align:center;color:#c62828;margin:0;font-size:.9rem}.form-success{text-align:center;color:#2e7d32;margin:0;font-size:.9rem}.toast-container{z-index:1000;top:max(20px, env(safe-area-inset-top));right:max(20px, env(safe-area-inset-right));pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;width:min(360px,100vw - 32px);display:flex;position:fixed}.toast{border-radius:var(--radius-toastify);color:#fff;pointer-events:auto;cursor:pointer;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:52px;padding:12px 14px 15px 18px;font-weight:600;animation:.3s ease-out both toast-slide-in;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #1f2a4433}.toast-success{background:#16a34a}.toast-error{background:var(--red)}.toast-info{background:#2563eb}.toast-warning{background:#d97706}.toast-close{color:inherit;cursor:pointer;background:0 0;border:0;flex:none;padding:0;font-size:1.35rem;line-height:1}.toast-close:focus-visible{outline-offset:3px;outline:2px solid}.toast-progress{transform-origin:0;background:#ffffffb3;height:3px;animation:linear both toast-progress;position:absolute;bottom:0;left:0;right:0}@keyframes toast-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes toast-progress{to{transform:scaleX(0)}}.payment-secure-note{text-align:center;color:#9aa3b5;margin:18px 0 0;font-size:.82rem}.checkout-modal-overlay{z-index:1000;padding:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;justify-content:center;align-items:center;animation:.25s both rise-in;display:flex;position:fixed;inset:0}.checkout-modal{background:#fff;border-radius:20px;flex-direction:column;width:55vw;max-height:min(92svh,860px);display:flex;overflow:hidden;box-shadow:0 24px 60px #00000047}.checkout-modal-header{border-bottom:1px solid #eef1f6;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.checkout-modal-header h2{color:#1f2a44;margin:0;font-family:Montserrat,sans-serif;font-size:1.05rem;font-weight:700}.checkout-modal-close{color:#4b5563;cursor:pointer;background:#f3f4f6;border:0;border-radius:50%;width:36px;height:36px;font-size:1.5rem;line-height:1}.checkout-modal-close:hover{background:#e5e7eb}.field-error{color:var(--red);margin:4px 0;padding-left:12px;font-size:13px;line-height:1.4;display:block}.field.is-invalid{border-color:var(--red);box-shadow:0 0 0 1px var(--red) inset}.form-error{background:var(--red-light);border:1px solid var(--red-light);color:var(--red);border-radius:6px;margin-top:12px;padding:10px 12px;font-size:14px}@media (width<=786px){.support-backdrop{background:url(/images/MBg.svg) bottom/100% 100% no-repeat}.checkout-modal{width:100%}.checkout-modal-header{padding:14px 12px}.checkout-modal-close{width:32px;height:32px}}.checkout-modal-body{-webkit-overflow-scrolling:touch;padding:8px 4px 16px;overflow:auto}.or-divider{color:#b0b7c6;align-items:center;gap:12px;margin:18px 0 14px;font-size:.92rem;display:flex}.or-divider:before,.or-divider:after{content:"";background:#e4e8f0;flex:1;height:1px}.faq-link{border:1.5px solid var(--faq-border);border-radius:var(--radius-pill);width:100%;min-height:50px;color:var(--faq-blue);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:10px;font-family:inherit;font-size:.98rem;font-weight:600;text-decoration:none;transition:background .18s,border-color .18s,transform .18s;display:flex}.faq-link:hover{background:#f3f9ff;border-color:#7cbcff;transform:translateY(-1px)}.faq-modal-body{padding:12px 16px 20px}.faq-intro{color:var(--muted);margin:0 0 14px;font-size:.9rem;line-height:1.5}.faq-accordion{flex-direction:column;gap:8px;display:flex}.faq-item{border:1.5px solid var(--border);border-radius:var(--radius-field);background:var(--field-bg);overflow:hidden}.faq-item.is-open{border-color:var(--faq-border)}.faq-item-header{width:100%;color:var(--navy);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 14px 14px 16px;font-family:Montserrat,sans-serif;font-size:.92rem;font-weight:600;line-height:1.35;display:flex}.faq-item-header:hover{background:#f7f9fc}.faq-item-chevron{color:#7f8aa3;flex-shrink:0;width:20px;height:20px;transition:transform .2s}.faq-item-chevron svg{width:20px;height:20px;display:block}.faq-item.is-open .faq-item-chevron{color:var(--faq-blue);transform:rotate(180deg)}.faq-item-panel{color:#4b5563;padding:0 16px 14px;font-size:.88rem;line-height:1.55}.faq-item-panel p{margin:0 0 10px}.faq-item-panel p:last-child{margin-bottom:0}.faq-item-panel ul{margin:0 0 10px;padding-left:1.2rem}.faq-item-panel li{margin-bottom:6px}.faq-item-panel li:last-child{margin-bottom:0}@media (width<=786px){.faq-modal{width:100%;max-height:min(94svh,860px)}.faq-modal-body{padding:10px 12px 16px}.faq-item-header{padding:12px;font-size:.88rem}.faq-item-panel{padding:0 12px 12px;font-size:.85rem}}.result-page{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));background:#fff;justify-content:center;align-items:center;display:flex}.result-panel{text-align:center;flex-direction:column;align-items:center;width:min(100%,420px);animation:.65s cubic-bezier(.22,1,.36,1) both rise-in;display:flex}.result-badge-image{object-fit:contain;width:min(120px,34vw);height:auto;margin-bottom:18px;display:block}.result-badge{color:#fff;border-radius:50%;place-items:center;width:84px;height:84px;margin-bottom:22px;display:grid;position:relative}.result-badge svg{width:36px;height:36px}.result-badge--success{background:linear-gradient(#10b981 0% 100%);box-shadow:0 12px 28px #16a34a47}.result-badge--cancel{background:linear-gradient(#f87171 0%,#dc2626 100%);box-shadow:0 12px 28px #dc262640}.confetti{pointer-events:none;border-radius:50%;position:absolute}.confetti-1{background:#60a5fa;width:8px;height:8px;top:-2px;left:-6px}.confetti-2{background:#f472b6;width:7px;height:7px;top:8px;right:-8px}.confetti-3{background:#facc15;width:6px;height:6px;bottom:10px;left:-10px}.confetti-4{background:#38bdf8;border-radius:999px;width:9px;height:3px;top:-8px;right:16px;transform:rotate(28deg)}.confetti-5{background:#fb7185;border-radius:999px;width:8px;height:3px;bottom:-4px;right:-4px;transform:rotate(-24deg)}.confetti-6{background:#a78bfa;width:5px;height:5px;bottom:-6px;left:18px}.result-panel h1{color:#111827;letter-spacing:-.02em;margin:0;font-family:Montserrat,sans-serif;font-size:clamp(1.45rem,5vw,1.85rem);font-weight:800}.result-summary{color:#6b7280;max-width:34ch;margin:10px 0 0;font-size:.98rem;line-height:1.5}.result-summary strong{color:#111827;font-weight:700}.result-summary--error{color:#dc2626}.result-details{text-align:left;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:18px;width:100%;margin-top:28px;padding:6px 18px}.result-row{justify-content:space-between;align-items:center;gap:12px;padding:14px 0;font-size:.95rem;display:flex}.result-row+.result-row{border-top:1px solid #e5e7eb}.result-row span{color:#6b7280}.result-row strong{color:#111827;text-align:right;font-weight:700}.result-method{align-items:center;gap:8px;display:inline-flex}.card-icon{color:#4b5563;width:20px;height:20px}.result-ref{word-break:break-all;font-size:.88rem}.result-home-btn{color:#fff;border-radius:14px;justify-content:center;align-items:center;width:100%;min-height:52px;margin-top:28px;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,opacity .18s;display:inline-flex}.result-home-btn--success{background:#16a34a;box-shadow:0 10px 22px #16a34a47}.result-home-btn--cancel{background:#dc2626;box-shadow:0 10px 22px #dc262640}.result-home-btn:hover{opacity:.96;transform:translateY(-1px)}.result-secure{color:#9ca3af;align-items:center;gap:6px;margin:18px 0 0;font-size:.82rem;display:inline-flex}.result-secure svg{width:14px;height:14px}@media (width<=380px){.result-page{padding-left:14px;padding-right:14px}.result-badge-image{width:min(100px,38vw)}.result-badge{width:74px;height:74px}.result-details{padding-left:14px;padding-right:14px}.support-page{padding-left:10px;padding-right:10px}.brand-logo{width:min(180px,64vw)}.support-card{border-radius:22px;padding:18px 12px 16px}.field{min-height:48px}.field input,.field select,.field textarea{padding-left:40px}.send-button,.faq-link{min-height:48px;font-size:.92rem}}@media (width>=640px){.support-page{align-items:center;padding:40px 24px}.support-shell{gap:18px}.brand-logo{width:min(260px,42vw)}.support-card{padding:32px 28px 28px}.support-subtitle{margin-bottom:22px}.field-row{grid-template-columns:1fr 1fr}}@media (width>=640px) and (height<=820px){.support-page{align-items:flex-start}}