.mq-root{--mq-navy:oklch(27% .09 262);--mq-blue:oklch(60% .21 255);--mq-sky:oklch(72% .16 230);--mq-gold:oklch(80% .14 80);--mq-gray:oklch(97% .004 255);--mq-line:oklch(91% .008 255);--mq-text:oklch(42% .03 260);min-height:100vh;color:var(--mq-navy);font-family:var(--font-sans);background:oklch(100% 0 0);overflow-x:hidden}.mq-wrap{gap:1.25rem;width:min(100% - 1.5rem,560px);margin:0 auto;padding:1rem 0 2rem;display:grid}.mq-reveal{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.2,1);transform:translateY(20px)}.mq-reveal.in{opacity:1;transform:none}.mq-hero{text-align:center}.mq-cover{aspect-ratio:16/8;border-radius:22px;overflow:hidden;box-shadow:0 14px 34px -16px oklch(27% .09 262/.45)}.mq-cover img{object-fit:cover;object-position:center 48%;width:100%;height:100%;transition:transform .5s}.mq-cover:hover img{transform:scale(1.04)}.mq-logo{aspect-ratio:1;background:oklch(100% 0 0);border:4px solid oklch(100% 0 0);border-radius:50%;width:clamp(88px,26vw,116px);margin:calc(clamp(88px,26vw,116px)/-2) auto 0;padding:0;animation:4s ease-in-out infinite mq-float;display:block;position:relative;overflow:hidden;box-shadow:0 10px 26px -8px oklch(27% .09 262/.4)}.mq-logo img{object-fit:cover;object-position:center;transform-origin:62% 43%;width:100%;height:100%;transform:scale(2.2)}@keyframes mq-float{50%{transform:translateY(-6px)}}.mq-name{color:var(--mq-navy);margin-top:.6rem;font-size:clamp(1.6rem,6vw,2.1rem);font-weight:800}.mq-sub{background:linear-gradient(90deg, var(--mq-blue), var(--mq-sky));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(.85rem,3.4vw,1rem);font-weight:700}.mq-card{border:1px solid var(--mq-line);background:oklch(100% 0 0);border-radius:20px;padding:clamp(1rem,4vw,1.5rem);transition:transform .25s,box-shadow .25s;box-shadow:0 8px 26px -14px oklch(27% .09 262/.25)}.mq-about:hover{transform:translateY(-3px);box-shadow:0 16px 32px -14px oklch(27% .09 262/.3)}.mq-card h2{color:var(--mq-navy);align-items:center;gap:.6rem;margin-bottom:.6rem;font-size:1.25rem;font-weight:800;display:flex}.mq-info{color:oklch(100% 0 0);background:linear-gradient(135deg, var(--mq-blue), var(--mq-sky));border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.mq-about p{color:var(--mq-text);font-size:clamp(.9rem,3.5vw,1rem);line-height:1.7}.mq-social{grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;gap:.9rem .5rem;display:grid}@media (width>=480px){.mq-social{grid-template-columns:repeat(7,minmax(0,1fr))}}.mq-soc{justify-items:center;gap:.4rem;min-width:0;text-decoration:none;display:grid}.mq-soc span{color:oklch(100% 0 0);background:var(--c);width:52px;height:52px;box-shadow:0 8px 18px -6px color-mix(in oklab, var(--c) 70%, transparent);border-radius:50%;place-items:center;transition:transform .25s,box-shadow .25s;display:grid}.mq-soc b{color:var(--mq-navy);font-size:.72rem;font-weight:800}.mq-soc:hover span{box-shadow:0 14px 24px -6px color-mix(in oklab, var(--c) 80%, transparent);transform:translateY(-3px)scale(1.08)}.mq-soc:active span{transform:scale(.94)}.mq-review{color:oklch(100% 0 0);background:linear-gradient(120deg,oklch(58% .22 258),oklch(55% .24 300));border-radius:20px;align-items:center;gap:.9rem;min-height:48px;padding:1rem;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 30px -12px oklch(55% .24 280/.6)}.mq-review:hover{transform:translateY(-3px)}.mq-review:after,.mq-paybtn:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 35%,oklch(100% 0 0/.35) 50%,#0000 65%);animation:3.5s ease-in-out infinite mq-shine;position:absolute;inset:0;transform:translate(-100%)}@keyframes mq-shine{60%,to{transform:translate(100%)}}.mq-g{background:oklch(100% 0 0);border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.mq-rtext{flex:1;min-width:0;display:grid}.mq-rtext strong{font-size:clamp(.95rem,4vw,1.15rem);font-weight:800}.mq-rtext small{opacity:.9;font-size:clamp(.78rem,3.2vw,.9rem)}.mq-arrow{background:oklch(100% 0 0/.22);border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.mq-pay{border-color:color-mix(in oklab, var(--mq-gold) 60%, transparent);text-align:center}.mq-pay h2{justify-content:center}.mq-qr{border:1px solid var(--mq-line);background:oklch(100% 0 0);border-radius:18px;width:min(100%,300px);margin:0 auto;padding:.7rem;box-shadow:0 6px 18px -10px oklch(27% .09 262/.3)}.mq-qr img{image-rendering:auto;border-radius:10px;width:100%;height:auto;display:block}.mq-upi{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin:1rem 0;display:flex}.mq-upi b{color:var(--mq-navy);word-break:break-all;font-size:1.1rem;font-weight:800}.mq-upi button{border:1px solid var(--mq-line);background:var(--mq-gray);min-height:44px;color:var(--mq-navy);border-radius:12px;align-items:center;gap:.35rem;padding:0 .9rem;font-weight:700;transition:background .2s;display:inline-flex}.mq-upi button:hover{background:var(--mq-line)}.mq-paybtn{color:oklch(100% 0 0);background:linear-gradient(120deg, var(--mq-blue), var(--mq-sky));border-radius:16px;justify-content:center;align-items:center;gap:.5rem;min-height:52px;font-size:1.05rem;font-weight:800;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 26px -10px oklch(60% .21 255/.7)}.mq-paybtn:hover{transform:translateY(-2px);box-shadow:0 18px 32px -10px oklch(60% .21 255/.85)}.mq-paybtn:active,.mq-review:active{transform:scale(.97)}.mq-apps{grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;margin-top:1rem;display:grid}.mq-apps span{color:var(--mq-navy);border:1px solid var(--mq-line);background:oklch(100% 0 0);border-radius:12px;justify-items:center;gap:.3rem;padding:.55rem .2rem;font-size:.8rem;font-weight:800;transition:transform .2s;display:grid;box-shadow:0 4px 12px -8px oklch(27% .09 262/.4)}.mq-apps span:hover{transform:translateY(-2px)}.mq-foot{border-top:1px solid var(--mq-line);text-align:center;color:var(--mq-text);padding:1.2rem 1rem 1.6rem;font-size:.9rem}.mq-heart{color:oklch(60% .24 25)}.mq-foot a{color:var(--mq-navy);font-weight:800;transition:color .2s}.mq-foot a:hover{color:var(--mq-blue)}@media (prefers-reduced-motion:reduce){.mq-reveal{opacity:1;transform:none}.mq-logo,.mq-review:after,.mq-paybtn:after{animation:none}}.mq-apps small{font-size:.62rem;font-weight:800;line-height:1.1}.mq-about p,.mq-name,.mq-sub{transition:color .2s}.mq-name:hover{color:var(--mq-blue)}.mq-wrap{padding-top:clamp(1rem,3vw,2rem)}@media (width>=768px){.mq-wrap{width:min(100% - 3rem,620px)}}
