.pp-app{font-family:var(--pp-body-font)!important;color:var(--pp2-body)!important}.pp-app h1,.pp-app h2,.pp-app h3,.pp-app b,.pp-the-list{font-family:var(--pp-heading-font)!important;color:var(--pp2-heading)}.pp-dashboard-app,.pp-bg{background:var(--pp2-bg)!important}.pp-panel,.pp-member-card,.pp-quick{border-radius:var(--pp2-tile-radius)!important}.pp-quick{background-size:cover;background-position:center;overflow:hidden}.pp-bubble{border-radius:var(--pp2-bubble-radius)!important;background-color:var(--bubble-bg)!important;border-color:var(--bubble-border)!important;background-size:cover;background-position:center;box-shadow:0 12px 45px rgba(0,0,0,.32),0 0 calc(35px * var(--pp2-glow)) var(--glow)!important}.pp-bubble-name{color:var(--bubble-title)!important;text-shadow:0 2px 8px #000}.pp-bubble-city{color:var(--bubble-info)!important;text-shadow:0 2px 8px #000}.pp-featured:after{content:'FEATURED';position:absolute;top:10px;right:10px;font-size:9px;letter-spacing:.14em;background:var(--pp2-gold);color:#111;padding:4px 7px;border-radius:99px;font-weight:900}.pp-modal-icon img{width:100%;height:100%;object-fit:contain}.pp-brand{cursor:pointer}

/* Sprint 2.1 partner artwork and flush logo controls */
.pp-bubble-icon{
  width:clamp(128px,21vw,165px)!important;
  aspect-ratio:1/1!important;
  height:auto!important;
  border-radius:clamp(24px,5vw,38px)!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
}
.pp-bubble-icon img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-position:center!important;
}
.pp-modal-icon{
  width:90px!important;
  height:90px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  padding:0!important;
  flex:0 0 90px!important;
}
.pp-modal-icon img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-position:center!important;
}
[data-modal-overlay]{position:fixed!important;isolation:isolate!important;overflow:hidden!important;}
.pp-modal-hero-art{
  position:absolute;
  z-index:-1;
  inset:0 0 auto 0;
  width:100%;
  height:min(62vh,680px);
  background-repeat:no-repeat;
  background-color:#08061a;
  pointer-events:none;
  opacity:1;
}
[data-modal-overlay].open .pp-modal-hero-art{animation:ppHeroReveal .35s ease both;}
@keyframes ppHeroReveal{from{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@media(max-width:480px){
  .pp-bubble-icon{width:clamp(124px,39vw,158px)!important;}
  .pp-modal-hero-art{height:61vh;}
  .pp-modal-icon{width:88px!important;height:88px!important;flex-basis:88px!important;}
}
[data-modal-overlay]>.pp-modal-hero-art{z-index:1;}
[data-modal-overlay]>:not(.pp-modal-hero-art){position:relative;z-index:2;}

/* v2.1.1: force reliable area filtering across themes and mobile browsers */
.pp-partner-grid .pp-bubble[hidden]{display:none!important}
.pp-empty[hidden]{display:none!important}
.pp-member-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pp-member-metrics>div,.pp-favorite-grid article{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:18px}.pp-member-metrics strong{display:block;font-size:1.8rem}.pp-member-metrics span,.pp-favorite-grid span{display:block;color:var(--pp2-body);margin-top:4px}.pp-member-note{opacity:.85}.pp-table-scroll{overflow:auto}.pp-member-table{width:100%;border-collapse:collapse}.pp-member-table th,.pp-member-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.12);text-align:left}.pp-favorite-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.pp-favorite-grid a{display:inline-block;margin-top:12px}.pp-referral-box{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pp-referral-box code{flex:1;min-width:240px;padding:14px;border-radius:12px;background:rgba(0,0,0,.25);overflow:auto}.pp-activity-list{list-style:none;padding:0;margin:0}.pp-activity-list li{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.1)}.pp-favorite-button{position:absolute;top:10px;right:10px;width:38px;height:38px;border:0;border-radius:50%;font-size:25px;line-height:1;background:rgba(8,6,26,.78);color:#f5c842;cursor:pointer;z-index:3}.pp-bubble{position:relative}@media(max-width:700px){.pp-member-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-activity-list li{display:block}.pp-activity-list span{display:block;margin-top:4px}}

/* v2.4 dashboard brand controls */
.pp-dashboard-app,.pp-app{font-family:var(--pp-body-font)!important}
.pp-dashboard-app h1,.pp-dashboard-app h2,.pp-dashboard-app h3,.pp-dashboard-app h4,.pp-dashboard-app .pp-the-list,.pp-dashboard-app .pp-quick b,.pp-dashboard-app .pp-bubble-name,.pp-dashboard-app .pp-modal-name{font-family:var(--pp-heading-font)!important;font-weight:400!important;letter-spacing:.01em}
.pp-panel,.pp-quick,.pp-member-card{box-shadow:0 18px 55px rgba(0,0,0,.28),0 0 calc(28px * var(--pp2-glow)) color-mix(in srgb,var(--pp2-primary) 36%,transparent)}
.pp-quick:hover,.pp-quick.active{box-shadow:0 18px 55px rgba(0,0,0,.34),0 0 calc(42px * var(--pp2-glow)) color-mix(in srgb,var(--pp2-secondary) 52%,transparent)}
.pp-panel h2,.pp-list-hero h1,.pp-the-list{text-shadow:0 0 calc(18px * var(--pp2-glow)) color-mix(in srgb,var(--pp2-secondary) 70%,transparent),0 0 calc(32px * var(--pp2-glow)) color-mix(in srgb,var(--pp2-primary) 45%,transparent)}
.pp-primary,.pp-modal-cta{box-shadow:0 0 calc(24px * var(--pp2-glow)) color-mix(in srgb,var(--pp2-accent) 45%,transparent)}

/* v2.6 Global design system + floating artwork */
#pp2-floating-art{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:20;display:none}
body.pp2-art-active #pp2-floating-art{display:block}
.pp2-float-layer{position:absolute;left:var(--x);top:var(--y);width:min(var(--w),70vw);height:auto;transform:translate(-50%,-50%) rotate(var(--rot));opacity:var(--op);z-index:var(--layer);filter:drop-shadow(0 0 calc(28px * var(--glow)) var(--glow-color));pointer-events:none;user-select:none;-webkit-user-drag:none}
.pp2-float-layer:not(.pp2-target-global){display:none}
body[data-pp-screen="login"] .pp2-target-login,body[data-pp-screen="access"] .pp2-target-access,body[data-pp-screen="dashboard"] .pp2-target-dashboard,body[data-pp-screen="partners"] .pp2-target-partners,body[data-pp-screen="rewards"] .pp2-target-rewards,body[data-pp-screen="referrals"] .pp2-target-referrals,body[data-pp-screen="profile"] .pp2-target-profile,body[data-pp-screen="driver"] .pp2-target-driver{display:block}
.pp2-anim-float{animation:pp2Float 5.8s ease-in-out infinite}.pp2-anim-pulse{animation:pp2Pulse 3.4s ease-in-out infinite}.pp2-anim-rotate{animation:pp2Rotate 22s linear infinite}
@keyframes pp2Float{0%,100%{margin-top:0}50%{margin-top:-14px}}@keyframes pp2Pulse{0%,100%{filter:drop-shadow(0 0 calc(18px * var(--glow)) var(--glow-color))}50%{filter:drop-shadow(0 0 calc(42px * var(--glow)) var(--glow-color))}}@keyframes pp2Rotate{from{transform:translate(-50%,-50%) rotate(var(--rot))}to{transform:translate(-50%,-50%) rotate(calc(var(--rot) + 360deg))}}
.pp-dashboard-app,.pp-app,.pp-login-wrap,.pp-access-wrap{position:relative;z-index:30}
@media(max-width:767px){.pp2-hide-mobile{display:none!important}}@media(min-width:768px){.pp2-hide-desktop{display:none!important}}
@media(prefers-reduced-motion:reduce){.pp2-float-layer{animation:none!important}}


.pp-password-visibility-wrap{position:relative;width:100%}.pp-password-visibility-wrap input{padding-right:56px!important}.pp-password-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(12,8,34,.82);color:#fff;cursor:pointer;z-index:3;font-size:18px;line-height:1}.pp-password-eye:focus{outline:2px solid var(--pp2-secondary,#22d3ee);outline-offset:2px}

/* v2.8.1 — approved auth consistency, routing presentation, and mobile parity */
.pp-app.pp-auth-shell{
  min-height:100svh!important;
  padding:calc(28px + env(safe-area-inset-top)) 18px calc(28px + env(safe-area-inset-bottom))!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:var(--pp2-bg,#08061a)!important;
  overflow-x:hidden!important;
}
.pp-app .pp-auth-card{
  width:min(100%,720px)!important;
  margin:0 auto!important;
  padding:clamp(24px,5vw,42px)!important;
  border-radius:28px!important;
  border:1px solid color-mix(in srgb,var(--pp2-secondary,#22d3ee) 38%,transparent)!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--pp2-panel,#15112c) 94%,transparent),rgba(10,8,28,.98))!important;
  box-shadow:0 0 35px color-mix(in srgb,var(--pp2-primary,#7c3aed) 34%,transparent),0 0 80px color-mix(in srgb,var(--pp2-secondary,#22d3ee) 12%,transparent)!important;
}
.pp-app .pp-auth-card h1{
  color:var(--pp2-heading,#fff)!important;
  font-family:var(--pp-heading-font,'Abril Fatface',Georgia,serif)!important;
  font-size:clamp(38px,8vw,58px)!important;
  line-height:1.02!important;
  margin:14px 0 12px!important;
}
.pp-app .pp-kicker{color:var(--pp2-secondary,#22d3ee)!important;letter-spacing:.16em!important;font-size:13px!important}
.pp-app .pp-lead,.pp-app .pp-auth-foot{color:var(--pp2-body,#d8d4e8)!important;line-height:1.6!important}
.pp-app .pp-form{margin-top:24px!important}
.pp-app .pp-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
.pp-app .pp-form label{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:700!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.pp-app .pp-form input,.pp-app .pp-form select{
  width:100%!important;
  min-width:0!important;
  min-height:56px!important;
  padding:0 16px!important;
  border:1px solid rgba(255,255,255,.2)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.055)!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1.2!important;
  outline:none!important;
  -webkit-appearance:none;
}
.pp-app .pp-form select{padding-right:42px!important;background-image:linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(135deg,#fff 50%,transparent 50%);background-position:calc(100% - 20px) 24px,calc(100% - 14px) 24px;background-size:6px 6px,6px 6px;background-repeat:no-repeat}
.pp-app .pp-form input:focus,.pp-app .pp-form select:focus{border-color:var(--pp2-secondary,#22d3ee)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--pp2-secondary,#22d3ee) 12%,transparent),0 0 24px color-mix(in srgb,var(--pp2-secondary,#22d3ee) 16%,transparent)!important}
.pp-app .pp-form .pp-check{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:11px!important;margin:18px 0!important;line-height:1.5!important}
.pp-app .pp-form .pp-check input{flex:0 0 22px!important;width:22px!important;height:22px!important;min-height:22px!important;margin:1px 0 0!important;padding:0!important;-webkit-appearance:auto}
.pp-app .pp-primary{width:100%!important;min-height:60px!important;border-radius:15px!important;background:linear-gradient(90deg,var(--pp2-primary,#7c3aed),color-mix(in srgb,var(--pp2-primary,#7c3aed) 72%,#fff))!important;color:#fff!important;font-size:17px!important;font-weight:800!important;box-shadow:0 0 22px color-mix(in srgb,var(--pp2-primary,#7c3aed) 40%,transparent)!important}
.pp-app .pp-auth-foot a{color:var(--pp2-secondary,#22d3ee)!important;font-weight:700!important}
.pp-app .pp-password-visibility-wrap{width:100%!important}
.pp-app .pp-password-visibility-wrap input{padding-right:58px!important}

@media(max-width:700px){
  .pp-app.pp-auth-shell{padding-left:12px!important;padding-right:12px!important;align-items:flex-start!important}
  .pp-app .pp-auth-card{width:100%!important;padding:26px 18px!important;border-radius:22px!important;margin-top:8px!important}
  .pp-app .pp-form-grid{grid-template-columns:1fr!important;gap:14px!important}
  .pp-app .pp-form input,.pp-app .pp-form select{min-height:54px!important;font-size:16px!important}
  .pp-app .pp-auth-card h1{font-size:clamp(38px,12vw,49px)!important}
  .pp-app .pp-primary{min-height:56px!important}
  .pp-app .pp-auth-foot{font-size:15px!important}
}
@media(max-width:380px){
  .pp-app.pp-auth-shell{padding-left:8px!important;padding-right:8px!important}
  .pp-app .pp-auth-card{padding:22px 14px!important;border-radius:18px!important}
}


/* v2.8.2 — mobile background safety and native MAC call tile */
@media(max-width:767px){
  html,body{min-height:100%;background:var(--pp2-bg,#08061a)}
  .pp-dashboard-app,.pp-bg{background-origin:border-box!important;background-clip:border-box!important;overflow-x:hidden!important}
  .pp-dashboard-app{min-height:100svh!important}
}
.pp-quick[data-pp-call="1"]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}

/* v2.8.4 — per-dashboard-tile typography controls */
.pp-quick>b{font-size:var(--pp-tile-title-size,20px)!important;font-weight:var(--pp-tile-title-weight,700)!important;line-height:1.12!important}.pp-quick>small{font-size:var(--pp-tile-subtitle-size,13px)!important;font-weight:var(--pp-tile-subtitle-weight,500)!important;line-height:1.25!important}


/* v2.9.3 — dashboard readability pass */
.pp-dashboard-app .pp-quick>b{font-family:Montserrat,Arial,sans-serif!important;font-size:var(--pp-tile-title-size,22px)!important;font-weight:var(--pp-tile-title-weight,700)!important;line-height:1.08!important;letter-spacing:-.02em!important;color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.95),0 0 16px rgba(34,211,238,.28)!important}
.pp-dashboard-app .pp-quick>small{font-family:Montserrat,Arial,sans-serif!important;font-size:var(--pp-tile-subtitle-size,15px)!important;font-weight:var(--pp-tile-subtitle-weight,600)!important;line-height:1.28!important;color:#f1efff!important;text-shadow:0 2px 10px rgba(0,0,0,.95)!important;opacity:1!important}
.pp-dashboard-app .pp-quick>span{filter:drop-shadow(0 0 8px rgba(34,211,238,.35))}
@media(max-width:767px){.pp-dashboard-app .pp-quick>b{font-size:max(21px,var(--pp-tile-title-size,22px))!important}.pp-dashboard-app .pp-quick>small{font-size:max(14px,var(--pp-tile-subtitle-size,15px))!important}}

/* v2.9.7 — full-bleed Stash, polished account surfaces, review funnel */
.pp-partner-grid .pp-bubble-icon{width:100%!important;max-width:none!important;aspect-ratio:1/1!important;border-radius:inherit!important;background:transparent!important;box-shadow:none!important}
.pp-partner-grid .pp-bubble-icon img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:inherit!important}
.pp-partner-grid .pp-bubble{overflow:visible!important}
.pp-partner-grid .pp-bubble-name,.pp-partner-grid .pp-bubble-city{position:relative!important;z-index:2!important}

/* Sprint 1 join/profile pages: remove dead air and give forms a finished Puff Pass shell */
body[data-pp-screen="profile"] .pp-dashboard-app,body[data-pp-screen="profile"] .pp-app,
body.pp2-join-page .pp-dashboard-app,body.pp2-join-page .pp-app{padding-top:clamp(18px,5vw,48px)!important}
body[data-pp-screen="profile"] .pp-panel,body[data-pp-screen="profile"] .pp-member-card,
body.pp2-join-page .pp-panel,body.pp2-join-page .pp-member-card{border:1px solid rgba(34,211,238,.38)!important;background:linear-gradient(145deg,rgba(21,17,44,.97),rgba(8,6,26,.98))!important;box-shadow:0 0 34px rgba(124,58,237,.24),0 0 70px rgba(34,211,238,.08)!important}
body[data-pp-screen="profile"] input,body[data-pp-screen="profile"] select,
body.pp2-join-page input,body.pp2-join-page select{min-height:56px!important;border-radius:16px!important;background:rgba(255,255,255,.055)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;font-size:16px!important}

.pp-review-shell{min-height:100svh;display:grid;place-items:center;padding:clamp(28px,7vw,80px) 16px;background:radial-gradient(circle at 50% 18%,rgba(124,58,237,.34),transparent 32%),radial-gradient(circle at 12% 78%,rgba(34,211,238,.14),transparent 28%),#070516;color:#fff;font-family:Montserrat,Arial,sans-serif;position:relative;overflow:hidden}
.pp-review-shell:before{content:"";position:absolute;inset:0;opacity:.28;background-image:radial-gradient(circle,#fff 1px,transparent 1.5px);background-size:47px 47px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
.pp-review-card{position:relative;width:min(680px,100%);padding:clamp(28px,7vw,58px);border:1px solid rgba(34,211,238,.45);border-radius:30px;text-align:center;background:linear-gradient(145deg,rgba(18,13,43,.96),rgba(7,5,22,.98));box-shadow:0 0 45px rgba(124,58,237,.32),0 25px 90px rgba(0,0,0,.55)}
.pp-review-stars{position:absolute;top:5%;left:0;right:0;text-align:center;color:#a3e635;opacity:.55;font-size:13px;letter-spacing:.5em}
.pp-review-kicker{color:#22d3ee;font-weight:900;letter-spacing:.2em;font-size:12px}.pp-review-card h1{font-size:clamp(42px,10vw,72px);line-height:.98;margin:18px 0;color:#fff;letter-spacing:-.045em}.pp-review-lead{font-size:clamp(16px,4vw,20px);line-height:1.55;color:#ded9f2;margin:0 auto 20px;max-width:540px}.pp-review-rating{font-size:clamp(30px,8vw,46px);letter-spacing:.12em;color:#f5c842;text-shadow:0 0 20px rgba(245,200,66,.35);margin:8px 0 24px}.pp-review-google,.pp-review-join{display:flex;align-items:center;justify-content:center;min-height:64px;border-radius:17px;text-decoration:none!important;font-weight:900;letter-spacing:.035em}.pp-review-google{background:linear-gradient(90deg,#7c3aed,#a020f0);color:#fff!important;box-shadow:0 0 30px rgba(124,58,237,.5)}.pp-review-google span{margin-left:10px}.pp-review-disabled{opacity:.55}.pp-review-divider{display:flex;align-items:center;gap:14px;margin:34px 0 20px;color:#22d3ee;font-size:11px;font-weight:900;letter-spacing:.22em}.pp-review-divider:before,.pp-review-divider:after{content:"";height:1px;flex:1;background:rgba(255,255,255,.14)}.pp-review-card h2{font-size:clamp(26px,6vw,36px);margin:0 0 8px}.pp-review-card p{color:#d8d4e8}.pp-review-card strong{color:#a3e635}.pp-review-join{margin-top:20px;border:1px solid #a3e635;color:#a3e635!important;background:rgba(163,230,53,.04);box-shadow:0 0 22px rgba(163,230,53,.12)}.pp-review-tagline{margin-top:34px;color:#22d3ee;font-size:12px;font-weight:900;letter-spacing:.18em}
@media(max-width:520px){.pp-review-card{border-radius:22px;padding:30px 18px}.pp-review-google,.pp-review-join{min-height:60px;font-size:14px}.pp-review-shell{padding-left:10px;padding-right:10px}}


/* === v2.9.9 REFERRAL QR === */
.pp-referral-qr-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(190px,240px);
  gap:22px;
  align-items:center;
  margin-top:22px;
  padding:22px;
  border:1px solid rgba(91,255,184,.38);
  border-radius:22px;
  background:
    radial-gradient(circle at 80% 20%,rgba(87,255,180,.11),transparent 36%),
    linear-gradient(145deg,rgba(31,17,63,.92),rgba(7,5,18,.96));
  box-shadow:0 18px 55px rgba(0,0,0,.3),0 0 28px rgba(123,62,255,.12);
}
.pp-referral-qr-copy h3{
  margin:6px 0 10px;
  color:#fff;
  font-size:clamp(24px,4vw,34px);
  line-height:1.05;
}
.pp-referral-qr-copy p{margin:0;color:var(--pp2-body);line-height:1.55}
.pp-referral-code{margin-top:14px!important;color:#fff!important}
.pp-referral-code strong{color:#aaff48;letter-spacing:.05em}
.pp-referral-qr-frame{
  justify-self:end;
  width:min(100%,240px);
  padding:13px;
  border-radius:22px;
  background:#fff;
  box-shadow:0 0 0 1px rgba(255,255,255,.18),0 0 34px rgba(91,255,184,.22);
}
.pp-referral-qr-frame img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1/1;
  border-radius:12px;
  background:#fff;
}
.pp-referral-qr-frame span{
  display:block;
  padding:9px 5px 2px;
  color:#0b0716;
  text-align:center;
  font-weight:900;
  font-size:10px;
  letter-spacing:.12em;
}
@media(max-width:700px){
  .pp-referral-qr-card{grid-template-columns:1fr;padding:18px}
  .pp-referral-qr-frame{justify-self:center;width:min(270px,100%)}
  .pp-referral-box code{min-width:0;width:100%}
}


/* === v2.10.0 USER-SIDE REFERRAL QR / FULL-SCREEN SCAN MODE === */
.pp-referral-qr-open{
  margin-top:16px!important;
  width:100%!important;
}
button.pp-referral-qr-frame{
  appearance:none!important;
  border:0!important;
  cursor:pointer!important;
}
.pp-referral-qr-frame:active{transform:scale(.985)}
.pp-referral-qr-modal[hidden]{display:none!important}
.pp-referral-qr-modal{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  display:grid!important;
  place-items:center!important;
  padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom))!important;
}
.pp-referral-qr-modal-backdrop{
  position:absolute!important;
  inset:0!important;
  background:rgba(4,2,10,.88)!important;
  backdrop-filter:blur(14px)!important;
}
.pp-referral-qr-modal-card{
  position:relative!important;
  z-index:2!important;
  width:min(560px,100%)!important;
  max-height:calc(100dvh - 36px)!important;
  overflow:auto!important;
  padding:26px 22px 22px!important;
  border:1px solid rgba(131,81,255,.55)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 50% 14%,rgba(67,255,181,.13),transparent 26%),
    linear-gradient(160deg,#171029,#080511 72%)!important;
  color:#fff!important;
  text-align:center!important;
  box-shadow:0 28px 90px rgba(0,0,0,.58),0 0 50px rgba(123,67,255,.16)!important;
}
.pp-referral-qr-modal-card h2{
  margin:7px 0 18px!important;
  font-size:clamp(28px,7vw,42px)!important;
  line-height:1.02!important;
}
.pp-referral-qr-close{
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  width:44px!important;
  height:44px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:#130c21!important;
  color:#fff!important;
  font-size:30px!important;
  line-height:1!important;
  cursor:pointer!important;
}
.pp-referral-qr-modal-code{
  width:min(380px,82vw)!important;
  margin:0 auto 14px!important;
  padding:16px!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 0 42px rgba(76,255,183,.28)!important;
}
.pp-referral-qr-modal-code img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
}
.pp-referral-qr-modal-card p{
  margin:10px 0 4px!important;
  color:#cfc7da!important;
}
.pp-referral-qr-bigcode{
  display:block!important;
  margin:8px 0 18px!important;
  color:#aaff48!important;
  font-size:22px!important;
  letter-spacing:.08em!important;
}
.pp-referral-qr-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
.pp-referral-qr-actions button{
  min-height:54px!important;
}
html.pp-referral-qr-opened,
body.pp-referral-qr-opened{
  overflow:hidden!important;
}
@media(max-width:560px){
  .pp-referral-qr-card{
    grid-template-columns:1fr!important;
  }
  .pp-referral-qr-copy{
    text-align:center!important;
  }
  .pp-referral-qr-frame{
    justify-self:center!important;
    width:min(310px,90vw)!important;
  }
  .pp-referral-qr-actions{
    grid-template-columns:1fr!important;
  }
}