@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap";:root{color-scheme:light;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-arabic: "Almarai", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--white: #ffffff;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--primary: #ea580c;--primary-hover: #c2410c;--primary-subtle: #fff7ed;--primary-ring: rgba(234, 88, 12, .15);--secondary: #0f766e;--secondary-hover: #115e59;--secondary-subtle: #f0fdfa;--bg: var(--gray-50);--surface: var(--white);--border: var(--gray-200);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius: 16px;--transition: .15s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body{width:100%}html.in-iframe{height:100%;overflow:hidden}html.in-iframe body{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;background-attachment:scroll}body{margin:0;font-family:var(--font-sans);color:var(--gray-900);background-color:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.6;background-image:radial-gradient(at 0% 0%,hsla(25,100%,96%,1) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(210,100%,96%,1) 0,transparent 50%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}.page{min-height:100vh;padding:40px 24px 80px;max-width:1100px;margin:0 auto;position:relative}.header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px;animation:fadeDown .6s ease both}.logo{width:160px;height:32px;display:block;object-fit:contain}.logo--card{width:140px;height:28px}.lang-toggle{background:var(--white);border:1px solid var(--gray-200);color:var(--gray-600);padding:8px 16px;border-radius:99px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;gap:6px}.lang-toggle:hover{border-color:var(--gray-300);background:var(--gray-50);color:var(--gray-900)}.hero{text-align:center;max-width:680px;margin:0 auto 56px;animation:fadeInUp .7s ease both}.hero-pills{display:flex;justify-content:center;gap:12px;margin-bottom:24px}.hero-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 22px;border-radius:99px;font-size:1rem;font-weight:600;box-shadow:var(--shadow-sm);transition:all var(--transition);border:1px solid transparent;height:44px}.hero-pill.primary{background:var(--white);border-color:var(--gray-200);color:var(--primary)}.hero-pill.secondary{background:var(--secondary-subtle);color:var(--secondary);border-color:#0f766e26}.hero-pill:before{content:"";width:10px;height:10px;background:currentColor;border-radius:50%}.hero h1{font-size:clamp(2.2rem,4vw,3rem);font-weight:800;margin:0 0 16px;letter-spacing:-.03em;line-height:1.1;background:linear-gradient(135deg,var(--gray-900) 0%,var(--gray-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:1.125rem;color:var(--gray-500);line-height:1.6;margin:0 auto 24px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:32px;align-items:start}.card{background:var(--surface);border-radius:var(--radius);padding:32px;border:1px solid var(--border);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:24px;transition:transform var(--transition),box-shadow var(--transition);animation:floatIn .7s ease both;animation-delay:var(--delay, 0s)}.card-primary{grid-column:span 7}.card-secondary{grid-column:span 5}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--gray-100)}.card-subtitle{margin:8px 0 0;font-size:.9rem;color:var(--gray-500)}.card h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--gray-900);display:flex;align-items:center;gap:10px}.card h2 svg{color:var(--gray-400);width:20px;height:20px}.field{display:flex;flex-direction:column;gap:10px}.field label{font-size:.875rem;font-weight:600;color:var(--gray-700)}.helper-text{margin:0;font-size:.85rem;color:var(--gray-500)}.input-group{position:relative;display:flex;align-items:center}.input-group input{width:100%;padding:12px 48px 12px 16px;border:1px solid var(--gray-300);border-radius:12px;font-size:1rem;transition:all var(--transition);background:var(--white);color:var(--gray-900)}.field>input{width:100%;padding:12px 16px;border:1px solid var(--gray-300);border-radius:12px;font-size:1rem;transition:all var(--transition);background:var(--white);color:var(--gray-900)}.input-align-right{text-align:right;direction:ltr}[dir=rtl] .input-group input{padding-right:16px;padding-left:48px}.input-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-ring)}.field>input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-ring)}.input-suffix{position:absolute;right:16px;color:var(--gray-400);font-weight:500;font-size:.9rem;pointer-events:none}[dir=rtl] .input-suffix{right:auto;left:16px}.chip-group{display:flex;gap:8px;flex-wrap:wrap}.chip{background:var(--gray-50);border:1px solid var(--gray-200);color:var(--gray-600);padding:6px 12px;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.chip:hover{background:var(--gray-100);color:var(--gray-900);border-color:var(--gray-300)}.chip.active{background:var(--primary-subtle);color:var(--primary);border-color:#ea580c33}.btn-primary{width:100%;padding:14px;border-radius:12px;background:var(--primary);color:#fff;border:none;font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 6px #ea580c33}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 12px #ea580c40}.btn-primary:disabled{background:var(--gray-300);cursor:not-allowed;transform:none;box-shadow:none}.dashboard-link{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--white);border:1px solid var(--gray-200);border-radius:12px;color:var(--gray-700);font-weight:600;font-size:.9rem;transition:all var(--transition)}.dashboard-link:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-subtle)}.whatsapp-widget-wrap{position:fixed;bottom:24px;right:24px;left:auto;z-index:2147483647;display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none}.whatsapp-widget-pill{pointer-events:auto;background:var(--white);color:var(--gray-700);border:1px solid var(--gray-200);border-radius:999px;padding:8px 14px;font-size:.85rem;font-weight:600;box-shadow:var(--shadow-lg);white-space:nowrap}.whatsapp-widget{pointer-events:auto;width:60px;height:60px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 24px #0f172a33;transition:all var(--transition);background:transparent}.whatsapp-widget:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 20px 32px #0f172a40}.whatsapp-icon{width:100%;height:100%;display:block;object-fit:cover}[dir=rtl] .whatsapp-widget-wrap{right:24px;left:auto;align-items:center}[dir=rtl] body{font-family:var(--font-arabic)}@keyframes fadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes floatIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 900px){.grid{display:flex;flex-direction:column}.card{width:100%}}@media (max-width: 600px){.whatsapp-widget-wrap{bottom:16px;right:16px;left:auto}.whatsapp-widget{width:50px;height:50px}.whatsapp-icon{width:100%;height:100%}.whatsapp-widget-pill{font-size:.75rem;padding:6px 10px}}