@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{direction:rtl;width:100%;height:100%;font-family:Cairo,sans-serif;overflow:hidden}html{height:100dvh}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{color:#fff;background:linear-gradient(135deg,#8b0000 0%,#a31010 30%,#c0392b 60%,#8b0000 100%);grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;font-family:Cairo,sans-serif;display:grid;position:relative;overflow:hidden}.bg-blobs{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.bg-blob{background:radial-gradient(circle,#ffffff1f 0%,#0000 70%);border-radius:50%;animation:linear infinite blobDrift;position:absolute}.bg-blob:first-child{width:55vw;height:55vw;animation-duration:25s;top:-10%;left:-10%}.bg-blob:nth-child(2){width:45vw;height:45vw;animation-duration:30s;animation-delay:-5s;top:25%;right:-12%}.bg-blob:nth-child(3){width:65vw;height:65vw;animation-duration:35s;animation-delay:-10s;bottom:-15%;left:15%}.bg-blob:nth-child(4){width:38vw;height:38vw;animation-duration:20s;animation-delay:-3s;top:55%;left:-5%}@keyframes blobDrift{0%{opacity:.5;transform:translate(0)scale(1)}25%{opacity:.7;transform:translate(80px,120px)scale(1.1)}50%{opacity:.5;transform:translate(-60px,200px)scale(.9)}75%{opacity:.65;transform:translate(100px,-80px)scale(1.05)}to{opacity:.5;transform:translate(0)scale(1)}}.header{z-index:2;flex-shrink:0;justify-content:space-between;align-items:center;padding:2vh 3vw 1vh;display:flex;position:relative}.header-brand{flex-direction:column;align-items:center;gap:.7vh;display:flex}.header-logo{object-fit:contain;width:auto;height:9vh}.header-logo.white-tint{filter:brightness(0)invert();opacity:.95}.header-brand-label{color:#fff;text-align:center;text-shadow:0 2px 6px #00000047;font-size:1.7vh;font-weight:800;line-height:1}.header-qr-block{flex-direction:column;align-items:center;gap:.8vh;display:flex}.header-qr{background:#fff;border:2px solid #b91c1c2e;border-radius:2.2vh;justify-content:center;align-items:center;width:16vh;height:16vh;padding:.9vh;display:flex;box-shadow:0 12px 26px #0000002e}.header-qr img{object-fit:contain;filter:brightness(0)saturate()invert(17%)sepia(84%)saturate(3678%)hue-rotate(351deg)brightness(92%)contrast(90%);width:100%;height:100%}.header-qr-label{color:#fff;text-align:center;text-shadow:0 2px 6px #00000047;max-width:24vh;font-size:1.55vh;font-weight:800;line-height:1.2}.connection-indicator{z-index:100;border-radius:50%;width:16px;height:16px;transition:background-color .3s;position:absolute;top:16px;left:16px}.connection-indicator.online{background-color:#2ecc40;box-shadow:0 0 8px #2ecc4099}.connection-indicator.offline{background-color:#111;box-shadow:0 0 8px #0006}.app-install-button{left:max(16px, env(safe-area-inset-left));bottom:max(16px, env(safe-area-inset-bottom));z-index:100;color:#8b0000;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s,opacity .2s;position:absolute;box-shadow:0 12px 24px #0003}.app-install-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 26px #0000003d}.app-install-button:disabled{cursor:wait;opacity:.7}.feeds{z-index:1;grid-template-rows:repeat(3,minmax(0,1fr));gap:10px;height:100%;min-height:0;padding:10px 0;display:grid;position:relative}.feed-section{flex-direction:column;display:flex;position:relative;overflow:hidden}.feed-track-wrap{flex:1;min-height:0;overflow:hidden}.alternating-marquee{grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;height:100%;display:grid}.marquee-row{white-space:nowrap;align-items:center;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.marquee-measure{visibility:hidden;pointer-events:none;gap:16px;display:flex;position:absolute;top:0;left:-99999px}.marquee-measure-item{align-items:center;display:inline-flex}.marquee-item{will-change:transform;position:absolute;top:50%;left:0}.marquee-item--hero-hidden{opacity:0!important}.vip-card{background:#fff;border:2px solid #b91c1c;border-radius:18px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;min-width:320px;max-width:460px;padding:16px 24px;display:inline-flex;box-shadow:0 8px 24px #0000002e}.vip-card--popup{border-width:4px;border-radius:36px;min-width:640px;max-width:min(920px,88vw);padding:28px 36px;box-shadow:0 20px 60px #0000003d}.vip-ink{object-fit:contain;filter:none;opacity:.9;border-radius:8px;width:clamp(190px,27vh,300px);height:clamp(108px,16vh,180px)}.vip-ink--popup{opacity:1;border-radius:16px;width:min(640px,80vw);height:min(360px,45vw)}.vip-signature{color:#b91c1c;margin-top:6px;font-size:17px;font-weight:700}.vip-signature--popup{margin-top:10px;font-size:34px;font-weight:800}.vip-session{color:#dc2626;font-size:13px}.vip-session--popup{font-size:28px;font-weight:700}.sticker-img{object-fit:contain;flex-shrink:0;width:clamp(96px,14vh,190px);height:clamp(96px,14vh,190px);display:inline-block}.sticker-img--popup{filter:drop-shadow(0 20px 60px #00000073);width:min(380px,42vw);height:min(380px,42vw)}.support-card{-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffff1f 0%,#ffffff0a 100%);border:2px solid #ffffff80;border-radius:18px;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:stretch;gap:10px;min-width:250px;max-width:380px;min-height:clamp(128px,18vh,172px);padding:12px 18px 16px;display:inline-flex;position:relative;box-shadow:0 4px 20px #0000004d,inset 0 1px #fff3}.support-card--popup{border-width:4px;border-radius:32px;gap:18px;min-width:500px;max-width:min(760px,88vw);min-height:clamp(256px,36vh,344px);padding:24px 28px 30px;box-shadow:0 20px 60px #00000080,inset 0 1px #fff3}.support-card-header{direction:ltr;align-self:flex-start;align-items:center;gap:8px;display:flex}.support-card-header--popup{gap:12px}.wa-icon{opacity:.95;flex-shrink:0;width:20px;height:20px}.support-phone{color:#ffffffe0;direction:ltr;unicode-bidi:plaintext;font-size:13px;font-weight:700}.support-phone--popup{font-size:26px}.support-card-body{flex:1;align-items:center;display:flex}.support-text{color:#fff;white-space:normal;text-align:right;-webkit-line-clamp:4;text-overflow:ellipsis;direction:rtl;-webkit-box-orient:vertical;font-size:20px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.support-text--popup{font-size:40px;font-weight:700}.popup-overlay{z-index:999;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup-item{transform-origin:50%;will-change:transform, opacity;position:absolute;top:50%;left:50%}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.1)}60%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}80%{transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes popHold{0%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes popOutTop{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-200%)scale(.05)}}@keyframes popOutMid{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,50%)scale(.05)}}@keyframes popOutBot{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,200%)scale(.05)}}.popup-item.phase-in{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards popIn}.popup-item.phase-hold{animation:2s linear forwards popHold}.popup-item.phase-merge{animation:none;transform:translate(-50%,-50%)scale(1)}.popup-item.phase-out-top{animation:.5s ease-in forwards popOutTop}.popup-item.phase-out-mid{animation:.5s ease-in forwards popOutMid}.popup-item.phase-out-bot{animation:.5s ease-in forwards popOutBot}.support-card--popup .wa-icon{opacity:.9;width:28px;height:28px}@media (width<=768px){.app-install-button{padding:10px 14px;bottom:12px;left:12px}}