@import url('https://fonts.googleapis.com/css2?family=Noto+Nastaliq+Urdu:wght@600;700&family=Tajawal:wght@400;500;700;800&display=swap');
:root{
  --rose:#c23a5e; --rose2:#e88fa2; --blush:#fbeef0; --cream:#fffaf8; --brown:#7a3346; --ink:#4b2b33; --muted:#9a7a82;
  --gold:#c9963b; --gold2:#ecc77a; --line:#f0dde1; --ok:#2f8f63; --ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Tajawal',system-ui,sans-serif;color:var(--ink);background:var(--blush);-webkit-font-smoothing:antialiased;line-height:1.6}
a{color:inherit}
.nast{font-family:'Noto Nastaliq Urdu',serif;font-weight:700;line-height:2.1}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;font-family:inherit;font-weight:800;font-size:15.5px;
  padding:14px 26px;border-radius:999px;text-decoration:none;transition:transform .2s var(--ease),box-shadow .2s,opacity .2s;white-space:nowrap}
.btn:active{transform:scale(.97)}
.btn:disabled{opacity:.55;cursor:wait}
.btn.primary{background:linear-gradient(135deg,var(--rose2),var(--rose));color:#fff;box-shadow:0 12px 26px -10px rgba(194,58,94,.6)}
.btn.gold{background:linear-gradient(135deg,#f3d38b,var(--gold));color:#3a240f;box-shadow:0 12px 26px -10px rgba(201,150,59,.7)}
.btn.ghost{background:#fff;color:var(--brown);border:1px solid var(--line)}
.btn.dark{background:#2d211b;color:#fff3df}
.btn.sm{padding:9px 16px;font-size:13.5px}
.card{background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.9);border-radius:24px;box-shadow:0 18px 40px -22px rgba(122,51,70,.35);padding:22px}
.badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);color:var(--rose);font-weight:800;font-size:13px;padding:7px 14px;border-radius:999px}
.muted{color:var(--muted)}
.field{display:grid;gap:6px}
.field label{font-weight:800;font-size:13.5px;color:var(--brown)}
.field small{color:var(--muted);font-size:12px}
input,textarea,select{width:100%;font-family:inherit;font-size:15px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s}
input:focus,textarea:focus,select:focus{border-color:var(--rose2);box-shadow:0 0 0 4px rgba(232,143,162,.18)}
textarea{min-height:84px;resize:vertical}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:560px){.grid2{grid-template-columns:1fr}}
.toast{position:fixed;z-index:999;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;background:#2d211b;color:#fff3df;padding:11px 20px;border-radius:999px;font-size:14px;transition:all .35s var(--ease);pointer-events:none;max-width:90vw;text-align:center}
.toast.on{opacity:1;transform:translate(-50%,0)}
.topbar{position:sticky;top:0;z-index:50;background:rgba(251,238,240,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(240,221,225,.8)}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--brown);font-weight:800}
.logo .mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--rose2),var(--rose));display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}
.logo b{font-family:'Noto Nastaliq Urdu',serif;font-size:19px;line-height:2}