@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Source+Sans+3:wght@400;500;600;700&display=swap";
:root{--ink:#50514f;--coral:#f25f5c;--yellow:#ffe066;--blue:#247ba0;--teal:#70c1b3;--paper:#fffef7;--surface:#fff;--muted:#71736f;--line:#e6e3d9;--shadow:0 18px 50px #50514f1a}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:"Source Sans 3",IBM Plex Sans Arabic,system-ui,sans-serif}[dir=rtl] body,[dir=rtl]{font-family:IBM Plex Sans Arabic,"Source Sans 3",system-ui,sans-serif}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.container{width:min(1180px,100% - 32px);margin-inline:auto}.display{letter-spacing:-.03em;font-family:IBM Plex Sans Arabic,"Source Sans 3",sans-serif}.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px}.hero-wash{background:radial-gradient(circle at 10% 10%,#ffe066b8,#0000 37%),linear-gradient(135deg,#fffdf0 0%,#fff 58%,#eef7f5 100%)}.grid-paper{background-image:linear-gradient(#50514f09 1px,#0000 1px),linear-gradient(90deg,#50514f09 1px,#0000 1px);background-size:28px 28px}.btn{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.72rem 1rem;font-weight:700;transition:transform .16s cubic-bezier(.23,1,.32,1),filter .16s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{color:#fff;background:var(--coral);box-shadow:0 8px 18px #f25f5c38}.btn-primary:hover{filter:brightness(.96);text-decoration:none}.btn-secondary{color:var(--ink);background:#ffe06659;border-color:#e5c946}.btn-teal{color:var(--ink);background:var(--teal);border-color:#5ba99a}.btn-ghost{color:var(--ink);border-color:var(--line);background:0 0}.input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;padding:.75rem .85rem}.input::placeholder{color:#9a9b94}.label{color:var(--ink);margin-bottom:.35rem;font-size:.92rem;font-weight:700;display:block}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;display:grid}.tool-card{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;justify-content:space-between;gap:12px;min-height:156px;padding:18px;transition:transform .18s cubic-bezier(.23,1,.32,1),box-shadow .18s;display:flex}.tool-card:hover{text-decoration:none;transform:translateY(-3px);box-shadow:0 12px 28px #50514f21}.tool-icon{width:40px;height:40px;color:var(--ink);background:var(--yellow);border-radius:12px;place-items:center;display:grid}.ad-reserve{background:#ffffff9e;border:1px dashed #d4ceba;border-radius:16px;min-height:74px}.prose-lite p{line-height:1.8}.prose-lite h2{margin-top:2rem;font-size:1.35rem}@media (max-width:700px){.container{width:min(100% - 22px,1180px)}.hero-wash{background:linear-gradient(150deg,#fff9cf,#fff 65%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}