:root{
  --primary:#0b5ed7;
  --primary-dark:#084298;
  --primary-soft:#eaf3ff;
  --accent:#13a06b;
  --danger:#dc3545;
  --ink:#172033;
  --muted:#667085;
  --line:#e4e7ec;
  --bg:#f6f8fb;
  --white:#fff;
  --shadow:0 12px 35px rgba(16,24,40,.09);
  --radius:18px;
  --container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:system-ui,-apple-system,"Segoe UI","Noto Sans Devanagari",Arial,sans-serif;
  color:var(--ink);
  background:var(--bg);
  line-height:1.6;
}
a{color:inherit}
img{max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
.container{width:min(var(--container),calc(100% - 32px));margin-inline:auto}

/* Emergency notice */
.emergency{
  background:#fff4e5;
  color:#7a3e00;
  border-bottom:1px solid #ffd8a8;
  padding:9px 16px;
  text-align:center;
  font-size:.88rem;
  font-weight:600;
}

/* Header */
header{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(10px);
}
.nav{
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.logo{
  text-decoration:none;
  font-size:1.45rem;
  font-weight:900;
  letter-spacing:-.5px;
  color:var(--ink);
  white-space:nowrap;
}
.logo span{color:var(--primary)}
nav{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
nav a{
  text-decoration:none;
  color:#344054;
  font-weight:700;
  font-size:.94rem;
  padding:9px 12px;
  border-radius:10px;
}
nav a:hover{background:var(--primary-soft);color:var(--primary)}
nav .nav-report{background:var(--primary);color:#fff}
nav .nav-report:hover{background:var(--primary-dark);color:#fff}

/* Buttons */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  padding:10px 17px;
  border:1px solid transparent;
  border-radius:11px;
  text-decoration:none;
  cursor:pointer;
  font-weight:800;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
}
.btn:hover{transform:translateY(-1px)}
.btn.primary{background:var(--primary);color:#fff;box-shadow:0 7px 18px rgba(11,94,215,.22)}
.btn.primary:hover{background:var(--primary-dark)}
.btn.white{background:#fff;color:var(--primary);border-color:#fff}
.btn.secondary{background:#eef4ff;color:var(--primary);border-color:#cfe0ff}
.btn.big{min-height:50px;padding:12px 19px}

/* Hero */
.hero{
  background:
    radial-gradient(circle at 80% 20%,rgba(75,145,255,.22),transparent 35%),
    linear-gradient(135deg,#0b5ed7 0%,#124fa9 55%,#173d82 100%);
  color:#fff;
  overflow:hidden;
}
.hero-inner{
  min-height:510px;
  display:grid;
  grid-template-columns:1.25fr .75fr;
  align-items:center;
  gap:55px;
  padding-top:62px;
  padding-bottom:62px;
}
.hero-copy{max-width:760px}
.eyebrow{
  display:inline-block;
  margin-bottom:10px;
  color:var(--primary);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.hero .eyebrow{color:#cfe2ff}
.hero h1{
  margin:0 0 18px;
  font-size:clamp(2rem,4vw,3.5rem);
  line-height:1.12;
  letter-spacing:-1px;
}
.hero p{
  max-width:700px;
  margin:0 0 26px;
  color:#e8f1ff;
  font-size:1.08rem;
}
.hero-buttons{display:flex;gap:11px;flex-wrap:wrap}
.hero-art{
  min-height:330px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:28px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:28px;
  background:rgba(255,255,255,.09);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15);
}
.circle{
  width:150px;
  height:150px;
  display:grid;
  place-items:center;
  margin-bottom:22px;
  border-radius:50%;
  background:#fff;
  color:var(--primary);
  font-size:3.8rem;
  box-shadow:0 20px 55px rgba(0,0,0,.2);
}
.hero-art b{line-height:1.7;color:#f7fbff}

/* Main/search */
.page{padding:68px 0}
.section-title{margin-bottom:25px}
.section-title.center{text-align:center}
.section-title h2{
  margin:0;
  font-size:clamp(1.65rem,3vw,2.25rem);
  line-height:1.2;
}
.search-box{
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr 1fr auto;
  gap:12px;
  padding:18px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.search-box label{
  display:flex;
  flex-direction:column;
  gap:6px;
  font-weight:800;
  font-size:.86rem;
  color:#344054;
}
.search-box input,
.search-box select,
.search-box textarea{
  width:100%;
  min-height:46px;
  border:1px solid #d0d5dd;
  border-radius:10px;
  background:#fff;
  color:var(--ink);
  padding:9px 12px;
  outline:none;
}
.search-box input:focus,
.search-box select:focus,
.search-box textarea:focus{
  border-color:var(--primary);
  box-shadow:0 0 0 3px rgba(11,94,215,.12);
}
.search-btn{align-self:end;min-height:46px}
.help-line{
  margin:14px 2px 26px;
  color:var(--muted);
  font-size:.92rem;
}
.cards{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}
.card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:0 6px 22px rgba(16,24,40,.06);
}
.card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.card-body{padding:12px}
.card h3{margin:0 0 5px;font-size:1.15rem}
.card p{margin:4px 0;color:var(--muted)}
.empty{
  text-align:center;
  padding:50px 20px;
  background:#fff;
  border:1px dashed #cbd5e1;
  border-radius:var(--radius);
}
.empty-icon{font-size:2.5rem;margin-bottom:8px}
.hidden{display:none!important}

/* Steps */
.steps{padding:68px 0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.step-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  margin-top:30px;
}
.step-grid>div{
  padding:28px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:#fbfcfe;
}
.step-grid span{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  margin-bottom:15px;
  border-radius:50%;
  background:var(--primary);
  color:#fff;
  font-weight:900;
}
.step-grid h3{margin:0 0 8px}
.step-grid p{margin:0;color:var(--muted)}

/* CTA */
.cta{
  margin:0;
  padding:68px 0;
  background:linear-gradient(135deg,#123e83,#0b5ed7);
  color:#fff;
  text-align:center;
}
.cta h2{max-width:820px;margin:0 auto 12px;font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.2}
.cta p{max-width:760px;margin:0 auto 24px;color:#e7f0ff}

/* Ads */
.ad{
  margin-top:28px;
  margin-bottom:28px;
  min-height:90px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  color:#98a2b3;
  background:#fff;
  border:1px dashed #d0d5dd;
  border-radius:14px;
  text-align:center;
}
.ad small{font-weight:800;letter-spacing:.08em}

/* Forms/pages */
form:not(.search-box){
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:24px;
  box-shadow:0 7px 25px rgba(16,24,40,.05);
}
form label{display:block;margin-bottom:14px;font-weight:750}
form input,form select,form textarea{
  display:block;
  width:100%;
  margin-top:6px;
  padding:11px 13px;
  border:1px solid #d0d5dd;
  border-radius:10px;
  background:#fff;
}
form textarea{min-height:130px;resize:vertical}

/* Breadcrumbs/pagination */
.breadcrumbs{font-size:.92rem;color:var(--muted);margin:0 0 18px}
.breadcrumbs a{color:var(--primary);text-decoration:none}
.pagination{display:flex;justify-content:center;margin:28px 0}
.pagination>div{display:flex;gap:8px;flex-wrap:wrap}
.pagination .btn{min-width:44px}
.hero-buttons{flex-wrap:wrap}

/* Footer-friendly defaults */
footer{
  background:#101828;
  color:#d0d5dd;
  padding:35px 0;
}
footer a{color:#fff;text-decoration:none}
footer p{margin:6px 0}

/* Mobile */
@media (max-width:980px){
  .nav{align-items:flex-start;padding:13px 0}
  nav{justify-content:flex-end}
  .hero-inner{grid-template-columns:1fr;gap:30px}
  .hero-art{min-height:260px}
  .search-box{grid-template-columns:repeat(2,minmax(0,1fr))}
  .search-btn{grid-column:1/-1}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px){
  .container{width:min(var(--container),calc(100% - 22px))}
  .emergency{font-size:.78rem;padding:8px 10px}
  .nav{display:block}
  .logo{display:block;text-align:center;margin-bottom:9px}
  nav{justify-content:center;gap:3px}
  nav a{font-size:.78rem;padding:7px 8px}
  .hero-inner{min-height:auto;padding:45px 0}
  .hero h1{font-size:2rem}
  .hero p{font-size:1rem}
  .hero-buttons{display:grid;grid-template-columns:1fr}
  .hero-buttons .btn{width:100%}
  .circle{width:115px;height:115px;font-size:3rem}
  .page,.steps,.cta{padding:45px 0}
  .search-box{grid-template-columns:1fr;padding:14px}
  .search-btn{grid-column:auto}
  .cards,.step-grid{grid-template-columns:1fr}
  .step-grid{gap:14px}
}

/* GumshudaKendra directory status colors */
.card .status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 10px;
  padding: 5px 11px;
  border: 1px solid #fecaca;
  border-radius: 999px;
  background: #fef2f2;
  color: #b91c1c;
  font-size: .86rem;
  font-weight: 800;
  line-height: 1.2;
}

.card .status::before {
  content: "●;
  font-size: .72rem;
}

.card .status.found {
  border-color: #bbf7d0;
  background: #f0fdf4;
  color: #15803d;
}

.card .status.found::before {
  content: "●;
}

@media (max-width: 640px) {
  .card .status {
    font-size: .82rem;
    padding: 5px 10px;
  }
}
/* GumshudaKendra profile status badge */
.profile .status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 12px;
  padding: 6px 12px;
  border: 1px solid #fecaca;
  border-radius: 999px;
  background: #fef2f2;
  color: #b91c1c;
  font-size: .88rem;
  font-weight: 800;
  line-height: 1.2;
}

.profile .status::before {
  content: "●;
  font-size: .72rem;
}

.profile .status.found {
  border-color: #bbf7d0;
  background: #f0fdf4;
  color: #15803d;
}

.profile .status.found::before {
  content: "●;
}

@media (max-width: 640px) {
  .profile .status {
    font-size: .84rem;
    padding: 5px 10px;
  }
}
/* =========================================================
   Home Page - Anti Fraud Scrolling Notice
   ========================================================= */

.fraud-notice {
  position: relative;
  z-index: 20;
  overflow: hidden;
  background: #fff4e5;
  border-top: 1px solid #ffd8a8;
  border-bottom: 1px solid #f4b183;
  color: #7a2e00;
  box-shadow: 0 2px 8px rgba(16,24,40,.06);
}

.fraud-notice-track {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.fraud-notice-text {
  display: inline-block;
  padding: 11px 0;
  padding-left: 100%;
  font-size: .94rem;
  font-weight: 600;
  line-height: 1.5;
  animation: gumshuda-fraud-scroll 50s linear infinite;
}

.fraud-notice-text strong {
  color: #a61b1b;
  font-weight: 900;
}

.fraud-warning {
  color: #b42318;
  font-weight: 900;
}

.fraud-separator {
  display: inline-block;
  margin: 0 35px;
  color: #d97706;
}

.fraud-notice:hover .fraud-notice-text,
.fraud-notice:focus-within .fraud-notice-text {
  animation-play-state: paused;
}

@keyframes gumshuda-fraud-scroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

@media (max-width: 680px) {
  .fraud-notice-text {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: .84rem;
    animation-duration: 42s;
  }

  .fraud-separator {
    margin: 0 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fraud-notice-text {
    animation: none;
    padding-left: 12px;
    white-space: normal;
  }

  .fraud-notice-track {
    white-space: normal;
  }
}
.container.narrow{width:min(760px,calc(100% - 32px));margin-left:auto;margin-right:auto;}
@media(max-width:680px){.container.narrow{width:calc(100% - 22px);}}

.admin-login-card{width:min(460px,100%);margin:35px auto;padding:30px;box-sizing:border-box;}
.admin-login-card h1{text-align:center;margin-top:0;}
.admin-login-card .muted{text-align:center;}
.admin-login-card input{width:100%;box-sizing:border-box;}
.admin-login-card .wide{width:100%;}

/* Language switcher */
.language-switch{
  display:inline-flex;
  align-items:center;
  gap:2px;
  margin-left:10px;
  padding:3px;
  border:1px solid #d7e0ee;
  border-radius:999px;
  background:#fff;
  box-shadow:0 2px 8px rgba(15,35,70,.08);
  white-space:nowrap;
}
.language-switch button{
  border:0;
  background:transparent;
  color:#334155;
  font:inherit;
  font-size:13px;
  font-weight:700;
  padding:6px 9px;
  border-radius:999px;
  cursor:pointer;
}
.language-switch button.active{
  background:#0b5ed7;
  color:#fff;
}
.language-switch button:hover{background:#eaf2ff}
.language-switch button.active:hover{background:#0b5ed7}
@media (max-width:700px){
  .language-switch{margin-left:4px}
  .language-switch button{font-size:12px;padding:5px 7px}
}


.about-page {
    padding: 30px 0 50px;
}

.about-hero {
    background: linear-gradient(135deg, #f8f9fa, #eef3f7);
    border-radius: 18px;
    padding: 40px 25px;
    text-align: center;
    margin-bottom: 30px;
}

.about-hero h1 {
    margin: 0 0 12px;
    font-size: 34px;
}

.about-hero p {
    max-width: 750px;
    margin: auto;
    line-height: 1.8;
    color: #555;
    font-size: 17px;
}

.about-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 25px;
}

.about-card {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 15px;
    padding: 25px;
    margin-bottom: 20px;
    box-shadow: 0 3px 12px rgba(0,0,0,.05);
}

.about-card h2 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 23px;
}

.about-card p {
    line-height: 1.8;
    margin-bottom: 15px;
}

.about-list {
    padding-left: 20px;
    line-height: 1.9;
}

.about-highlight {
    background: #f8f9fa;
    border-left: 4px solid #333;
    padding: 20px;
    border-radius: 8px;
    line-height: 1.8;
}

.about-info div {
    padding: 12px 0;
    border-bottom: 1px solid #eee;
}

.about-info div:last-child {
    border-bottom: none;
}

.about-info strong {
    display: block;
    margin-bottom: 4px;
}

@media (max-width: 768px) {
    .about-page {
        padding: 20px 10px 40px;
    }

    .about-grid {
        grid-template-columns: 1fr;
    }

    .about-hero {
        padding: 30px 18px;
    }

    .about-hero h1 {
        font-size: 28px;
    }
}


.founder-page {
    padding: 30px 0 50px;
}

.founder-hero {
    background: linear-gradient(135deg, #f8f9fa, #eef3f7);
    border-radius: 18px;
    padding: 35px 25px;
    text-align: center;
    margin-bottom: 30px;
}

.founder-photo {
    width: 190px;
    height: 190px;
    border-radius: 50%;
    object-fit: cover;
    border: 6px solid #fff;
    box-shadow: 0 5px 20px rgba(0,0,0,.12);
    margin-bottom: 18px;
}

.founder-hero h1 {
    margin: 5px 0 8px;
    font-size: 32px;
}

.founder-role {
    font-size: 18px;
    color: #555;
    margin-bottom: 5px;
}

.founder-location {
    color: #666;
}

.founder-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 25px;
}

.founder-card {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 15px;
    padding: 25px;
    margin-bottom: 20px;
    box-shadow: 0 3px 12px rgba(0,0,0,.05);
}

.founder-card h2 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 23px;
}

.founder-card p {
    line-height: 1.8;
    margin-bottom: 15px;
}

.founder-info {
    margin: 0;
}

.founder-info div {
    padding: 12px 0;
    border-bottom: 1px solid #eee;
}

.founder-info div:last-child {
    border-bottom: none;
}

.founder-info strong {
    display: block;
    margin-bottom: 4px;
}

.founder-message {
    background: #f8f9fa;
    border-left: 4px solid #333;
    padding: 20px;
    border-radius: 8px;
    font-size: 17px;
    line-height: 1.8;
}

@media (max-width: 768px) {
    .founder-page {
        padding: 20px 10px 40px;
    }

    .founder-grid {
        grid-template-columns: 1fr;
    }

    .founder-hero {
        padding: 28px 18px;
    }

    .founder-hero h1 {
        font-size: 27px;
    }

    .founder-photo {
        width: 160px;
        height: 160px;
    }
}


/* Admin panel layout */
.admin-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}
.admin-top h1{margin:8px 0 10px}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0}
.tabs a{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border:1px solid #d0d5dd;border-radius:999px;background:#fff;color:#183153;text-decoration:none;font-weight:750;line-height:1}
.tabs a:hover{border-color:#0b5ed7;color:#0b5ed7}
.tabs a.active{background:#0b5ed7;border-color:#0b5ed7;color:#fff}
.admin-list{display:grid;gap:18px;margin-top:24px}
.admin-row{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;background:#fff;border:1px solid #dbe3ef;border-radius:16px;padding:20px;box-shadow:0 7px 25px rgba(16,24,40,.05)}
.admin-report-main{display:flex;gap:18px;align-items:flex-start;min-width:0;flex:1}
.admin-photo{flex:0 0 140px;width:140px}
.admin-photo a{display:block}
.admin-photo img{width:140px;height:170px;object-fit:cover;border-radius:12px;border:1px solid #dbe3ef;display:block;background:#f1f5f9}
.admin-photo small{display:block;margin-top:6px;color:#64748b;font-size:.78rem;line-height:1.3}
.admin-report-info{min-width:0;flex:1}
.admin-report-info h3{margin:10px 0 6px}
.admin-report-info p{margin:5px 0}
.admin-controls{flex:0 0 220px;display:grid;gap:10px}
.admin-controls form{margin:0;padding:12px;border:1px solid #e5e7eb;border-radius:12px;box-shadow:none}
.admin-controls select,.admin-controls input{margin-bottom:8px}
.admin-controls .btn{width:100%}
.admin-row details{margin-top:12px}
.form-card{margin-bottom:20px}
@media (max-width:900px){
  .admin-row{display:block}
  .admin-controls{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:none}
}
@media (max-width:700px){
  .admin-top{display:block}
  .admin-top .btn{margin-top:10px}
  .tabs{gap:6px}
  .tabs a{padding:8px 11px;font-size:.9rem}
  .admin-report-main{display:block}
  .admin-photo{margin-bottom:14px}
  .admin-photo,.admin-photo img{width:100%;max-width:220px}
  .admin-photo img{height:260px}
  .admin-controls{grid-template-columns:1fr}
}


.secure-contact-page {
        padding: 30px 0 60px;
    }

    .secure-hero {
        background: linear-gradient(135deg, #f8f9fa, #eef3f7);
        border-radius: 18px;
        padding: 35px 25px;
        text-align: center;
        margin-bottom: 25px;
    }

    .secure-hero h1 {
        margin: 0 0 10px;
        font-size: 32px;
    }

    .secure-hero p {
        max-width: 760px;
        margin: auto;
        line-height: 1.8;
        color: #555;
    }

    .secure-grid {
        display: grid;
        grid-template-columns: 2fr 1fr;
        gap: 25px;
    }

    .secure-card {
        background: #fff;
        border: 1px solid #e5e5e5;
        border-radius: 15px;
        padding: 25px;
        margin-bottom: 20px;
        box-shadow: 0 3px 12px rgba(0,0,0,.05);
    }

    .secure-card h2 {
        margin-top: 0;
        margin-bottom: 18px;
    }

    .secure-card label {
        display: block;
        margin: 14px 0 7px;
        font-weight: 600;
    }

    .secure-card input,
    .secure-card textarea {
        width: 100%;
        box-sizing: border-box;
        padding: 12px 14px;
        border: 1px solid #ccc;
        border-radius: 8px;
        font: inherit;
    }

    .secure-card textarea {
        min-height: 140px;
        resize: vertical;
    }

    .secure-card input:focus,
    .secure-card textarea:focus {
        outline: none;
        border-color: #1463d6;
    }

    .secure-button {
        margin-top: 18px;
        padding: 12px 22px;
        border: 0;
        border-radius: 8px;
        background: #1463d6;
        color: #fff;
        cursor: pointer;
        font-size: 16px;
        font-weight: 700;
    }

    .secure-button:hover {
        opacity: .92;
    }

    .secure-success {
        background: #e8f7e8;
        border: 1px solid #b8dfb8;
        color: #245b24;
        padding: 14px 16px;
        border-radius: 8px;
        margin-bottom: 20px;
    }

    .secure-error {
        background: #fff0f0;
        border: 1px solid #e5bcbc;
        color: #8a2020;
        padding: 14px 16px;
        border-radius: 8px;
        margin-bottom: 20px;
    }

    .secure-note {
        background: #f8f9fa;
        border-left: 4px solid #1463d6;
        padding: 16px;
        border-radius: 7px;
        line-height: 1.7;
        margin-top: 18px;
    }

    .secure-profile {
        background: #f8f9fa;
        border-radius: 12px;
        padding: 18px;
        margin-bottom: 20px;
    }

    .secure-profile strong {
        display: block;
        margin-bottom: 5px;
    }

    .verified-badge {
        display: inline-block;
        padding: 7px 12px;
        border-radius: 999px;
        background: #e8f7e8;
        color: #216b21;
        font-weight: 700;
        margin-bottom: 12px;
    }

    .secure-success-card {
        text-align: center;
        max-width: 760px;
        margin: 40px auto;
    }

    .secure-success-icon {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        margin: 0 auto 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #e8f7e8;
        color: #218521;
        font-size: 40px;
        font-weight: 800;
    }

    @media (max-width: 768px) {
        .secure-contact-page {
            padding: 20px 10px 40px;
        }

        .secure-grid {
            grid-template-columns: 1fr;
        }

        .secure-hero {
            padding: 28px 18px;
        }

        .secure-hero h1 {
            font-size: 27px;
        }
    }

.contact-page {
    padding: 30px 0 50px;
}

.contact-hero {
    background: linear-gradient(135deg, #f8f9fa, #eef3f7);
    border-radius: 18px;
    padding: 40px 25px;
    text-align: center;
    margin-bottom: 30px;
}

.contact-hero h1 {
    margin: 0 0 12px;
    font-size: 34px;
}

.contact-hero p {
    max-width: 750px;
    margin: auto;
    line-height: 1.8;
    color: #555;
    font-size: 17px;
}

.contact-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 25px;
}

.contact-card {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 15px;
    padding: 25px;
    margin-bottom: 20px;
    box-shadow: 0 3px 12px rgba(0,0,0,.05);
}

.contact-card h2 {
    margin-top: 0;
    margin-bottom: 18px;
    font-size: 23px;
}

.contact-card p {
    line-height: 1.8;
}

.contact-form label {
    display: block;
    margin: 14px 0 7px;
    font-weight: 600;
}

.contact-form input,
.contact-form textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 12px 14px;
    border: 1px solid #ccc;
    border-radius: 8px;
    font: inherit;
}

.contact-form input:focus,
.contact-form textarea:focus {
    outline: none;
    border-color: #555;
}

.contact-form textarea {
    min-height: 150px;
    resize: vertical;
}

.contact-form button {
    margin-top: 18px;
    padding: 12px 22px;
    border: 0;
    border-radius: 8px;
    background: #222;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
}

.contact-form button:hover {
    opacity: .9;
}

.contact-success {
    background: #e8f7e8;
    border: 1px solid #b8dfb8;
    color: #245b24;
    padding: 14px 16px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.contact-error {
    background: #fff0f0;
    border: 1px solid #e5bcbc;
    color: #8a2020;
    padding: 14px 16px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.contact-note {
    background: #f8f9fa;
    border-left: 4px solid #333;
    padding: 16px;
    border-radius: 7px;
    line-height: 1.7;
}

@media (max-width: 768px) {

    .contact-page {
        padding: 20px 10px 40px;
    }

    .contact-grid {
        grid-template-columns: 1fr;
    }

    .contact-hero {
        padding: 30px 18px;
    }

    .contact-hero h1 {
        font-size: 28px;
    }
}


#photoSizeError{margin-top:8px;color:#b00020;font-weight:700}#photoSizeError[hidden]{display:none !important}

.renew-page{max-width:760px;margin:40px auto}

.secure-profile-name{font-size:22px;font-weight:700}
.secure-contact-form{margin-top:12px}

/* GumshudaKendra important notice heading */
.important-site-notice > div:first-child{
    font-weight:800 !important;
    font-size:24px !important;
    margin-bottom:10px !important;
    color:#b91c1c !important;
}

@media (max-width:640px){
    .important-site-notice > div:first-child{
        font-size:22px !important;
    }
}