:root{--bg:#0b0d10;--ink:#f2f6f8;--muted:#a9b6bf;--line:rgba(255,255,255,.16);--glass:rgba(20,24,30,.72);--ai:#8be9ff;--gold:#e3c77f;--red:#ff8a7a}
*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(1100px 700px at 80% 10%,#1d2a33,transparent 70%),radial-gradient(900px 600px at 10% 90%,#2a2418,transparent 70%),var(--bg);color:var(--ink);font-family:"IBM Plex Sans Arabic","Segoe UI",Tahoma,system-ui,sans-serif;min-height:100vh}
a{color:var(--ai)}
.wrap{max-width:1100px;margin:0 auto;padding:28px 20px 60px}
.nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:46px}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800}.brand svg{color:var(--ai)}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:start}
.hero h1{font-size:44px;line-height:1.25;margin:0 0 14px}.hero h1 span{color:var(--ai)}.hero p{color:var(--muted);font-size:18px;line-height:1.8;margin:0 0 22px}
.feats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.feat{padding:14px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid var(--line)}.feat b{display:block;margin-bottom:4px}.feat small{color:var(--muted)}
.card{background:var(--glass);border:1px solid var(--line);border-radius:24px;padding:24px;backdrop-filter:blur(24px);box-shadow:0 20px 60px rgba(0,0,0,.45)}
.tabs{display:flex;gap:6px;margin-bottom:16px;background:rgba(255,255,255,.06);padding:4px;border-radius:999px}.tabs button{flex:1;border:0;background:none;color:var(--muted);padding:9px;border-radius:999px;font:inherit;cursor:pointer}.tabs button.on{background:rgba(255,255,255,.18);color:#fff;font-weight:700}
label{display:block;font-size:13px;color:var(--muted);margin:12px 0 6px}
input{width:100%;padding:11px 12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.07);color:var(--ink);font:inherit;font-size:15px}input:focus{outline:0;border-color:var(--ai);box-shadow:0 0 0 3px rgba(139,233,255,.15)}
.slug{display:flex;align-items:center;direction:ltr;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.07);overflow:hidden}.slug input{border:0;background:none;border-radius:0;text-align:left}.slug span{padding:0 12px;color:var(--muted);white-space:nowrap}
.hint{font-size:12.5px;min-height:18px;margin-top:5px;color:var(--muted)}.hint.ok{color:#7ee2a8}.hint.bad{color:var(--red)}
.btn{width:100%;margin-top:18px;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.6);background:linear-gradient(135deg,#f4f7f9,#c9d3da);color:#0c1014;font:inherit;font-weight:800;font-size:16px;cursor:pointer}.btn:disabled{opacity:.6;cursor:wait}
.err{color:var(--red);min-height:20px;margin-top:10px;font-size:14px}.note{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.7}
.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
footer{color:var(--muted);font-size:12.5px;text-align:center;margin-top:50px}
.solo{max-width:420px;margin:10vh auto}
@media(max-width:860px){.hero{grid-template-columns:1fr}.hero h1{font-size:32px}.feats,.row{grid-template-columns:1fr}}