@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700&family=Cairo:wght@500;700&display=swap";*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f3f4f6;color:#0f172a;font-family:Tajawal,Cairo,Inter,sans-serif;direction:ltr}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font-family:inherit}:root{--bg-dark: #0b132b;--bg-mid: #1c2541;--bg-accent: #0ea5e9;--card-bg: rgba(255, 255, 255, .92);--card-border: rgba(255, 255, 255, .5);--title: #f8fafc;--text-main: #0f172a;--text-soft: #64748b;--green-1: #22c55e;--green-2: #16a34a;--badge-bg: #dcfce7;--badge-text: #166534}*{box-sizing:border-box}body{margin:0;font-family:Tajawal,Cairo,Segoe UI,sans-serif}.apps-page{min-height:100vh;padding:26px clamp(10px,2.4vw,22px);background:radial-gradient(520px 220px at 8% -2%,rgba(14,165,233,.32),transparent 70%),radial-gradient(420px 260px at 95% 10%,rgba(34,197,94,.24),transparent 75%),linear-gradient(145deg,var(--bg-dark),var(--bg-mid))}.apps-header{max-width:1240px;margin:0 auto 20px;padding:14px 18px;border-radius:18px;background:#0f172a73;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:space-between;align-items:center;gap:14px;direction:ltr;box-shadow:0 16px 28px #02061747;animation:fadeDown .55s ease both}.apps-header__title{margin:0;color:var(--title);font-size:clamp(1.1rem,1.6vw,1.6rem);font-weight:800;letter-spacing:.35px;text-align:left}.apps-header__subtitle{margin:0;color:#dbeafe;font-size:clamp(.88rem,1.2vw,1rem);font-weight:700;direction:rtl;text-align:right}.apps-strip{max-width:1240px;margin:0 auto;display:flex;gap:16px;overflow-x:auto;padding:4px 4px 10px;direction:ltr;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.45) transparent}.app-card{position:relative;overflow:hidden;direction:rtl;width:176px;min-width:176px;border-radius:20px;border:1px solid var(--card-border);background:var(--card-bg);box-shadow:0 12px 26px #0f172a33;padding:12px 10px 0;text-align:center;opacity:0;animation:cardIn .6s ease forwards;transition:transform .25s ease,box-shadow .25s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.app-card:before{content:"";position:absolute;width:64%;height:220%;top:-60%;left:-120%;transform:rotate(20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);pointer-events:none}.app-card:hover{transform:translateY(-6px) rotate(-.65deg);box-shadow:0 18px 32px #0f172a4d}.app-card:hover:before{animation:shine .75s ease}.app-card:active{transform:translateY(-2px) rotate(2deg)}.app-card__top{position:absolute;top:9px;left:12px;display:flex;align-items:center;gap:6px;color:#dc2626;font-size:.77rem;font-weight:800}.app-card__update-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 4px #ef444424}.app-card__image{width:112px;height:112px;margin:17px auto 8px;border-radius:24px;object-fit:cover;background:#dbe2e0;border:2px solid rgba(255,255,255,.7);box-shadow:0 10px 22px #0f172a29}.app-card__badge{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--badge-bg);color:var(--badge-text);font-size:.72rem;font-weight:800}.app-card__title{margin:8px 0 3px;font-size:1rem;line-height:1.3;color:var(--text-main)}.app-card__category{margin:0;color:#0369a1;font-size:.86rem;font-weight:700}.app-card__download{width:100%;margin-top:10px;margin-bottom:8px;padding:9px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--green-1),var(--green-2));color:#fff;font-size:.92rem;font-weight:800;cursor:pointer;transition:transform .18s ease,filter .18s ease}.app-card__download:hover{filter:brightness(1.07);transform:translateY(-1px)}.app-card__meta{border-top:1px solid rgba(15,23,42,.12);padding:8px 6px 10px;display:flex;justify-content:space-between;gap:8px;font-size:.71rem;color:var(--text-soft)}.apps-footer{max-width:1240px;margin:20px auto 0;padding:12px 14px;border-radius:14px;text-align:center;color:#e2e8f0;background:#0f172a52;border:1px solid rgba(255,255,255,.18);animation:fadeUp .55s ease both;animation-delay:.28s}.apps-footer p{margin:0}.apps-footer p+p{margin-top:4px;font-weight:700;color:#fff}.app-card:nth-child(1){animation-delay:.08s}.app-card:nth-child(2){animation-delay:.16s}.app-card:nth-child(3){animation-delay:.24s}.app-card:nth-child(4){animation-delay:.32s}.app-card:nth-child(5){animation-delay:.4s}.app-card:nth-child(6){animation-delay:.48s}@keyframes fadeDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cardIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shine{0%{left:-120%}to{left:155%}}@media(max-width:900px)and (min-width:641px){.apps-strip{flex-wrap:wrap;justify-content:center;overflow-x:visible}}@media(max-width:640px){.apps-page{padding-top:18px}.apps-header{margin-bottom:14px;padding:12px}.apps-header__title{font-size:1.03rem}.apps-header__subtitle{font-size:.88rem}.apps-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow-x:visible;padding:2px 0 8px}.app-card{width:100%;min-width:0;border-radius:16px}.app-card__image{width:min(102px,100%);height:102px;border-radius:20px}.app-card__title{font-size:.94rem}.app-card__category{font-size:.8rem}.app-card__download{padding:8px;border-radius:10px}.app-card__meta{font-size:.67rem}.apps-footer{margin-top:14px;font-size:.9rem}}@media(max-width:420px){.apps-header{flex-direction:column;align-items:flex-start;gap:6px}.apps-header__subtitle{direction:ltr;text-align:left}.apps-strip{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.apps-header,.apps-footer,.app-card,.app-card:hover:before{animation:none!important;opacity:1}.app-card,.app-card:hover,.app-card:active,.app-card__download,.app-card__download:hover{transition:none!important;transform:none!important}}