*{box-sizing:border-box}body{margin:0;font-family:'Baloo Bhaijaan 2',system-ui,sans-serif;background:#fffaf0;color:#222;text-align:center}
.wrap{max-width:460px;margin:0 auto;padding:22px 18px 40px}
.top{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#777}
.letter{font-family:'Noto Naskh Arabic',serif;font-weight:700;font-size:150px;line-height:1.25;margin:10px 0 0}
h1{margin:0;font-size:30px}.en{color:#666;font-size:17px;margin-top:2px}
button{margin:22px auto 8px;display:flex;align-items:center;gap:10px;justify-content:center;font:inherit;font-size:24px;font-weight:800;
background:#1f8a5b;color:#fff;border:0;border-radius:999px;padding:14px 34px;cursor:pointer;box-shadow:0 4px 0 #156344}
button:active{transform:translateY(3px);box-shadow:0 1px 0 #156344}
.soon{color:#a05a00;font-size:16px;min-height:22px}
.words{display:flex;gap:12px;justify-content:center;margin-top:18px}
.w{background:#fff;border:2px solid #eee;border-radius:16px;padding:10px 16px;min-width:120px}
.w b{font-family:'Noto Naskh Arabic',serif;font-size:34px;display:block}.w span{color:#777;font-size:14px}
.nav{display:flex;justify-content:space-between;margin-top:28px}.nav a{color:#1f8a5b;text-decoration:none;font-weight:700}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}
.grid a{font-family:'Noto Naskh Arabic',serif;font-weight:700;font-size:40px;background:#fff;border:2px solid #eee;border-radius:14px;color:#222;text-decoration:none;padding:4px 0}
footer{margin-top:34px;font-size:13px;color:#999}footer a{color:#999}