:root{--bg-top:#2a0f22;--bg-mid:#140a10;--bg-bottom:#060405;--surface:#1a0a16f0;--card:#240e1ef7;--card-hover:#301428fa;--pink:#ff2d7a;--pink-bright:#ff5ca3;--pink-deep:#d4145e;--accent-soft:#ff2d7a24;--text:#fff8fb;--text-muted:#fff8fb94;--success:#5ce3a8;--error:#ff7a8c;--warning:#ffd060;--radius:20px;--radius-sm:14px;--shadow:0 20px 50px #0000008c;--shadow-pink:0 16px 40px #ff2d7a38;--font:"Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;font-size:16px}body{min-height:100dvh;font-family:var(--font);color:var(--text);background:linear-gradient(180deg, var(--bg-top) 0%, var(--bg-mid) 42%, var(--bg-bottom) 100%);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}body.modal-open{overscroll-behavior:none;touch-action:none;overflow:hidden}.header-content-hidden{visibility:hidden}.decor{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.decor span{filter:blur(56px);border-radius:40% 60% 70% 30%/40% 50% 60%;position:absolute}.decor .b1{background:var(--pink);opacity:.28;width:200px;height:200px;top:-50px;right:-40px}.decor .b2{opacity:.2;background:#ff9ec8;width:140px;height:140px;top:100px;right:40px}.decor .b3{opacity:.16;background:#d4145e;width:120px;height:120px;bottom:15%;left:-30px}.shell{z-index:1;max-width:1180px;padding:max(12px, env(safe-area-inset-top,0px)) 20px max(48px, calc(20px + env(safe-area-inset-bottom,0px)));min-height:100dvh;margin:0 auto;position:relative}.desktop-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start;gap:18px;display:grid}.grid-full{grid-column:1/-1}.hero{background:linear-gradient(155deg,#3a1530 0%,#1a0a14 48%,#0f060c 100%);border:1px solid #ff5a961f;border-radius:24px;padding:22px 24px 20px;position:relative;overflow:hidden;box-shadow:0 24px 48px #00000059,inset 0 1px #ffffff0f}.hero-blobs{pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.hero-blobs i{filter:blur(32px);opacity:.55;border-radius:50%;position:absolute}.hero-blobs .hb1{background:#ff4d9d;width:120px;height:120px;animation:10s ease-in-out infinite blobDrift;top:-30px;right:10%}.hero-blobs .hb2{opacity:.4;background:#ffa8d4;width:80px;height:80px;animation:12s ease-in-out infinite reverse blobDrift;top:20%;right:5%}.hero-blobs .hb3{opacity:.12;background:#fff;width:60px;height:60px;top:8%;right:35%}@keyframes blobDrift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-16px,12px)scale(1.08)}}.hero-bar,.top{z-index:4;border-bottom:1px solid #ff64a01a;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;padding-bottom:14px;display:flex;position:relative}.hero-bar-brand,.top-brand{flex:1;align-items:center;min-width:0;display:flex}.spectra-wordmark{letter-spacing:.11em;text-transform:uppercase;color:#fff;text-shadow:0 0 28px #ff2d7a33;font-size:clamp(.98rem,3.2vw,1.12rem);font-weight:800;line-height:1.15}.spectra-wordmark .pay{color:var(--pink-bright)}.lang-switch{background:#0000004d;border:1px solid #ff64a038;border-radius:999px;gap:2px;padding:3px;display:flex}.lang-btn{color:var(--text-muted);cursor:pointer;letter-spacing:.03em;background:0 0;border:none;border-radius:999px;padding:7px 10px;font-size:.68rem;font-weight:700;transition:color .2s,background .2s}.lang-btn:hover{color:var(--text)}.lang-btn.active{color:var(--pink-bright);background:#ff2d7a38}.hero-inner{z-index:2;padding-top:2px;position:relative}.hero-title{letter-spacing:-.02em;text-shadow:0 2px 24px #ff2d7a26;margin:0;font-size:clamp(1.32rem,3.8vw,1.8rem);font-weight:700;line-height:1.22}.hero-steps{color:#fff8fbb8;flex-wrap:wrap;align-items:center;gap:8px 2px;margin-top:14px;font-size:.74rem;line-height:1.3;display:flex}.hero-step{align-items:center;gap:7px;display:inline-flex}.hero-step-num{background:var(--accent-soft);width:1.35rem;height:1.35rem;color:var(--pink-bright);border:1px solid #ff64a040;border-radius:50%;place-items:center;font-size:.68rem;font-weight:700;display:grid}.hero-step-arrow{color:#fff8fb47;-webkit-user-select:none;user-select:none;padding:0 4px;font-size:.7rem}.top-meta-desktop{margin-top:-2px}.panel{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ff64a01a;padding:20px}.amount-panel{justify-content:space-between;align-items:center;gap:18px;display:flex}.amount-row,.timer-row{flex-direction:column;gap:8px;display:flex}.amount-kicker,.timer-kicker{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.amount-display{color:#fff;align-items:center;gap:10px;min-height:44px;font-size:clamp(1.8rem,4vw,2.3rem);font-weight:800;display:flex}.timer-row{align-items:flex-end}.timer-row.warning .timer-display{color:var(--warning)}.timer-display{color:var(--pink-bright);letter-spacing:.06em;font-size:1.25rem;font-weight:800}.desktop-left,.desktop-right{flex-direction:column;gap:18px;display:flex}.panel-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.panel-title{color:var(--text);margin:0;font-size:1rem;font-weight:700}.panel-subtitle{color:var(--text-muted);margin:6px 0 0;font-size:.88rem;line-height:1.45}.state-panel,.error-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:240px;display:flex}.state-text{color:var(--text-muted);margin:0}.error-panel{color:var(--error)}.desktop-qr-panel{text-align:center}.qr-large{flex-direction:column;align-items:center;display:flex}.qr-frame{aspect-ratio:1;background:linear-gradient(#ff2d7a2e,#ffffff08);border:1px solid #ff5a9624;border-radius:28px;width:min(100%,320px);padding:18px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.qr-gradient-bg{filter:blur(12px);z-index:2;pointer-events:none;mix-blend-mode:multiply;opacity:.55;background:radial-gradient(circle at 20% 20%,#ff5ca36b,#0000 32%),radial-gradient(circle at 80% 18%,#ffffff24,#0000 24%),radial-gradient(circle at 68% 78%,#d4145e57,#0000 28%),radial-gradient(circle at 24% 82%,#ff5ca333,#0000 26%);animation:7s ease-in-out infinite alternate qrGlowShift;position:absolute;inset:-18%}.qr-gradient-bg:after{content:"";mix-blend-mode:screen;opacity:.7;background:linear-gradient(120deg,#0000 0%,#ffffff0d 35%,#ff5ca32e 50%,#ffffff0a 65%,#0000 100%);animation:4.8s ease-in-out infinite qrSheen;position:absolute;inset:0;transform:translate(-35%)rotate(8deg)}@keyframes qrGlowShift{0%{opacity:.8;transform:translate(-10px,-8px)scale(1)}50%{opacity:1;transform:translate(12px,10px)scale(1.08)}to{opacity:.86;transform:translate(-6px,14px)scale(1.03)}}@keyframes qrSheen{0%{opacity:0;transform:translate(-55%)rotate(8deg)}20%{opacity:1}60%{opacity:.9}to{opacity:0;transform:translate(55%)rotate(8deg)}}.qr-loading,.qr-img{z-index:1;position:relative}.qr-loading{width:100%;height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.qr-img{object-fit:contain;background:#fff;border-radius:18px;width:100%;height:100%;padding:8px}.hidden{display:none!important}.qr-caption{margin:16px 0 0;font-size:.95rem;font-weight:600}.qr-demo{color:var(--text-muted);margin:6px 0 0;font-size:.82rem}.qr-upi-row{align-items:stretch;gap:10px;width:100%;margin-top:8px;display:flex}.qr-upi-id{border-radius:var(--radius-sm);font-variant-numeric:tabular-nums;word-break:break-all;min-width:0;color:var(--text);background:#00000047;border:1px solid #ff64a01f;flex:1;align-items:center;padding:14px 16px;font-size:.95rem;display:flex}.qr-upi-row .qr-upi-copy{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--pink-bright) 0%, var(--pink) 100%);color:#1a0510;text-transform:none;letter-spacing:0;white-space:nowrap;cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0 18px;font-size:.85rem;font-weight:700;transition:transform .2s,filter .2s,box-shadow .2s;display:inline-flex}.qr-upi-row .qr-upi-copy:hover{filter:brightness(1.08);box-shadow:var(--shadow-pink)}.qr-upi-row .qr-upi-copy:active{transform:scale(.96)}.qr-upi-row .qr-upi-copy.copied{background:linear-gradient(135deg, #7aefb8 0%, var(--success) 100%);color:#062016}.pay-grid{grid-template-columns:1fr;gap:12px;display:grid}.pay-card{background:var(--card);border:1px solid #ff64a014;border-radius:18px;align-items:center;gap:14px;padding:16px 18px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:flex}.pay-card:hover{background:var(--card-hover);box-shadow:var(--shadow-pink);border-color:#ff64a03d;transform:translateY(-2px)}.pay-card.disabled{pointer-events:none;opacity:.6}.pay-card .brand{background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:44px;padding:6px 5px;display:flex;overflow:hidden}.pay-card .brand svg{width:100%;height:auto;max-height:30px;display:block}.pay-card .brand-upi-text{letter-spacing:.08em;color:#0d2851;font-size:1rem;font-weight:800}.pay-card .title{letter-spacing:.02em;flex:1;font-weight:700}.pay-card .arrow{width:22px;height:22px;color:var(--pink-bright);opacity:.45;justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex}.pay-card.phonepe .brand{background:linear-gradient(145deg,#5f259f 0%,#6b2eb8 45%,#8b4ddb 100%);padding:7px}.pay-card.phonepe .brand svg{max-height:28px}.pay-card.upi .brand,.pay-card.other .brand{border:1px solid #0d28511f}.action-panel,.manual-panel{position:relative}.input-wrap{margin-bottom:14px}.utr-input{color:#fff;background:#ffffff08;border:1px solid #ff64a029;border-radius:16px;outline:none;width:100%;padding:14px 16px;transition:border-color .18s,box-shadow .18s,background .18s}.utr-input::placeholder{color:#fff8fb5c}.utr-input:focus{background:#ffffff0a;border-color:#ff5ca380;box-shadow:0 0 0 4px #ff2d7a1f}.btn-primary-action{background:linear-gradient(135deg, var(--pink-bright), var(--pink-deep));color:#fff;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;width:100%;box-shadow:var(--shadow-pink);border:none;border-radius:18px;padding:15px 18px;font-size:.94rem;font-weight:800;transition:transform .16s,filter .16s}.btn-primary-action:hover{filter:brightness(1.04);transform:translateY(-1px)}.btn-primary-action:active{transform:translateY(1px)}.status-bar{color:#fff8fbe0;background:#ff2d7a1a;border:1px solid #ff64a024;border-radius:14px;margin-top:14px;padding:12px 14px;font-size:.85rem;line-height:1.45}.section-flex{flex-direction:column;gap:4px;display:flex}.manual-toggle{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:0;display:flex}.manual-toggle-icon{color:var(--pink-bright);flex-shrink:0;justify-content:center;align-items:center;transition:transform .25s;display:inline-flex}.manual-toggle-icon svg{width:22px;height:22px;display:block}.manual-toggle[aria-expanded=true] .manual-toggle-icon{transform:rotate(180deg)}.manual-transfer-content{opacity:0;max-height:0;transition:max-height .3s,opacity .25s,margin-top .25s;overflow:hidden}.manual-transfer-content.open{opacity:1;max-height:1200px;margin-top:18px}.manual-list{flex-direction:column;gap:10px;display:flex}.transfer-item{background:#ffffff08;border:1px solid #ff64a014;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.transfer-item.highlighted{background:#ff2d7a1a;border-color:#ff5ca32e}.transfer-main{flex:1;min-width:0}.transfer-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 4px;font-size:.76rem}.transfer-value{color:#fff;word-break:break-word;margin:0;font-size:.95rem;font-weight:600}.transfer-actions{flex-shrink:0}.btn-copy{color:#fff;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#ffffff08;border:1px solid #ff64a033;border-radius:999px;padding:9px 14px;font-size:.72rem;font-weight:800;transition:background .18s,transform .18s,border-color .18s}.btn-copy:hover{background:#ff2d7a1f;border-color:#ff5ca359;transform:translateY(-1px)}.spinner{border:3px solid #ffffff14;border-top:3px solid var(--pink-bright);border-radius:50%;width:30px;height:30px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.scene-overlay{z-index:20;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.scene-overlay.visible{display:flex}.scene-overlay__backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030204b8;position:absolute;inset:0}.scene-card,.verify-panel{z-index:1;position:relative}.scene-card{text-align:center;background:#120810f5;border:1px solid #ff64a01f;border-radius:24px;width:min(100%,420px);padding:32px 26px 24px;box-shadow:0 30px 70px #0000008c}.scene-icon-wrap{border-radius:50%;place-items:center;width:88px;height:88px;margin:0 auto 18px;display:grid}.scene-icon-wrap.success{color:var(--success);background:#5ce3a81f}.scene-icon-wrap.expired{color:var(--error);background:#ff7a8c1f}.scene-svg{width:44px;height:44px}.scene-icon-image{width:46px;height:46px;display:block}.scene-title{margin:0;font-size:1.35rem}.scene-sub{color:var(--text-muted);margin:12px 0 0;line-height:1.55}.scene-close{margin-top:20px}.verify-panel{width:min(100%,440px)}.verify-card{text-align:center;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ff64a01a;flex-direction:column;align-items:center;padding:36px 24px 28px;display:flex}.verify-card h1{margin:0;font-size:1.5rem}.verify-sub,.verify-hint{color:var(--text-muted);margin:14px 0 0;line-height:1.55}.verify-hint{font-size:.92rem}.verify-visual{place-items:center;width:96px;height:96px;margin-bottom:26px;display:grid;position:relative}.verify-visual__orbit{border:2px dashed #ff64a047;border-radius:50%;animation:14s linear infinite orbitSpin;position:absolute;inset:0}.verify-visual__orbit--inner{border-style:solid;border-color:#ff5ca373 #ff5ca31f #ff5ca31f;width:72%;height:72%;animation:5s linear infinite reverse orbitSpin;top:14%;left:14%}@keyframes orbitSpin{to{transform:rotate(360deg)}}.verify-visual__pulse{border:2px solid #ff5ca366;border-radius:50%;animation:2.6s ease-out infinite verifyRipple;position:absolute;inset:0}.verify-visual__pulse--late{animation-delay:.85s}@keyframes verifyRipple{0%{opacity:.65;transform:scale(.5)}to{opacity:0;transform:scale(1.45)}}.verify-visual__core{z-index:2;background:linear-gradient(145deg, var(--pink-bright), var(--pink-deep));border-radius:50%;width:22px;height:22px;animation:2.2s ease-in-out infinite corePulse;position:relative;box-shadow:0 0 22px #ff5ca38c,0 0 40px #ff2d7a33}@keyframes corePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.92;transform:scale(1.08)}}.verify-visual__dots{z-index:1;animation:8s linear infinite orbitSpin;position:absolute;inset:0}.verify-visual__dots span{background:var(--pink-bright);opacity:.85;border-radius:50%;width:7px;height:7px;margin-left:-3.5px;position:absolute;top:4px;left:50%;box-shadow:0 0 10px #ff5ca3b3}.verify-visual__dots span:nth-child(2){opacity:.55;margin:-3.5px 0 0;top:50%;left:auto;right:4px}.verify-visual__dots span:nth-child(3){opacity:.72;margin-left:0;top:auto;bottom:10px;left:18px}@media (width<=899px){.desktop-grid{grid-template-columns:1fr}.amount-panel{flex-direction:column;align-items:flex-start}.timer-row{align-items:flex-start}}@media (width<=520px){.shell{padding-inline:14px}.hero{border-radius:20px;padding:18px 16px 16px}.panel{border-radius:18px;padding:16px}.hero-steps{flex-direction:column;align-items:flex-start;gap:6px}.hero-step-arrow{display:none}.transfer-item{flex-direction:column;align-items:flex-start}.transfer-actions{width:100%}.btn-copy{width:fit-content}}