/* Zorpt · support page */
#fx,#cf{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}
#fx{z-index:-1}#cf{z-index:30}
.orb{position:fixed;z-index:-1;border-radius:50%;filter:blur(70px);opacity:.55;animation:orb 14s ease-in-out infinite alternate}
.o1{width:44vw;height:44vw;left:-12vw;top:10vh;background:radial-gradient(closest-side,rgba(30,144,255,.55),transparent)}
.o2{width:38vw;height:38vw;right:-10vw;top:40vh;background:radial-gradient(closest-side,rgba(91,223,255,.4),transparent);animation-duration:18s}
.o3{width:34vw;height:34vw;left:30vw;bottom:-16vw;background:radial-gradient(closest-side,rgba(10,91,224,.5),transparent);animation-duration:22s}
@keyframes orb{to{transform:translate3d(6vw,-5vh,0) scale(1.15)}}
.rv{opacity:0;animation:rv .9s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i) * .11s)}
@keyframes rv{from{opacity:0;transform:translateY(26px) scale(.98)}to{opacity:1;transform:none}}
.hero{text-align:center;padding:clamp(18px,5vw,50px) 0 34px}
.heart{width:72px;margin:0 auto 14px;animation:rv .9s forwards,beat 1.8s ease-in-out 1s infinite;filter:drop-shadow(0 0 20px var(--glow)) drop-shadow(0 0 50px rgba(30,144,255,.6))}
.heart img{display:block;width:100%;height:auto}
@keyframes beat{0%,100%{transform:scale(1)}14%{transform:scale(1.18)}28%{transform:scale(1)}42%{transform:scale(1.1)}}
.hero h1{font-size:clamp(34px,7vw,76px)}
.pay{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:start;max-width:980px;margin:0 auto}
.pay .card{max-width:none;margin:0}
.chip.wide.on{transform:none}
.gap{margin-top:30px}
.tiny{color:var(--ti);font-size:13.5px;margin-top:10px}
.chips{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}
.chip{position:relative;padding:18px 6px;border-radius:16px;border:1px solid var(--hair);background:rgba(19,34,74,.55);font:800 20px var(--head);letter-spacing:-.03em;transition:transform .25s cubic-bezier(.3,1.6,.5,1),border-color .2s,box-shadow .25s,background .2s}
.chip small{font:600 12px var(--body);margin-right:2px;color:var(--ice)}
.chip:hover{transform:translateY(-3px);border-color:var(--ice);box-shadow:0 10px 30px -10px var(--glow)}
.chip.on{background:linear-gradient(135deg,rgba(91,223,255,.95),rgba(30,144,255,.95) 60%,#0A5BE0);color:#021030;border-color:transparent;transform:scale(1.06);box-shadow:0 14px 40px -8px var(--glow),inset 0 1px 0 rgba(255,255,255,.5)}
.chip.on small{color:#021030}
.chip.wide{grid-column:1/-1;font:700 12px var(--head);letter-spacing:.14em;text-transform:uppercase;padding:15px}
.custom{display:flex;align-items:center;gap:10px;margin-top:12px;padding:6px 16px;border-radius:14px;border:1px solid var(--ice);background:rgba(4,10,28,.7);box-shadow:0 0 30px -8px var(--glow);animation:rv .4s forwards}
.custom span{font:800 22px var(--head);color:var(--ice)}
.custom input{flex:1;background:none;border:0;outline:0;color:var(--wh);font:700 22px var(--head);padding:10px 0;min-width:0}
.custom input::-webkit-outer-spin-button,.custom input::-webkit-inner-spin-button{-webkit-appearance:none}
.custom input{-moz-appearance:textfield}
.perks{list-style:none;margin-top:18px}
.perks li{padding:10px 0 10px 28px;position:relative;color:var(--pl);font-size:14px;border-bottom:1px solid var(--hair)}
.perks li:before{content:"";position:absolute;left:2px;top:17px;width:9px;height:9px;border-radius:50%;background:var(--ice);box-shadow:0 0 12px 2px var(--glow)}
.perks b{color:var(--wh);margin-right:6px}
.qrc{text-align:center}
.who{display:flex;align-items:center;gap:14px;text-align:left}
.av{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font:800 14px var(--head);color:#021030;background:linear-gradient(135deg,var(--ice),var(--ice2));box-shadow:0 0 24px -2px var(--glow)}
.who b{display:block;font:700 17px var(--head);letter-spacing:-.02em}
.who small{color:var(--ti)}
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes spin{to{--a:360deg}}
.qrwrap{position:relative;width:max-content;margin:24px auto 18px;border-radius:32px;transition:transform .2s ease-out;transform-style:preserve-3d}
.glow{position:absolute;inset:-14px;border-radius:44px;background:radial-gradient(closest-side,rgba(43,184,255,.7),transparent);filter:blur(22px);animation:glowp 3s ease-in-out infinite}
@keyframes glowp{50%{opacity:.55;transform:scale(.96)}}
.ring{position:absolute;inset:-5px;border-radius:36px;padding:3px;background:conic-gradient(from var(--a),var(--ice),var(--deep),var(--ice2),var(--ice));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask-composite:exclude;animation:spin 5s linear infinite}
.qrbox{position:relative;background:#fff;border-radius:28px;padding:14px;overflow:hidden}
.qrbox canvas{display:block;width:min(264px,70vw);height:auto;aspect-ratio:1;border-radius:8px}
.qrbox.flip{animation:flip .6s cubic-bezier(.2,.9,.25,1)}
@keyframes flip{from{transform:perspective(700px) rotateY(90deg) scale(.88);opacity:0}to{transform:none;opacity:1}}
.beam{position:absolute;left:14px;right:14px;top:14px;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--ice2),transparent);box-shadow:0 0 16px 3px rgba(43,184,255,.7);opacity:0;animation:beam 3.4s ease-in-out infinite}
@keyframes beam{0%,100%{opacity:0;transform:translateY(0)}12%,88%{opacity:.55}50%{transform:translateY(240px)}}
.amtshow small{display:block;color:var(--ti);font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.amtshow b{font:800 clamp(34px,6vw,46px) var(--head);letter-spacing:-.04em;background:linear-gradient(95deg,var(--ice),var(--ice2));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px var(--glow))}
.upi{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 0;flex-wrap:wrap}
.upi code{font:600 13.5px ui-monospace,Menlo,Consolas,monospace;padding:10px 14px;border-radius:12px;background:rgba(4,10,28,.75);border:1px dashed rgba(91,223,255,.45);color:var(--pl);word-break:break-all}
.upi .btn{padding:10px 18px}
.blk-btn{display:block;text-decoration:none;text-align:center;margin-top:6px}
.done{width:100%;margin-top:14px}
.thanks{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:20px;background:rgba(2,6,18,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.thanks .card{text-align:center;max-width:420px;animation:pop .6s cubic-bezier(.3,1.5,.5,1)}
.thanks img{filter:drop-shadow(0 0 22px var(--glow));animation:beat 1.6s infinite}
.thanks h2{margin:14px 0 8px;font-size:34px}
.thanks p{color:var(--pl);margin-bottom:20px}
@keyframes pop{from{transform:scale(.7);opacity:0}to{transform:none;opacity:1}}
@media(max-width:860px){.pay{grid-template-columns:1fr}}
@media(max-width:420px){.chip{font-size:17px;padding:16px 4px}}