:root{--primary-50: #FFF9E0;--primary-100: #FCF0B7;--primary-200: #F9E72F;--primary-300: #E8D542;--primary-400: #D4BC08;--primary-500: #C5A407;--primary-600: #B29407;--primary-700: #8A7305;--primary-800: #6A590C;--primary-900: #4E3B01;--secondary-50: #E8EAF6;--secondary-100: #C3C7F2;--secondary-200: #1C2D6B;--secondary-300: #18264E;--secondary-400: #152463;--secondary-500: #0E1B4D;--secondary-600: #0D1940;--secondary-700: #0A1231;--secondary-800: #071020;--secondary-900: #040B12;--natural-white: #FFFFFF;--natural-50: #F9F9F9;--natural-100: #F7F7F7;--natural-200: #DDDDDD;--natural-300: #D0D0D0;--natural-400: #CCCCCC;--natural-500: #999999;--natural-600: #666666;--natural-700: #4D4D4D;--natural-800: #333333;--natural-900: #1A1A1A;--natural-black: #000000;--success-500: #0BA620;--success-100: #E2F9E5;--error-500: #C70000;--error-100: #FFE5E5;--surface: #FFFFFF;--bg-primary: #FFF9E0;--bg-secondary: #0E1B4D;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-card: 0 2px 8px rgba(14, 27, 77, .08);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 50%;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Cairo,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6;color:var(--secondary-500);background-color:var(--natural-white);direction:rtl;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{border:none;outline:none;cursor:pointer;font-family:inherit;font-size:inherit;background:transparent}input,textarea,select{font-family:inherit;font-size:inherit;border:none;outline:none}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:var(--secondary-500)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:50px 0}.text-center{text-align:center}.text-primary{color:var(--primary-500)}.text-secondary{color:var(--secondary-500)}.text-muted{color:var(--natural-600)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;transition:all var(--transition-normal);cursor:pointer}.btn-primary{background:var(--primary-500);color:var(--natural-white)}.btn-primary:hover{background:var(--primary-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;border:2px solid var(--primary-500);color:var(--primary-500)}.btn-outline:hover{background:var(--primary-500);color:var(--natural-white)}.btn-secondary{background:var(--secondary-500);color:var(--natural-white)}.btn-secondary:hover{background:var(--secondary-600)}.btn-sm{padding:6px 16px;font-size:.85rem}.btn-lg{padding:14px 32px;font-size:1.05rem}.card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--natural-200);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--natural-100)}::-webkit-scrollbar-thumb{background:var(--natural-400);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--natural-600)}@media(max-width:1024px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.container{padding:0 16px}h1{font-size:1.5rem}h2{font-size:1.25rem}.section{padding:30px 0}}@media(max-width:480px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:calc(400px + 100%) 0}}.shimmer-box{background:#f0f0f0;background-image:linear-gradient(90deg,#f0f0f0,#f8f8f8 50%,#f0f0f0);background-size:800px 100%;animation:shimmer 1.5s infinite linear;border-radius:var(--radius-sm, 4px)}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-slide-up{animation:slideUp .6s ease forwards}.promo-banner{background:linear-gradient(90deg,#1898d9,#0d68a3);border-radius:20px;padding:40px 60px;display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;overflow:hidden;box-shadow:0 15px 30px #0d68a333;direction:rtl}.promo-banner:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 20v20M20 30h20M15 15h4v4h-4zM45 45h4v4h-4zM15 45h4v4h-4zM45 15h4v4h-4z' stroke='rgba(255,255,255,0.08)' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-size:60px 60px;z-index:0}.promo-banner__text{flex:1;text-align:right;z-index:1}.promo-banner__text h2{font-size:2.4rem;font-weight:800;color:var(--natural-white);margin-bottom:12px;line-height:1.4}.promo-banner__text p{color:#ffffffe6;font-size:1.2rem;margin-bottom:30px}.promo-banner__btn{display:inline-block;background:#dca715;color:var(--natural-white);border:none;font-weight:700;font-size:1.1rem;padding:14px 45px;border-radius:8px;transition:all var(--transition-fast);box-shadow:0 5px 15px #dca7154d}.promo-banner__btn:hover{background:#c99612;color:var(--natural-white);transform:translateY(-2px);box-shadow:0 8px 20px #dca71566}.promo-banner__logo{flex-shrink:0;z-index:1;position:relative}.promo-banner .promo-logo-circle{width:180px;height:180px;background:#ffffff0d;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:30px;position:relative}.promo-banner .promo-logo-circle:after{content:"";position:absolute;inset:-40px;border-radius:50%;background:#ffffff08;z-index:-1}.promo-banner .promo-logo-circle .promo-logo-img{width:100%;height:100%;object-fit:contain}@media(max-width:768px){.promo-banner{flex-direction:column-reverse;text-align:center;padding:40px 20px}.promo-banner__text{text-align:center}.promo-banner__text h2{font-size:1.8rem}.promo-banner__text p{font-size:1rem}.promo-banner .promo-logo-circle{width:140px;height:140px}.promo-banner .promo-logo-circle:after{inset:-20px}}