.ec-card{--ec-background:url(/assets/pattern-BgMbGsxP.svg);isolation:isolate;color:#fff;text-align:center;background:#19383f;width:100%;min-height:100svh;font-family:Tajawal,Arial,sans-serif;position:relative;overflow:hidden}.ec-card:before{content:"";z-index:-2;background-image:var(--ec-background);background-position:50%;background-size:cover;position:absolute;inset:0}.ec-card:after{content:"";z-index:-1;background:linear-gradient(90deg,#0410134d,#04101375 38% 62%,#0410134d);position:absolute;inset:0}.ec-card *{box-sizing:border-box}.ec-card a{color:inherit}.ec-card a:focus-visible{outline-offset:5px;outline:3px solid #fff}.ec-card-content{width:min(100%,370px);min-height:inherit;background:#050f122e;flex-direction:column;align-items:center;margin:0 auto;padding:20px 24px 24px;display:flex}.ec-logo-link{line-height:0;display:block}.ec-logo{object-fit:contain;filter:grayscale()invert()brightness(3);mix-blend-mode:screen;width:100px;height:100px}.ec-stream{text-underline-offset:3px;direction:ltr;justify-content:center;align-items:center;gap:4px;min-height:26px;margin:8px 0 18px;font:700 12px/1.5 Arial,sans-serif;display:flex}.ec-stream svg{width:17px;height:17px}.ec-portrait{width:224px;height:245px;margin:0 0 8px;position:relative}.ec-frame{stroke:#ffffffe6;stroke-width:1.5px;z-index:2;width:100%;height:100%;position:absolute;inset:0}.ec-frame path:nth-child(2){opacity:.6}.ec-frame path:nth-child(3){opacity:.3}.ec-photo{object-fit:contain;object-position:center bottom;z-index:3;width:78%;height:76%;position:absolute;inset:auto auto 9% 11%}.ec-photo-empty{background:#ffffff12;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.ec-photo-empty svg{width:42px;height:42px}.ec-qr-link{line-height:0;display:block}.ec-qr{width:86px;height:86px;display:block}.ec-name{overflow-wrap:anywhere;color:#fff!important;margin:12px 0 6px!important;font-size:26px!important;font-weight:700!important;line-height:1.3!important}.ec-job{white-space:pre-line;overflow-wrap:anywhere;max-width:280px;margin:0 0 24px;font-size:17px;font-weight:700;line-height:1.45}.ec-card h2{text-underline-offset:3px;color:#fff;margin:0 0 8px;font:400 12px/1.4 Arial,sans-serif;text-decoration:underline}.ec-contact,.ec-social{width:100%;margin-bottom:16px}.ec-icons{justify-content:center;gap:22px;display:flex}.ec-icon-link{border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;text-decoration:none;transition:background .15s;display:inline-flex}.ec-icon-link:hover{background:#ffffff25}.ec-icon-link svg{width:25px;height:25px}.ec-social-grid{direction:ltr;grid-template-columns:repeat(3,44px);justify-content:center;gap:12px 22px;display:grid}.ec-stores{direction:ltr;flex-wrap:wrap;justify-content:center;gap:12px;margin:10px 0 28px;display:flex}.ec-stores a{text-align:left;background:#070a0b;border:1px solid #aaa;border-radius:5px;align-items:center;gap:7px;min-height:40px;padding:5px 10px;font-family:Arial,sans-serif;text-decoration:none;display:flex}.ec-stores a>span:first-child{font-size:24px}.ec-stores small{font-size:8px;line-height:1.1;display:block}.ec-stores b{font-size:15px;line-height:1.2;display:block}.ec-stores svg{width:23px;height:25px}.ec-footer{color:#eee;margin-top:auto;padding-top:20px;font-size:11px;line-height:1.4}.ec-preview-card{border:7px solid #14292d;border-radius:28px;max-width:370px;min-height:800px;box-shadow:0 16px 38px #14292d28}.ec-preview-card .ec-card-content{padding:15px 16px 20px}.ec-preview-card .ec-logo{width:88px;height:88px}.ec-preview-card .ec-portrait{width:205px;height:225px}.ec-preview-card .ec-job{margin-bottom:20px}@media (width>=700px){.ec-public-body .ec-card{background-size:cover}.ec-public-body .ec-card-content{min-height:100svh;padding-top:24px}.ec-public-body .ec-portrait{width:240px;height:260px}}@media (prefers-reduced-motion:reduce){.ec-card *{transition:none!important}}.ec-social-grid:has(>:only-child){grid-template-columns:44px}.ec-social-grid:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,44px)}.ec-stream-control{margin:8px 0 18px}.ec-stream-control .ec-stream{min-height:44px;color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:4px 6px;font-family:Arial,sans-serif;text-decoration:underline}.ec-stream-control .ec-stream:disabled{opacity:1;cursor:default}.ec-stream-note{color:#fff;max-width:260px;margin:4px 0 0;font-size:12px;line-height:1.6;display:block}