@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;800&display=swap";:root{--bg-color:#fff;--surface-color:#f9faf9;--surface-hover:#f3f4f6;--text-primary:#121212;--text-secondary:#6b7280;--primary-color:#22c55e;--primary-hover:#16a34a;--border-color:#e5e7eb;--error-color:#dc2626;--accent-color:#ef4444}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;direction:rtl;font-family:Cairo,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:Cairo,sans-serif;transition:all .3s}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.text-gradient{color:var(--accent-color)}.glass-panel{background:var(--surface-color);border:1px solid var(--border-color);box-shadow:0 4px 6px -1px #0000000d}.hero-grid{grid-template-columns:1fr;align-items:start;gap:3rem;display:grid}@media (width>=768px){.hero-grid{grid-template-columns:1fr 1.3fr}.hero-content-col{order:-1}}