.ow-card{--ow-red:#ef233c;--ow-blue:#0d6efd;--ow-brown-light:#7c5843;--ow-brown-dark:#4a3225;--ow-dark:#ff4d6d;--ow-darker:#ff758f;--ow-text:#fff;--ow-border:rgba(255,255,255,.24);--ow-shadow:0 12px 32px rgba(255,77,109,.2);width:100%;box-sizing:border-box;margin:20px auto;padding:42px 16px;border-radius:16px;background:linear-gradient(135deg,#ff758f,#ff4d6d,#c9184a);border:1px solid var(--ow-border);box-shadow:var(--ow-shadow);font-family:Tajawal,Arial,sans-serif;direction:rtl;text-align:center;position:relative;overflow:hidden}
.ow-card:before{content:"";position:absolute;inset:0;background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MCA2MCI+PHBhdGggZD0iTTEyLDUgQzgsMSAyLDMgMiw3IEMyLDExIDcsMTQgMTIsMTkgQzE3LDE0IDIyLDExIDIyLDcgQzIyLDMgMTYsMSAxMiw1IFoiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC4zNSkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUsNSkgc2NhbGUoMC43KSIvPjxwYXRoIGQ9Ik0xMiw1IEM4LDEgMiwzIDIsNyBDMiwxMSA3LDE0IDEyLDE5IEMxNywxNCAyMiwxMSAyMiw3IEMyMiwzIDE2LDEgMTIsNSBaIiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMjIpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNSwzMCkgc2NhbGUoMC41KSIvPjwvc3ZnPg==');background-size:120px 120px;background-repeat:repeat;pointer-events:none;opacity:1;z-index:0}
.ow-title{color:#fff;font-size:22px;font-weight:800;margin-bottom:20px;position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:8px;background:radial-gradient(circle,rgba(138,11,46,0.65) 0%,rgba(138,11,46,0.2) 60%,transparent 100%);padding:6px 12px;border-radius:20px}
.live-dot{width:12px;height:12px;background:#fff;border-radius:50%;display:inline-block;box-shadow:0 0 0 0 rgba(255,255,255,0.8);animation:pulse 1.2s infinite cubic-bezier(0.4,0,0.2,1)}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.8)}70%{box-shadow:0 0 0 14px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.ow-btns{display:flex;gap:12px;justify-content:center;align-items:center;position:relative;z-index:2;width:100%;flex-flow:row nowrap}
.shiny-button{flex:1 1 0%;min-width:0;min-height:54px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:10px;color:var(--ow-text)!important;text-decoration:none!important;font-size:22px;font-weight:900;background:linear-gradient(135deg,#ff8fa3,var(--ow-red));border:1px solid var(--ow-border);box-shadow:var(--ow-shadow);transition:transform .15s ease,opacity .15s ease,box-shadow .15s ease;will-change:transform;position:relative;overflow:hidden;white-space:normal;z-index:2}
.shiny-button.sq-blue{background:linear-gradient(135deg,#3b82f6,var(--ow-blue))!important}
.shiny-button.sq-brown{background:linear-gradient(135deg,var(--ow-brown-light),var(--ow-brown-dark))!important}
.shiny-button:hover{transform:translateY(-2px);opacity:.96;box-shadow:0 16px 38px rgba(0,0,0,.32)}
.ow-icon{width:24px;height:24px;flex-shrink:0;display:inline-block;vertical-align:middle;will-change:transform}
.shiny-button:hover .ow-icon,.shiny-button:active .ow-icon{animation:ow-sway 0.2s ease-in-out infinite alternate}
@keyframes ow-sway{0%{transform:translateX(-3px)}100%{transform:translateX(3px)}}
.ow-divider{position:relative;display:flex;align-items:center;justify-content:center;margin:25px 0 18px 0;z-index:2;width:100%}
.ow-divider:before{content:"";position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.6),var(--ow-text),rgba(255,255,255,0.6),transparent);box-shadow:0 0 8px #fff;opacity:0.8}
.ow-divider span{position:relative;background:#ff4d6d;padding:4px 16px;color:#fff;font-size:15px;font-weight:800;border-radius:30px;border:1px solid var(--ow-border);box-shadow:0 4px 12px rgba(0,0,0,0.2);letter-spacing:0.5px;z-index:2}
@media(min-width:1200px){.ow-card{padding:50px 16px}}
@media(max-width:480px){
.ow-card{padding:47px 8px;margin:15px auto}
.ow-title{font-size:17px!important;margin-bottom:14px;background:radial-gradient(circle,rgba(138,11,46,0.75) 0%,rgba(138,11,46,0.3) 70%,transparent 100%)}
.ow-btns{gap:6px;flex-flow:row nowrap!important}
.shiny-button{font-size:15px!important;min-height:48px;padding:6px 4px;gap:4px;border-radius:8px}
.shiny-button span{white-space:normal;overflow:visible;text-overflow:clip;min-width:0;text-align:center}
.ow-icon{width:16px;height:16px}
.ow-divider{margin:20px 0 14px 0}
.ow-divider span{font-size:12px;padding:3px 10px}
}
@media(prefers-color-scheme:dark){.ow-card{background:linear-gradient(135deg,#800f2f,#a4133c,#c9184a)}}