:root{ --maroon-deep:#711B25; --maroon-dark:#4E1018; --gold:#C99327; --cream:#F5ECD8; --ivory:#FFF9ED; --ink:#292323; } *{box-sizing:border-box;} html,body{margin:0;padding:0;} body{ font-family:'Noto Sans Devanagari','Poppins',system-ui,sans-serif; color:var(--ink); background:var(--ivory); min-height:100vh; min-height:100dvh; } .page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;} a{color:inherit;} button{font-family:inherit;} .topbar{ background:var(--maroon-deep); color:#fff; display:flex; align-items:center; justify-content:space-between; padding:14px 20px; flex-wrap:wrap; gap:8px; } .brand{ font-family:'Poppins',sans-serif; font-weight:800; font-size:clamp(18px,4vw,26px); letter-spacing:0.5px; white-space:nowrap; } .brand .ai{color:var(--gold);} .lang-switch{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;} .lang-switch button{ background:none;border:none;color:var(--ivory);opacity:0.75;cursor:pointer; padding:6px 4px;min-height:32px;font-size:14px; } .lang-switch button.active{color:var(--gold);opacity:1;text-decoration:underline;} .lang-switch button:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px;} .lang-switch .sep{color:rgba(255,255,255,0.4);} .hero{ flex:1; display:flex; flex-direction:column; } .photo-wrap{ position:relative; width:100%; aspect-ratio:4/3; overflow:hidden; background:var(--maroon-dark); } .hero-photo{ width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block; } .photo-gradient{ position:absolute;inset:0; background:linear-gradient(to bottom, rgba(78,16,24,0) 45%, rgba(78,16,24,0.75) 78%, rgba(78,16,24,0.96) 100%); } .photo-info{ position:absolute;left:0;right:0;bottom:0; padding:18px 22px 22px; text-align:center; color:#fff; } .photo-info h2{ font-family:'Noto Serif Devanagari',serif; color:var(--gold); font-size:clamp(20px,4.4vw,30px); margin:0 0 6px; font-weight:700; } .photo-info .role{ margin:0 0 4px; font-size:clamp(13px,3vw,16px); color:#fff; } .photo-info .meta{ margin:0; font-size:clamp(12px,2.6vw,15px); color:var(--cream); } .photo-info .meta .pin{color:var(--gold);} .login-wrap{ padding:22px 16px 30px; display:flex; justify-content:center; } .login-card{ background:var(--cream); border-radius:18px; padding:28px 22px 26px; width:100%; max-width:440px; box-shadow:0 10px 30px rgba(78,16,24,0.15); border:1px solid rgba(201,147,39,0.35); } .compass{display:block;margin:0 auto 12px;width:44px;height:44px;} .login-card h1{ font-family:'Noto Serif Devanagari',serif; color:var(--maroon-deep); text-align:center; font-size:clamp(21px,5vw,26px); margin:0 0 8px; font-weight:700; } .subtitle{ text-align:center; color:#5a4f4f; font-size:14px; margin:0 0 20px; } .step{display:none;} .step.active{display:block;} .field{ display:flex;align-items:center;gap:10px; background:var(--ivory); border:1px solid rgba(113,27,37,0.25); border-radius:10px; padding:0 14px; margin-bottom:14px; min-height:52px; } .field .icon{color:var(--maroon-deep);font-size:18px;flex:0 0 auto;} .field input{ border:none;background:transparent;outline:none; width:100%;font-size:16px;color:var(--ink);min-height:50px; font-family:inherit; } .field:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,147,39,0.2);} .btn-primary{ width:100%; min-height:52px; background:var(--maroon-deep); color:#fff; border:1.5px solid var(--gold); border-radius:10px; font-size:16px; font-weight:700; cursor:pointer; display:flex;align-items:center;justify-content:center;gap:8px; } .btn-primary:hover{background:var(--maroon-dark);} .btn-primary:focus-visible{outline:3px solid var(--gold);outline-offset:2px;} .btn-primary:disabled{opacity:0.6;cursor:default;} .resend-row{ display:flex;justify-content:space-between;align-items:center; margin-top:12px;font-size:13px;flex-wrap:wrap;gap:8px; } .resend-row a{ color:var(--maroon-deep);font-weight:600;cursor:pointer;text-decoration:underline; padding:4px 2px; } .resend-row a[aria-disabled="true"]{color:#9c8f8f;cursor:default;text-decoration:none;} .resend-row a:focus-visible{outline:2px solid var(--gold);outline-offset:2px;} .msg{text-align:center;font-size:13px;margin-top:12px;min-height:16px;} .msg.err{color:#a7222f;} .msg.ok{color:#1a7a3c;} .site-footer{ background:var(--maroon-deep); color:var(--cream); padding:16px 16px 18px; position:relative; overflow:hidden; } .footer-inner{ max-width:1100px;margin:0 auto; display:flex;flex-wrap:wrap;align-items:center;justify-content:center; gap:8px 10px;text-align:center;font-size:13px;position:relative;z-index:1; } .footer-brand{font-family:'Poppins',sans-serif;font-weight:800;color:#fff;font-size:15px;} .footer-brand .ai{color:var(--gold);} .footer-domain{color:var(--gold);font-weight:600;} .footer-inner a{text-decoration:none;color:var(--cream);} .footer-inner a:hover{color:var(--gold);} .footer-inner a:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:3px;} .dot{color:rgba(245,236,216,0.5);} .footer-break{flex-basis:100%;height:0;display:block;} .footer-wave{position:absolute;left:0;bottom:0;width:220px;height:40px;opacity:0.25;pointer-events:none;} @media (min-width:1024px){ .hero{flex-direction:row;align-items:stretch;} .photo-wrap{flex:0 0 55%;aspect-ratio:auto;} .login-wrap{flex:1;align-items:center;padding:40px 32px;} .login-card{max-width:460px;} .footer-break{display:none;} } @media (min-width:1200px){ .photo-wrap{flex:0 0 53%;} .login-wrap{flex:0 0 47%;} } @media (min-width:768px) and (max-width:1023px){ .login-card{max-width:520px;padding:34px 30px 30px;} .photo-wrap{aspect-ratio:16/9;} } @media (max-width:767px){ .footer-break{display:block;} } 
.visually-hidden{position:absolute;left:-9999px;}


/* ===== 2026-08-17: पहुँच का अनुरोध (Request Access) — केवल जोड़ा गया ===== */
#stepReq .req-intro{font-size:13px;line-height:1.7;color:#6b6154;margin:0 0 14px;text-align:center;}
#stepReq .wa-box{background:#eef8f1;border:1px solid #cfe9d8;border-radius:10px;padding:12px 14px;margin-bottom:14px;text-align:center;}
#stepReq .wa-box .wa-title{font-size:13px;font-weight:600;color:#1a7a3c;margin-bottom:8px;display:block;}
#stepReq .wa-box a.wa-join{display:inline-block;background:#1a7a3c;color:#fff;text-decoration:none;font-size:13px;font-weight:600;padding:8px 18px;border-radius:8px;}
#stepReq .check-row{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;color:#5a5145;line-height:1.6;margin:4px 0 14px;text-align:left;}
#stepReq .check-row input[type="checkbox"]{width:16px;height:16px;margin-top:2px;flex:0 0 auto;accent-color:#711B25;}
#stepReq .lang-pick{border:1px solid #e0d6c2;border-radius:10px;padding:14px;margin:4px 0 14px;background:#fffdf8;transition:border-color .2s,background .2s;}
#stepReq .lang-pick.needs-pick{border-color:#c0392b;background:#fdf3f2;}
#stepReq .lang-q{text-align:center;margin-bottom:12px;line-height:1.55;}
#stepReq .lang-q-hi{display:block;font-size:13.5px;font-weight:600;color:#2b2118;}
#stepReq .lang-q-en{display:block;font-size:12px;color:#8a8072;margin-top:3px;}
#stepReq .lang-opts{display:flex;gap:10px;}
#stepReq .lang-opt{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 8px;border:1.5px solid #e0d6c2;border-radius:9px;background:#fff;cursor:pointer;font-size:15px;color:#2b2118;transition:border-color .15s,background .15s;}
#stepReq .lang-opt:hover{border-color:#C99327;}
#stepReq .lang-opt input[type="radio"]{width:17px;height:17px;margin:0;flex:0 0 auto;accent-color:#711B25;cursor:pointer;}
#stepReq .lang-opt:has(input:checked){border-color:#711B25;background:#fdf6ee;font-weight:600;}
.req-link{display:block;text-align:center;margin-top:14px;font-size:13px;color:#711B25;text-decoration:underline;cursor:pointer;background:none;border:none;width:100%;font-family:inherit;}
.req-link:hover{color:#8a4b08;}
#stepReq .btn-back{background:none;border:none;color:#7d7367;font-size:13px;text-decoration:underline;cursor:pointer;display:block;margin:12px auto 0;font-family:inherit;}
#stepReq .msg.ok{color:#1a7a3c;} #stepReq .msg.err{color:#c0392b;}


/* ---- "मुझे याद रखें" — केवल login पन्ने का step2 ---- */
#step2 .vc-rm-row{
  display:flex; align-items:flex-start; gap:10px;
  margin:14px 0 4px; padding:12px 12px;
  background:rgba(212,162,76,.10);
  border:1px solid rgba(212,162,76,.35);
  border-radius:12px; cursor:pointer; text-align:right;
}
#step2 .vc-rm-row input[type="checkbox"]{
  width:22px; height:22px; margin:2px 0 0; flex:0 0 auto;
  accent-color:#7b2340; cursor:pointer;
}
#step2 .vc-rm-row .vc-rm-txt{display:block; text-align:left; line-height:1.45}
#step2 .vc-rm-row .vc-rm-txt b{display:block; font-size:15px; font-weight:600}
#step2 .vc-rm-row .vc-rm-txt small{display:block; font-size:12.5px; opacity:.78; margin-top:3px}