html h1{max-width:18ch}html .optin{gap:6px}html .optin b{font-size:16px}@media (width>=821px){html .feature{grid-template-columns:1.15fr 1fr}}.pass{background:var(--pass);width:100%;max-width:300px;color:var(--pass-ink);border-radius:16px;gap:14px;padding:18px;display:grid;box-shadow:0 12px 30px #02286440}.pass-top{color:var(--pass-muted);justify-content:space-between;align-items:center;font-size:13px;display:flex}.pass-top b{color:var(--pass-ink);font-size:15px}.pass-row{color:var(--pass-muted);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;font-size:12px;display:flex}.pass-row strong{color:var(--pass-ink);letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums;font-size:22px;display:block}.qr{background:#fff;border-radius:10px;grid-template-columns:repeat(9,1fr);justify-self:center;gap:2px;width:120px;height:120px;padding:10px;display:grid}.qr span{background:#0e1b33;border-radius:1px}.qr span.o{background:0 0}.pay{font:inherit;color:var(--pass-ink);border:1px solid var(--pass-muted);cursor:pointer;background:0 0;border-radius:10px;padding:8px 10px;font-size:13px;font-weight:600}.pay:hover,.pay:focus-visible{border-color:var(--pass-ink);outline:none}.lock{gap:10px;width:100%;max-width:320px;display:grid}.notif{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;grid-template-columns:36px 1fr;gap:10px;padding:12px 14px;display:grid}.notif .ic{background:var(--pass);width:36px;height:36px;color:var(--pass-ink);border-radius:9px;place-items:center;font-size:14px;font-weight:800;display:grid}.notif b{font-size:14px}.notif p{color:var(--ink);font-size:14px}.notif small{color:var(--muted);font-size:12px}.map{background:radial-gradient(circle at 62% 48%, var(--brand) 0 7px, transparent 8px), radial-gradient(circle at 62% 48%, color-mix(in srgb,var(--brand) 22%,transparent) 0 42px, transparent 43px), linear-gradient(90deg,transparent 30%,var(--line) 30% 33%,transparent 33%), linear-gradient(0deg,transparent 55%,var(--line) 55% 59%,transparent 59%), var(--tag);border:1px solid var(--line);border-radius:14px;height:110px;position:relative}.map:after{content:"вы рядом";color:var(--brand);font-size:11px;font-weight:600;position:absolute;top:calc(48% - 26px);left:calc(62% + 14px)}.ref{gap:10px;width:100%;max-width:320px;display:grid}.bubble{background:var(--brand);color:var(--brand-ink);border-radius:16px 16px 4px;justify-self:end;max-width:260px;padding:12px 14px;font-size:14px}.bubble u{opacity:.85;margin-top:4px;font-size:13px;text-decoration:none;display:block}.reward{grid-template-columns:1fr 1fr;gap:8px;display:grid}.reward div{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:12px;padding:10px 12px;font-size:13px}.reward strong{color:var(--ok);font-variant-numeric:tabular-nums;font-size:20px;display:block}.zones{gap:8px;width:100%;max-width:380px;display:grid}.zone{grid-template-columns:110px 1fr 54px;align-items:center;gap:10px;font-size:14px;display:grid}.zone .bar{background:var(--tag);border-radius:99px;height:8px;position:relative}.zone .bar i{background:var(--brand);border:3px solid var(--surface);width:16px;height:16px;box-shadow:0 0 0 1px var(--brand);border-radius:50%;position:absolute;top:-4px}.zone time{font-variant-numeric:tabular-nums;color:var(--muted);text-align:right;font-size:13px}.zones small{color:var(--muted);font-size:12px}.catalog{background:var(--surface);border:1px solid var(--line);width:100%;max-width:320px;box-shadow:var(--shadow);border-radius:16px;overflow:hidden}.catalog header{border-bottom:1px solid var(--line);padding:14px 16px;display:block}.catalog header b{font-size:15px;display:block}.catalog header small{color:var(--muted);font-size:12px}.venue{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;display:flex}.venue:last-child{border-bottom:0}.venue small{color:var(--muted);font-size:12px;display:block}.venue span{background:var(--brand);color:var(--brand-ink);border-radius:8px;padding:5px 10px;font-size:12px;font-weight:600}.utm{color:var(--muted);background:var(--tag);overflow-wrap:anywhere;padding:10px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.clients{background:var(--surface);border:1px solid var(--line);border-radius:14px;width:100%;max-width:360px;font-size:13px;overflow:hidden}.clients div{border-bottom:1px solid var(--line);grid-template-columns:1fr 130px;align-items:center;padding:10px 14px;display:grid}.clients div:last-child{border-bottom:0}.clients .h{background:var(--tag);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.st{border-radius:6px;justify-self:start;padding:3px 8px;font-size:12px;font-weight:600}.st.ok{background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok)}.st.wait{background:var(--brand-soft);color:var(--brand)}.st.none{background:var(--tag);color:var(--muted)}@media (prefers-reduced-motion:no-preference){.qr span{transition:background .4s}}