body.panwadi-login-page { min-height: 100vh; margin: 0; background: #f8fafc; font-family: Inter, Arial, sans-serif; color: #132238; }
.panwadi-login-page .header, .panwadi-login-page .sidebar { display: none !important; }
.panwadi-login { min-height: 100vh; display: grid; grid-template-columns: minmax(480px, 46%) 1fr; overflow: hidden; background: #fcfaf5 url('../img/panwadi-login-hero-v3.png') center / cover no-repeat; }
.login-brand-panel { position: relative; min-height: 100vh; padding: 62px 9%; overflow: hidden; background: transparent; }
.brand-top-glow { display: none; }
.brand-copy { position: relative; z-index: 2; max-width: 510px; margin: 30px auto 0; }
.brand-logo { display: block; width: min(100%, 405px); height: auto; margin-bottom: 38px; }
.brand-copy h1 { margin: 0 0 20px; font-size: clamp(38px, 3.25vw, 56px); line-height: 1.08; font-weight: 800; letter-spacing: -1.8px; }
.brand-copy h1 span { color: #159447; }
.brand-copy p { max-width: 410px; margin: 0; color: #536174; font-size: 19px; font-weight: 500; line-height: 1.5; }
.brand-benefits { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 46px; text-align: center; }
.brand-benefits > div { display: flex; flex-direction: column; align-items: center; gap: 3px; font-size: 13px; color: #344054; }
.benefit-icon { display: grid; width: 64px; height: 64px; margin-bottom: 6px; place-items: center; border-radius: 50%; background: linear-gradient(135deg, #fff1df, #eff9e9); color: #f97316; font-size: 31px; }
.brand-benefits > div:nth-child(2) .benefit-icon, .brand-benefits > div:nth-child(4) .benefit-icon { color: #159447; }
.brand-benefits strong { font-size: 14px; }.brand-benefits small { font-size: 12px; }
.brand-wave { position: absolute; z-index: 2; left: 12%; bottom: 46px; display: block; color: #fff; pointer-events: none; }
.brand-wave span { display: block; font-family: cursive; font-size: clamp(20px, 2.15vw, 34px); font-weight: 700; line-height: 1.04; text-shadow: 0 2px 8px rgba(0,57,40,.28); }
.login-access-panel { position: relative; display: flex; min-height: 100vh; align-items: center; justify-content: flex-start; padding-left: 0; overflow: visible; background: transparent; }
.login-access-panel:before { position:absolute; z-index:1; width:520px; height:520px; content:""; border-radius:50%; background:radial-gradient(circle,rgba(34,197,94,.20) 0%,rgba(134,239,172,.14) 42%,rgba(255,255,255,0) 70%); transform:translate(-31%,0); pointer-events:none; }
.login-access-panel:after { display: none; }
.access-tagline { display: none; }
.cityline { display: none; }
.login-card-wrap { position: relative; z-index: 2; width: min(386px, calc(100% - 64px)); padding:4px; border:1px solid rgba(5,132,67,.52); border-radius:24px; background:linear-gradient(135deg,rgba(232,250,239,.96),rgba(201,244,215,.82)); box-shadow:0 20px 52px rgba(5,132,67,.22),0 0 0 3px rgba(255,255,255,.30); transform: translateX(-98px); }
.login-card-logo { text-align: center; margin: 0 0 18px; }.login-card-logo img { width: 170px; }
.panwadi-login-card { position:relative; padding: 30px 34px 26px; border: 1px solid rgba(255,255,255,.9); border-radius:20px; background:rgba(255,255,255,.97); box-shadow:0 12px 30px rgba(21,128,61,.10); backdrop-filter:blur(8px); }
.panwadi-login-card:before{position:absolute;top:0;left:50%;width:96px;height:4px;content:"";border-radius:0 0 8px 8px;background:linear-gradient(90deg,#16a34a,#86efac);transform:translateX(-50%)}
.panwadi-login-card h2 { text-align: center; margin: 0; font-size: 31px; font-weight: 800; letter-spacing: -.5px; }.panwadi-login-card > p { margin: 8px auto 21px; max-width: 300px; color: #667085; text-align: center; font-size: 15px; line-height: 1.45; }
.form-field { margin-bottom: 14px; }.form-field label { display: block; margin-bottom: 7px; color: #1f2937; font-size: 14px; font-weight: 700; }.form-field em { font-style: normal; color: #ef4444; }
.field-control { position: relative; display: flex; align-items: center; border: 1px solid #d6dce5; border-radius: 10px; background: #fff; transition: border-color .2s, box-shadow .2s; }.field-control:focus-within { border-color: #159447; box-shadow: 0 0 0 3px rgba(21,148,71,.12); }.field-control > i { margin-left: 15px; color: #475467; font-size: 20px; }.field-control input { width: 100%; padding: 12px 15px 12px 12px; border: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; font-size: 15px; }.field-control .toggle-password { position: static !important; display: inline-flex !important; width: 46px; min-width: 46px; height: 44px; align-items: center; justify-content: center; padding: 0 !important; color: #475467; cursor: pointer; font-size: 18px; }
.login-submit { width: 100%; padding: 13px 20px; border: 0; border-radius: 10px; background: linear-gradient(100deg, #ff7a22, #ff9e36); color: #fff; font-size: 16px; font-weight: 750; box-shadow: 0 10px 18px rgba(249,115,22,.24); }.login-submit i { margin-left: 8px; }.login-submit:hover { background: linear-gradient(100deg, #ee6811, #f68c20); }
.secure-access { display: flex; align-items: center; justify-content: center; gap: 9px; margin-top: 18px; padding: 12px; border-radius: 9px; background: #f0faf3; color: #207743; font-size: 13px; }.secure-access span { font-size: 20px; }
.partner-values { position: absolute; z-index: 2; right: 7%; bottom: 24px; display: flex; gap: 28px; }.partner-values span { display: flex; flex-direction: column; align-items: center; gap: 4px; color: #344054; text-align: center; font-size: 12px; font-weight: 700; }.partner-values i { color: #159447; font-size: 26px; }
@media (max-width: 1450px) { .partner-values { gap: 18px; right: 4%; } }
@media (max-width: 1000px) { .panwadi-login { grid-template-columns: 1fr; }.login-brand-panel { display: none; }.login-access-panel { min-height: 100vh; justify-content: center; padding-left: 0; }.login-card-wrap { transform: none; }.partner-values { display: none; } }
@media (min-aspect-ratio: 2/1) {
  .panwadi-login { background-size: 100% 100%; }
  .login-brand-panel { padding: 36px 6.5%; }
  .brand-copy { margin-top: 0; }
  .brand-logo { width: min(100%, 345px); margin-bottom: 26px; }
  .brand-copy h1 { margin-bottom: 14px; font-size: 38px; }
  .brand-copy p { font-size: 17px; }
  .brand-benefits { gap: 10px; margin-top: 24px; }
  .benefit-icon { width: 54px; height: 54px; margin-bottom: 2px; font-size: 25px; }
  .brand-benefits strong { font-size: 12px; }.brand-benefits small { font-size: 10px; }
  .brand-wave { bottom: 26px; }.brand-wave span { font-size: 24px; }
  .login-card-wrap { transform: translateX(-128px) scale(.88); transform-origin: center; }
}
@media (max-height: 700px) { .partner-values { display: none; } }
@media (max-width: 520px) { .access-tagline { display: none; }.panwadi-login-card { padding: 76px 24px 24px; }.login-card-wrap { width: calc(100% - 28px); }.panwadi-login-card h2 { font-size: 28px; } }