:root{--ink:#102c2a;--muted:#66817b;--line:#dceae5;--paper:#f5faf8;--white:#fff;--green:#0b8f6a;--green-dark:#075e54;--lime:#c9f3df;--shadow:0 20px 60px rgba(30,82,69,.10)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:var(--paper);font-family:Arial,"Noto Sans Arabic",sans-serif;overflow-x:hidden}.ambient{position:fixed;z-index:-1;border-radius:50%;filter:blur(4px);pointer-events:none}.ambient-one{width:390px;height:390px;background:#d7f7e8;top:-180px;right:-110px}.ambient-two{width:280px;height:280px;background:#fff2d4;bottom:-110px;left:-120px}.shell{width:min(1120px,calc(100% - 40px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;padding:25px 0}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}.brand-mark,.developer-mark{display:grid;place-items:center;background:var(--green);color:#fff;font-weight:800;border-radius:13px}.brand-mark{width:43px;height:43px;font-size:21px}.brand strong,.brand small{display:block}.brand strong{font-size:16px}.brand small{font-size:11px;color:var(--muted);margin-top:4px}.header-badge{border:1px solid var(--line);background:#ffffffa6;padding:9px 13px;border-radius:999px;font-size:12px;color:var(--muted)}.status-dot{display:inline-block;width:7px;height:7px;background:#24b77e;border-radius:50%;margin-left:6px}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center;padding:62px 0 74px}.eyebrow{margin:0 0 13px;color:var(--green);font-weight:700;font-size:12px;letter-spacing:.08em}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.05;letter-spacing:-.045em;margin:0 0 22px}.hero h1 em{font-style:normal;color:var(--green)}.hero-text{max-width:570px;color:var(--muted);font-size:17px;line-height:1.9;margin:0}.hero-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.hero-pills span{background:var(--lime);color:var(--green-dark);padding:8px 12px;border-radius:999px;font-size:12px}.hero-card{background:var(--green-dark);color:#fff;border-radius:25px;padding:30px;box-shadow:var(--shadow);transform:rotate(1deg)}.mini-label{color:#a8dec8;font-size:11px;margin-bottom:24px}.flow-step{display:flex;align-items:center;gap:14px;font-size:14px;line-height:1.6}.flow-step b{color:#9be7c8;font-size:12px;min-width:21px}.flow-line{height:25px;border-right:1px dashed #75bba1;margin:3px 0 3px 10px}.translator-card{background:var(--white);border:1px solid var(--line);border-radius:25px;padding:28px;box-shadow:var(--shadow)}.card-heading{display:flex;align-items:center;justify-content:space-between}.card-heading h2{font-size:27px;margin:0}.text-button,.tiny-button{border:0;background:none;color:var(--green);cursor:pointer;font:inherit}.text-button{font-size:13px}.language-row{display:flex;align-items:end;gap:12px;margin:28px 0 18px}.select-wrap{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:12px;flex:1}.select-wrap select{appearance:none;background:#f5faf8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230b8f6a' stroke-width='3'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat left 14px center;border:1px solid var(--line);border-radius:12px;padding:13px 14px;color:var(--ink);font:inherit;cursor:pointer}.swap-button{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--white);color:var(--green);font-size:20px;cursor:pointer}.translation-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fbfdfc}.input-panel{background:#fff}.panel-top,.panel-foot{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;color:var(--muted);font-size:12px}.panel-top{border-bottom:1px solid var(--line);font-weight:700;color:var(--ink)}.tiny-button{font-size:12px}.panel textarea{display:block;width:100%;min-height:190px;border:0;outline:0;resize:vertical;padding:16px;background:transparent;color:var(--ink);font:16px/1.8 inherit}.output-text{min-height:190px;padding:16px;font-size:16px;line-height:1.8;white-space:pre-wrap}.output-text.empty{color:#9bb1aa}.panel-foot{border-top:1px solid var(--line);font-size:11px}.result-check{color:#24b77e}.action-row{display:flex;align-items:center;gap:15px;margin-top:17px}.primary-button{display:flex;align-items:center;justify-content:center;gap:30px;border:0;border-radius:12px;background:var(--green);color:#fff;padding:14px 19px;font:700 14px inherit;cursor:pointer;min-width:180px;box-shadow:0 9px 20px #0b8f6a2e}.primary-button:hover{background:var(--green-dark);transform:translateY(-1px)}.button-arrow{font-size:18px}.feedback{font-size:12px;color:var(--muted);margin:0}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.note-card{display:flex;gap:13px;background:#ffffffa6;border:1px solid var(--line);border-radius:17px;padding:18px}.note-icon{display:grid;place-items:center;background:var(--lime);color:var(--green-dark);width:31px;height:31px;border-radius:9px;font-size:17px;flex:none}.note-card h3{font-size:14px;margin:0 0 7px}.note-card p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.developer-card{display:flex;align-items:center;gap:16px;background:#e3f6ed;border:1px solid #c8eade;border-radius:19px;padding:20px 23px;margin:25px 0}.developer-mark{width:43px;height:43px;border-radius:50%;font-size:18px}.developer-card p{color:var(--green);font-size:11px;margin:0 0 5px}.developer-card h2{font-size:17px;margin:0 0 5px}.developer-card span{color:var(--muted);font-size:12px}.site-footer{display:flex;justify-content:space-between;padding:22px 0 35px;color:#88a19a;font-size:11px}@media(max-width:780px){.hero{grid-template-columns:1fr;gap:30px;padding:42px 0 50px}.hero-card{max-width:520px;width:100%;transform:none}.note-grid{grid-template-columns:1fr}.translation-grid{grid-template-columns:1fr}.output-text{min-height:130px}}@media(max-width:480px){.shell{width:min(100% - 28px,1120px)}.site-header{padding:18px 0}.header-badge{font-size:10px;padding:8px}.hero h1{font-size:43px}.translator-card{padding:18px;border-radius:19px}.language-row{gap:7px}.card-heading h2{font-size:23px}.site-footer{flex-direction:column;gap:8px}}