*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#070b10;--primary:#1a9e7a;--text:#f5f7fa;--muted:#b7c0cc;--border:rgba(255,255,255,0.1);--card:#0d1520}
html{direction:rtl;font-family:'Heebo',sans-serif}
body{background:var(--bg);color:var(--text);min-height:100vh;padding-top:60px}
.topnav{position:fixed;top:0;right:0;left:0;z-index:999;background:rgba(7,11,16,0.95);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);height:60px;display:flex;align-items:center;padding:0 5%}
.topnav-inner{width:100%;display:flex;align-items:center;justify-content:space-between}
.brand{font-size:18px;font-weight:900;color:var(--text);direction:ltr;unicode-bidi:bidi-override}
.brand .dot{color:var(--primary)}
.brand .suffix{color:var(--muted);font-size:13px}
.back-link{font-size:14px;color:var(--muted);text-decoration:none}
.back-link:hover{color:var(--text)}
.tool-hero{background:linear-gradient(135deg,rgba(26,158,122,0.08),transparent);border-bottom:1px solid var(--border);padding:48px 7% 40px;text-align:center}
.tool-badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--primary);background:rgba(26,158,122,0.1);border:1px solid rgba(26,158,122,0.3);padding:5px 16px;border-radius:100px;margin-bottom:16px}
.tool-hero h1{font-size:clamp(28px,5vw,52px);font-weight:900;letter-spacing:-1.5px;margin-bottom:14px}
.tool-hero p{font-size:16px;color:var(--muted);line-height:1.7;max-width:600px;margin:0 auto}
.tool-body{max-width:800px;margin:0 auto;padding:40px 5%}
.share-bar{display:flex;gap:10px;flex-wrap:wrap}
.share-btn{flex:1;min-width:140px;padding:12px;border:1px solid var(--border);border-radius:100px;background:transparent;color:var(--text);font-size:13px;cursor:pointer;font-family:inherit;text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:6px}
.share-btn:hover{border-color:var(--primary);color:var(--primary)}
footer{text-align:center;padding:32px;color:var(--muted);font-size:13px;border-top:1px solid var(--border);margin-top:64px}
footer a{color:var(--primary)}