:root{
  --keen:#0057C8;--blue:#006DFF;--ink:#101828;--muted:#667085;--line:#E7ECF4;--paper:#FFFFFF;--soft:#F6F9FD;--shadow:0 24px 70px rgba(16,24,40,.13);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Segoe UI",sans-serif
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%;background:linear-gradient(180deg,#f7faff 0%,#edf3fb 100%);color:var(--ink);overflow-x:hidden}
body.dark{--ink:#F8FAFC;--muted:#B6C4D7;--line:rgba(255,255,255,.13);--paper:#101C2C;--soft:#152338;--shadow:0 24px 78px rgba(0,0,0,.38);background:radial-gradient(circle at 50% -12%,rgba(0,109,255,.25),transparent 42%),linear-gradient(180deg,#14233A 0%,#0D1728 100%)}
.app-shell{min-height:100svh;display:grid;place-items:center;padding:14px;position:relative}.app-shell:before{content:"";position:fixed;inset:auto -18% 0;height:28vh;background:radial-gradient(ellipse at center,rgba(0,109,255,.12),transparent 65%);pointer-events:none}.connect-card{width:min(430px,100%);min-height:calc(100svh - 28px);border:1px solid var(--line);border-radius:36px;background:rgba(255,255,255,.86);box-shadow:var(--shadow);padding:18px clamp(22px,6vw,34px) 20px;display:flex;flex-direction:column;position:relative;overflow:hidden;backdrop-filter:blur(20px)}body.dark .connect-card{background:rgba(14,26,43,.94)}
.top-controls{display:flex;align-items:center;justify-content:space-between;min-height:46px;position:relative;z-index:3}.share-button{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.78);color:var(--ink);display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 18px rgba(16,24,40,.08)}.share-button svg{width:20px;height:20px;fill:currentColor}body.dark .share-button{background:rgba(255,255,255,.08);color:#fff}.theme-toggle{width:58px;height:32px;border-radius:999px;border:0;background:#D8DEE8;cursor:pointer;padding:3px;box-shadow:inset 0 1px 3px rgba(0,0,0,.16),0 8px 18px rgba(16,24,40,.08);transition:background .2s ease}.theme-toggle span{display:block;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.22);transition:transform .22s cubic-bezier(.2,.8,.2,1)}body.dark .theme-toggle{background:var(--blue)}body.dark .theme-toggle span{transform:translateX(26px)}
.brand-lockup{padding:18px 0 24px;text-align:center;position:relative;z-index:1}.brand-logo{width:min(245px,66vw);height:auto;display:block;margin:0 auto}.dark-logo{display:none}body.dark .dark-logo{display:none}body.dark .light-logo{display:block;filter:drop-shadow(0 0 18px rgba(0,109,255,.34)) drop-shadow(0 8px 28px rgba(0,0,0,.24))}.connect-word{margin-top:18px;text-transform:uppercase;letter-spacing:.48em;font-size:14px;font-weight:800;color:var(--muted);padding-left:.48em}
.tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;position:relative;z-index:1;margin:auto 0 0}.app-tile{appearance:none;border:0;text-decoration:none;aspect-ratio:1.18/1;border-radius:25px;padding:16px 12px 13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;background:linear-gradient(145deg,var(--accent),color-mix(in srgb,var(--accent),#000 25%));box-shadow:0 14px 26px color-mix(in srgb,var(--accent),transparent 76%);cursor:pointer;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;position:relative;overflow:hidden}.app-tile:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 50%);pointer-events:none}.app-tile:hover{transform:translateY(-2px);filter:saturate(1.08)}.app-tile:active{transform:scale(.96)}.app-icon{display:block;line-height:1;font-weight:1000;letter-spacing:-.04em;position:relative;z-index:1;text-shadow:0 3px 10px rgba(0,0,0,.18)}.app-label{font-size:16px;font-weight:800;letter-spacing:-.02em;position:relative;z-index:1}.icon-instagram{font-size:0;width:55px;height:55px;border:5px solid #fff;border-radius:17px;position:relative}.icon-instagram:before{content:"";position:absolute;inset:11px;border:5px solid #fff;border-radius:50%}.icon-instagram:after{content:"";position:absolute;right:9px;top:9px;width:8px;height:8px;border-radius:50%;background:#fff}.icon-tiktok{font-size:58px;font-family:Arial,sans-serif}.icon-tiktok::before{content:"♪";text-shadow:2px 1px #25F4EE,-2px -1px #FE2C55}.icon-tiktok{color:transparent}.icon-facebook{font-size:62px}.icon-linkedin{font-size:54px}.icon-youtube{font-size:0;width:66px;height:46px;border-radius:14px;background:#fff;position:relative}.icon-youtube:after{content:"";position:absolute;left:27px;top:13px;border-left:17px solid #FF0000;border-top:10px solid transparent;border-bottom:10px solid transparent}.icon-website{font-size:0;width:58px;height:58px;border:5px solid #fff;border-radius:50%;position:relative}.icon-website:before{content:"";position:absolute;left:50%;top:-5px;width:18px;height:58px;transform:translateX(-50%);border-left:4px solid #fff;border-right:4px solid #fff;border-radius:50%}.icon-website:after{content:"";position:absolute;left:4px;right:4px;top:50%;height:4px;background:#fff;box-shadow:0 -15px 0 rgba(255,255,255,.85),0 15px 0 rgba(255,255,255,.85)}.icon-cashapp{font-size:62px}.icon-more{font-size:0;width:62px;height:18px;display:flex;align-items:center;justify-content:space-between}.icon-more:before{content:"";width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:25px 0 0 #fff,50px 0 0 #fff}.tile-instagram{background:radial-gradient(circle at 30% 105%,#FFD76F 0 16%,#F77737 32%,#C13584 58%,#833AB4 100%)}.tile-tiktok{background:linear-gradient(145deg,#0b0b0d,#000)}.tile-facebook{background:linear-gradient(145deg,#1877F2,#054EC3)}.tile-linkedin{background:linear-gradient(145deg,#0A66C2,#064E95)}.tile-youtube{background:linear-gradient(145deg,#FF1A1A,#D70000)}.tile-website{background:linear-gradient(145deg,#1687FF,#0057C8)}.tile-cashapp{background:linear-gradient(145deg,#11D95C,#04A83A)}.tile-more{background:linear-gradient(145deg,#303946,#111827)}
.footer-line{margin-top:22px;padding:10px 0 0;display:grid;place-items:center;gap:7px;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.08em;text-align:center;text-transform:uppercase}.footer-line small{font-size:10px;font-weight:600;text-transform:none;letter-spacing:0}.drop-icon{width:22px;height:31px;border:3px solid var(--keen);border-radius:50% 50% 55% 55%;transform:rotate(45deg);display:block;position:relative}.drop-icon:after{content:"";position:absolute;inset:4px;background:transparent;border-radius:inherit}.cash-modal,.more-drawer{position:fixed;inset:0;display:none;place-items:center;padding:22px;background:rgba(5,8,13,.52);backdrop-filter:blur(18px);z-index:50}.cash-modal.show,.more-drawer.show{display:grid}.cash-card{width:min(390px,100%);border-radius:32px;padding:24px;background:linear-gradient(180deg,#00D632,#02A92D);box-shadow:0 30px 90px rgba(0,0,0,.42);color:#fff;text-align:center;position:relative}.modal-close{position:absolute;right:14px;top:12px;width:38px;height:38px;border:0;border-radius:50%;font-size:26px;line-height:1;background:rgba(255,255,255,.2);color:white;cursor:pointer}.cash-head{display:grid;gap:4px;margin:8px 0 16px}.cash-head b{font-size:28px}.cash-head span{font-size:18px;font-weight:900}.cash-qr{width:100%;max-width:300px;aspect-ratio:1/1;object-fit:cover;border-radius:24px;background:#fff;padding:10px}.cash-card p{font-weight:800;line-height:1.35}.cash-open{display:block;border-radius:18px;background:#fff;color:#00A82D;text-decoration:none;font-weight:1000;padding:16px;margin-top:16px}.drawer-card{width:min(430px,100%);border-radius:30px;background:var(--paper);color:var(--ink);padding:26px;box-shadow:var(--shadow);position:relative}.drawer-card .modal-close{background:#0F172A;color:#fff}.drawer-card h2{margin:4px 0 18px;font-size:26px}.drawer-card a{display:block;padding:17px 18px;margin:10px 0;border-radius:18px;background:var(--soft);color:var(--ink);text-decoration:none;font-weight:900;border:1px solid var(--line)}.orientation-lock{display:none}
@media (min-width:700px){.app-shell{padding:30px}.connect-card{width:min(540px,100%);min-height:auto;padding:24px 44px 30px}.brand-logo{width:280px}.tile-grid{gap:18px}.app-tile{border-radius:28px}.app-label{font-size:18px}.connect-word{font-size:15px}.footer-line{margin-top:34px}}
@media (min-width:1000px){.connect-card{width:min(620px,100%);padding-left:58px;padding-right:58px}.tile-grid{gap:20px}.app-tile{aspect-ratio:1.28/1}.brand-lockup{padding-top:20px}.brand-logo{width:300px}}
@media (max-width:380px){.connect-card{border-radius:28px;padding:14px 18px 16px}.brand-lockup{padding:10px 0 16px}.brand-logo{width:190px}.connect-word{font-size:12px;margin-top:12px}.tile-grid{gap:12px}.app-tile{border-radius:22px;padding:12px 8px 10px}.app-label{font-size:14px}.footer-line{font-size:8px}.share-button{width:36px;height:36px}.theme-toggle{width:54px;height:30px}.theme-toggle span{width:24px;height:24px}body.dark .theme-toggle span{transform:translateX(24px)}}
@media (orientation:landscape) and (max-height:500px){.orientation-lock{display:grid;position:fixed;inset:0;background:#020b18;color:#fff;z-index:99;place-items:center;text-align:center;padding:30px}.orientation-lock strong{display:block;font-size:28px}.orientation-lock span{display:block;margin-top:8px;color:rgba(255,255,255,.7)}.app-shell{display:none}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* v5.1.1 footer/admin + Venmo donation tile */
.tile-venmo{background:linear-gradient(145deg,#10A6FF,#0077D9)}
.icon-venmo{font-size:62px;font-weight:1000;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Arial,sans-serif;letter-spacing:-.08em}
.venmo-modal{position:fixed;inset:0;display:none;place-items:center;padding:22px;background:rgba(5,8,13,.52);backdrop-filter:blur(18px);z-index:50}.venmo-modal.show{display:grid}.venmo-card{width:min(390px,100%);border-radius:32px;padding:24px;background:linear-gradient(180deg,#10A6FF,#0077D9);box-shadow:0 30px 90px rgba(0,0,0,.42);color:#fff;text-align:center;position:relative}.venmo-card p{font-weight:800;line-height:1.35}.venmo-open{display:block;border-radius:18px;background:#fff;color:#0077D9;text-decoration:none;font-weight:1000;padding:16px;margin-top:16px}
.compact-footer{margin-top:22px;padding:12px 0 0;display:flex;justify-content:center;align-items:center;gap:8px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.01em;text-align:center;text-transform:none}.compact-footer a{color:inherit;text-decoration:none}.compact-footer a:hover{text-decoration:underline}.footer-divider{opacity:.55}.compact-footer .drop-icon{display:none}

/* v5.3.1 custom QR/image popup */
.image-modal{position:fixed;inset:0;background:rgba(4,10,20,.72);backdrop-filter:blur(18px);display:none;place-items:center;z-index:80;padding:18px}
.image-modal.show{display:grid}
.image-card{max-width:min(420px,calc(100vw - 32px))}
#imageModalOpen{display:inline-flex;justify-content:center;align-items:center}