@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=Tajawal:wght@400;500;700&display=swap";:root{--c-primary: #EF233C;--c-primary-hover: #D90429;--c-bg: #EDF2F4;--c-surface: #FFFFFF;--c-border: rgba(141, 153, 174, .25);--c-border-focus: #8D99AE;--c-text-main: #2B2D42;--c-text-muted: #8D99AE;--space-1: .25rem;--space-2: .5rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 3rem;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 32px;--radius-pill: 50px;--shadow-subtle: 0 4px 20px rgba(43, 45, 66, .04);--shadow-hover: 0 10px 40px rgba(43, 45, 66, .08);--shadow-primary: 0 8px 24px rgba(239, 35, 60, .25)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Tajawal,system-ui,-apple-system,sans-serif;background-color:var(--c-bg);color:var(--c-text-main);line-height:1.6;direction:rtl;min-height:100vh;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 50% 0%,rgba(255,255,255,.6) 0%,transparent 60%)}h1,h2,h3,h4,h5,h6{font-family:Cairo,sans-serif;font-weight:800;letter-spacing:-.5px;color:var(--c-text-main)}.text-gradient{color:var(--c-text-main)}.title-text{font-size:clamp(2rem,5vw,3rem);margin-bottom:.5rem;font-weight:800}.subtitle-text{color:var(--c-text-muted);font-size:1.1rem;font-weight:500}.container{max-width:900px;margin:0 auto;padding:0 var(--space-4);display:flex;flex-direction:column;gap:var(--space-5)}.glass-panel{background:var(--c-surface);border:1px solid var(--c-border);box-shadow:var(--shadow-subtle);border-radius:var(--radius-lg);padding:var(--space-6);position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--c-primary),var(--c-primary-hover))}.card{background-color:#fafafb;border-radius:var(--radius-md);padding:var(--space-4);border:1px solid var(--c-border);transition:all .3s ease}.card:hover{background-color:var(--c-surface);box-shadow:var(--shadow-subtle);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.8rem 2.5rem;border-radius:var(--radius-pill);font-weight:700;font-family:Tajawal,sans-serif;font-size:1.1rem;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none}.btn-primary{background:var(--c-primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{background:var(--c-primary-hover);transform:translateY(-3px);box-shadow:0 12px 28px #ef233c59}.btn-primary:active{transform:translateY(0)}.btn-outline{background:#fff;border:2px solid var(--c-border);color:var(--c-text-main);box-shadow:var(--shadow-subtle)}.btn-outline:hover{border-color:var(--c-primary);color:var(--c-primary)}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{font-weight:700;color:var(--c-text-main);font-size:.95rem;margin-right:.5rem}.input-field{padding:.9rem 1.2rem;border-radius:var(--radius-sm);border:2px solid var(--c-border);background:var(--c-surface);color:var(--c-text-main);font-family:inherit;font-size:1rem;font-weight:500;transition:all .3s ease;width:100%}.input-field:focus{outline:none;border-color:var(--c-primary);background:#fff;box-shadow:0 0 0 5px #ef233c1a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) forwards}.flex-center{display:flex;align-items:center;justify-content:center}.tabs-container{display:flex;background:var(--c-surface);padding:.5rem;border-radius:var(--radius-pill);box-shadow:var(--shadow-subtle);border:1px solid var(--c-border);margin:0 auto var(--space-5) auto;max-width:600px;position:relative}.tab{flex:1;text-align:center;padding:.8rem 1.5rem;border-radius:var(--radius-pill);cursor:pointer;font-weight:700;font-size:1.05rem;color:var(--c-text-muted);transition:all .3s ease;z-index:1}.tab:hover{color:var(--c-text-main)}.tab.active{background:var(--c-bg);color:var(--c-primary);box-shadow:0 2px 10px #00000005}.grid{display:grid;gap:var(--space-4)}.responsive-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px dashed var(--c-border)}@media (min-width: 768px){.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (max-width: 767px){.container{padding:2rem var(--space-3)}.glass-panel{padding:var(--space-4)}.responsive-header{flex-direction:column;align-items:flex-start;gap:1rem}.tabs-container{width:100%;flex-direction:column;border-radius:var(--radius-md)}.tab{border-radius:var(--radius-sm)}.btn{width:100%}}