*,*:before,*:after{box-sizing:border-box}:root{--bg1: #fff7ec;--bg2: #fbe9d5;--bg3: #16233A;--text: #111827;--muted: rgba(255,255,255,.8);--card-border: rgba(255,255,255,.15);--glass: rgba(255,255,255,.08);--accent: #F28C22;--accent-dark: #f7a84a;--success-ghost: rgba(16,185,129,.15);--success-border: rgba(110,231,183,.3);--danger-ghost: rgba(244,63,94,.2);--danger-border: rgba(253,164,175,.3);--overlay: rgba(0,0,0,.75)}html,body,#root{height:100%}body{margin:0;color:var(--text);background:linear-gradient(135deg,var(--bg1),var(--bg2) 42%,var(--bg3) 100%);font-family:Zain,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Kufi Arabic,Cairo,Almarai,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;direction:rtl}.app{min-height:100svh;position:relative;overflow:hidden}.glass{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:24px;box-shadow:0 20px 50px #00000073}.pill{display:inline-block;padding:.35rem .75rem;border-radius:999px;font-weight:800}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.1rem;border-radius:14px;border:none;cursor:pointer;font-weight:800;transition:transform .08s ease,filter .2s ease,background-color .2s ease}.btn:active{transform:scale(.96)}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{background:var(--accent-dark)}.input{width:100%;padding:.875rem;border-radius:14px;border:0;outline:none;background:#ffffffeb;color:#111827;font-size:1rem;box-shadow:0 0 #f59e0b00;transition:box-shadow .2s ease}.input:focus{box-shadow:0 0 0 6px #f59e0b59}.input::placeholder{color:#6b7280}.ribbon{position:absolute;top:-18px;left:50%;transform:translate(-50%);background:var(--accent);color:#000;font-weight:900;padding:.35rem 1rem;border-radius:999px;box-shadow:0 8px 22px #00000040}.win-card{text-align:center;border-radius:20px;padding:1.5rem;background:var(--success-ghost);border:1px solid var(--success-border)}.win-card .company-logo{width:80px;height:80px;border-radius:16px;background:#fff;padding:8px;object-fit:contain;box-shadow:0 6px 20px #00000040;display:block;margin:0 auto}.win-card .company-name{margin-top:.75rem;font-size:clamp(1.25rem,2vw,1.8rem);font-weight:900}.win-card .win-number{margin-top:.5rem;font-size:clamp(2rem,6vw,3rem);font-weight:900;letter-spacing:.2em;color:#6ee7b7;text-shadow:0 2px 0 rgba(0,0,0,.2)}.win-card .prize-badge{margin-top:1rem;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:999px;font-weight:900;background-image:linear-gradient(90deg,#fde68a,#fda4af);color:#111;box-shadow:0 8px 24px #00000038;background-size:200% 200%;animation:prizeShine 1.8s linear infinite}@keyframes prizeShine{0%{background-position:0% 50%;filter:drop-shadow(0 0 0px rgba(253,216,134,0))}50%{background-position:100% 50%;filter:drop-shadow(0 0 8px rgba(253,216,134,.45))}to{background-position:0% 50%;filter:drop-shadow(0 0 0px rgba(253,216,134,0))}}.lose-card{text-align:center;border-radius:20px;padding:1.5rem;background:var(--danger-ghost);border:1px solid var(--danger-border)}.countdown-overlay{position:fixed;inset:0;z-index:70;background:var(--overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.countdown-digit{font-size:clamp(3rem,10vw,7rem);font-weight:900;color:var(--accent);animation:pulse .8s ease-in-out infinite;text-shadow:0 8px 24px rgba(0,0,0,.45)}@keyframes waveHue{0%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(180deg)}to{filter:hue-rotate(360deg)}}.waveBG{animation:waveHue 2.2s ease-in-out infinite;width:100%;height:100%;background:linear-gradient(135deg,#fde68a,#d946ef,#22d3ee);opacity:.7;filter:blur(30px)}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.9}}.reveal-in{opacity:0;transform:scale(.7);filter:blur(6px);animation:revealCard .6s ease forwards}@keyframes revealCard{to{opacity:1;transform:scale(1);filter:blur(0)}}.center{display:flex;align-items:center;justify-content:center}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}canvas{display:block;width:100%;height:100%}.ribbon-top{position:absolute;top:-34px;left:50%;transform:translate(-50%);background:var(--accent);color:#000;font-weight:900;padding:6px 16px;border-radius:999px;box-shadow:0 8px 22px #00000040}.muted{color:var(--muted)}.text-amber{color:var(--accent)}.bg-amber{background-color:var(--accent)}.bg-amber:hover{background-color:var(--accent-dark)}.safe{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}