@charset "UTF-8";:root{--ink: #1a1814;--ink-soft: #3d3a35;--ink-muted: #7a7570;--ink-faint: #b0aba4;--bg: #ffffff;--bg-warm: #fcfbf9;--bg-dark: #1a1814;--surface: #f5f4f2;--surface-hover: #eae8e5;--accent: #2d6a5a;--accent-mid: #3d8a74;--accent-dark: #1f4f42;--accent-light: #e8f3f0;--accent-glow: rgba(45, 106, 90, .12);--accent-soft: rgba(45, 106, 90, .08);--gold: #c18e47;--gold-light: #fff7ec;--sage: #6B7F5E;--sage-light: #eef1eb;--rose: #C89FA3;--rose-light: #f8f0f1;--border: rgba(26, 24, 20, .09);--border-mid: rgba(26, 24, 20, .15);--error: #dc2626;--success: #16a34a;--warning: #d97706;--info: #2563eb;--focus-ring: 0 0 0 3px var(--accent-glow);--font-display: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-arabic: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.75rem;--text-5xl: 3.75rem;--text-6xl: 5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 32px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(26, 24, 20, .06), 0 1px 2px rgba(26, 24, 20, .04);--shadow-md: 0 4px 16px rgba(26, 24, 20, .08), 0 2px 6px rgba(26, 24, 20, .04);--shadow-lg: 0 16px 48px rgba(26, 24, 20, .1), 0 4px 16px rgba(26, 24, 20, .06);--shadow-xl: 0 32px 80px rgba(26, 24, 20, .12);--color-ai: #33BE97;--color-ai-soft: rgba(51, 190, 151, .12);--color-ai-glow: rgba(51, 190, 151, .25);--ease: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--fx-fast: .15s var(--ease);--fx-normal: .2s var(--ease);--duration-fast: .12s;--duration-base: .22s;--nav-height: 60px;--c-header-h: calc(52px + env(safe-area-inset-top)) ;--c-controls-h: 56px;--c-inset: var(--space-5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);line-height:1.6;overflow-x:hidden}[dir=rtl]{--font-display: var(--font-arabic);--font-body: var(--font-arabic)}[dir=rtl] body,[dir=rtl] button,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6{font-family:var(--font-arabic)}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body);border:none;background:none}.label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;color:var(--ink-muted)}.label--accent{color:var(--accent)}.form__field{margin-bottom:var(--space-6)}.form__label{display:block;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;color:var(--ink-muted);margin-bottom:var(--space-2)}.form__input,.form__textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-body);color:var(--ink);background:var(--bg);transition:border-color .2s var(--ease),box-shadow .2s var(--ease);resize:vertical}.form__input:focus,.form__textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2d6a5a1f;outline:none}.form__select{width:100%;padding:var(--space-3) var(--space-8) var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);color:var(--ink);background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1.5l5 5 5-5' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;appearance:none;cursor:pointer;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.form__select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2d6a5a1f;outline:none}.form__hint{font-size:var(--text-xs);color:var(--ink-muted);margin-top:var(--space-2)}.form__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.75rem 1.5rem;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .2s var(--ease);text-decoration:none;background:var(--bg);color:var(--ink);min-height:44px;white-space:nowrap}.button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button--primary{background:var(--ink);color:var(--bg)}.button--primary:hover:not(:disabled){background:var(--ink-soft);transform:translateY(-1px);box-shadow:var(--shadow-md)}.button--secondary{background:var(--bg);border-color:var(--border);color:var(--ink)}.button--secondary:hover:not(:disabled){background:var(--bg-warm)}.button--ghost{background:transparent;border-color:var(--border);color:var(--ink-soft)}.button--ghost:hover:not(:disabled){background:var(--bg-warm);color:var(--ink)}.button--accent{background:var(--accent);color:#fff;border-color:transparent}.button--accent:hover:not(:disabled){background:var(--accent-mid);transform:translateY(-1px);box-shadow:0 8px 24px #2d6a5a4d}.button--danger{background:var(--error);color:#fff}.button--danger:hover:not(:disabled){filter:brightness(.9);transform:translateY(-1px);box-shadow:var(--shadow-md)}.button--sm{padding:.5rem 1rem;font-size:var(--text-xs);min-height:36px}.button--lg{padding:1rem 2rem;font-size:var(--text-base)}.button--loading{position:relative;color:transparent;pointer-events:none}.button--loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite;color:#fff}@keyframes spin{to{transform:rotate(360deg)}}