.nums{background:linear-gradient(180deg,color-mix(in srgb,var(--lime) 6%,transparent),transparent)}.nums div{transition:background .4s;position:relative;overflow:hidden}.nums div:before{content:"";background:linear-gradient(90deg,var(--lime),var(--blue));transform-origin:0;width:100%;height:3px;transition:scale 1.2s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0 auto auto 0;scale:0 1}html[dir=rtl] .nums div:before{transform-origin:100%}.nums div:after{content:"";background:radial-gradient(closest-side,color-mix(in srgb,var(--lime) 28%,transparent),transparent);opacity:.55;pointer-events:none;border-radius:50%;width:220px;height:220px;transition:opacity .4s,scale .6s;position:absolute;inset:-90px -60px auto auto}.nums strong{background:linear-gradient(100deg,#fff 10%,var(--lime) 55%,var(--blue));color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite numShine}.nums strong em{color:var(--lime);-webkit-text-fill-color:var(--lime);font-style:normal}.nums strong .n{font:inherit}.nums strong.done{animation:6s ease-in-out infinite numShine,.5s cubic-bezier(.3,1.6,.5,1) numPop}@keyframes numShine{0%,to{background-position:0 0}50%{background-position:100% 0}}@keyframes numPop{50%{scale:1.08}}.nums strong{transform-origin:0}html[dir=rtl] .nums strong{transform-origin:100%}@supports (animation-timeline:view()){.nums div:before{transition:none;animation:linear both barGrow;animation-timeline:view();animation-range:entry 10% cover 40%;scale:1}}@supports not (animation-timeline:view()){.nums div:before{scale:1}}@keyframes barGrow{0%{scale:0 1}}@media (hover:hover){.nums div:hover{background:color-mix(in srgb,var(--lime) 8%,transparent)}.nums div:hover:after{opacity:1;scale:1.3}}
.cu-pill{border:1px solid var(--line);background:var(--surface);color:var(--text);font:600 12.5px var(--body);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:7px 12px;transition:border-color .2s,background .2s;display:inline-flex}.cu-pill:hover{border-color:var(--blue)}.cu-pill svg{color:var(--lime)}.cu-pill b{font:700 11.5px var(--mono);background:var(--blue);color:#fff;letter-spacing:.02em;border-radius:999px;padding:2px 7px}@media (max-width:480px){.cu-pill{padding:7px 10px}.cu-pill span{display:none}}.cu-hero{padding-bottom:20px}.cu-hero .wrap{display:block}.cu-hero h1{max-width:18ch}.cu-hero .sub{margin-top:18px}.cu-total,.cu-count{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:10px;margin-top:26px;padding:12px 18px;font-size:14px;display:inline-flex}.cu-total strong,.cu-count strong{color:var(--text);font:700 22px var(--display)}.cu-total svg,.cu-count svg{color:var(--lime)}.cu-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px;display:grid}.cu-card{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:22px;flex-direction:column;transition:transform .25s,border-color .25s;display:flex;overflow:hidden}.cu-card:hover{border-color:var(--blue);transform:translateY(-4px)}.cu-cover{aspect-ratio:16/9;background:linear-gradient(140deg,var(--blue),#0c1030 60%,var(--lime));background-position:50%;background-size:cover;position:relative}.cu-num{inset-inline-start:18px;font:800 56px/1 var(--display);color:#ffffffe6;position:absolute;bottom:10px}.cu-badge{top:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:600 12px var(--body);background:#07080cb8;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex;position:absolute;inset-inline-end:12px}.cu-badge svg{color:var(--lime)}.cu-body{flex-direction:column;flex:1;gap:10px;padding:20px 20px 22px;display:flex}.cu-body h3{font-size:19px;font-weight:600;line-height:1.35}.cu-body p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;line-height:1.65;display:-webkit-box;overflow:hidden}.cu-go{color:var(--lime);margin-top:auto;font-size:13.5px;font-weight:700}.cu-empty{border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:22px;padding:40px}.cu-one{padding-top:40px}.cu-detail{grid-template-columns:1fr 1.1fr;align-items:start;gap:clamp(24px,4vw,56px);margin-top:22px;display:grid}.cu-info h1{margin-top:10px;font-size:clamp(30px,3.6vw,48px);line-height:1.12}html[lang=ar] .cu-info h1{line-height:1.35}.cu-info .sub{color:var(--muted);margin-top:16px}.cu-box{background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:clamp(18px,3vw,30px)}@media (max-width:860px){.cu-detail{grid-template-columns:1fr}}.cu-form{gap:14px;display:grid}.cu-form label{color:var(--muted);gap:7px;font-size:13px;font-weight:600;display:grid}.cu-form input{border:1.5px solid var(--line);background:var(--ink);width:100%;color:var(--text);font:500 15px var(--body);border-radius:14px;padding:14px 16px}.cu-form input:focus{border-color:var(--blue);outline:none}.cu-code input{font:700 17px var(--mono);letter-spacing:.12em;text-transform:uppercase;border-color:var(--lime)}.cu-code small{opacity:.8;font-size:12px;font-weight:500}.cu-form .btn{justify-content:center;margin-top:4px}.cu-err{color:#ff7a7a;font-size:14px}.cu-ok{color:var(--lime);margin-top:12px;font-size:14px}.cu-player iframe{aspect-ratio:16/9;background:#000;border:0;border-radius:16px;width:100%;display:block}.cu-cta{grid-template-columns:1fr auto}.cu-cta .btn{color:#fff;background:#0b0c10}@media (max-width:760px){.cu-cta{grid-template-columns:1fr}}
