/* ============================================================
   DNYAN SETU — membership.css
   Page-specific styles for Membership page
============================================================ */

/* ── Page Hero ── */
.page-hero{background:linear-gradient(135deg,var(--navy) 0%,#243869 60%,var(--navy-soft) 100%);padding:140px 0 80px;text-align:center;position:relative;overflow:hidden;}
.page-hero::before{content:'';position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1481627834876-b7833e8f5570?q=80&w=1920&auto=format&fit=crop') center/cover;opacity:.08;}
.page-hero h1{font-family:var(--display);font-size:clamp(2.4rem,5vw,4rem);color:#fff;font-weight:400;margin-bottom:16px;position:relative;}
.page-hero p{color:rgba(255,255,255,.75);max-width:560px;margin:0 auto;position:relative;}
.page-hero .eyebrow{position:relative;}

/* ── Plans Grid ── */
.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.plan-card{
  border-radius:24px;border:1px solid var(--border);
  background:var(--white);padding:36px 30px;
  position:relative;
  transition:transform .32s cubic-bezier(.22,.8,.32,1),box-shadow .32s ease;
  display:flex;flex-direction:column;
}
.plan-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover);}
.plan-card.featured{
  background:var(--navy);
  border-color:var(--navy);
  transform:scale(1.04);
}
.plan-card.featured:hover{transform:scale(1.04) translateY(-8px);}
.plan-badge{
  position:absolute;top:-14px;left:50%;transform:translateX(-50%);
  background:linear-gradient(135deg,var(--orange),var(--gold));
  color:#fff;font-size:.72rem;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;
  padding:5px 16px;border-radius:999px;white-space:nowrap;
}
.plan-name{font-family:var(--mono);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--orange);margin-bottom:10px;}
.plan-card.featured .plan-name{color:var(--gold);}
.plan-price{font-family:var(--mono);font-size:2.8rem;font-weight:700;color:var(--navy);line-height:1;margin-bottom:4px;}
.plan-card.featured .plan-price{color:#fff;}
.plan-period{font-size:.82rem;color:var(--muted);margin-bottom:24px;}
.plan-card.featured .plan-period{color:rgba(255,255,255,.6);}
.plan-features{list-style:none;display:flex;flex-direction:column;gap:11px;margin-bottom:28px;flex:1;}
.plan-features li{font-size:.86rem;color:var(--ink);display:flex;gap:10px;align-items:flex-start;}
.plan-features li::before{content:'✓';color:var(--orange);font-weight:700;flex-shrink:0;}
.plan-card.featured .plan-features li{color:rgba(255,255,255,.85);}
.plan-card.featured .plan-features li::before{color:var(--gold);}
.plan-cta{margin-top:auto;}

/* ── Comparison Table ── */
.compare-table{width:100%;border-collapse:collapse;background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);}
.compare-table th,.compare-table td{padding:15px 20px;text-align:left;border-bottom:1px solid var(--border);font-size:.88rem;}
.compare-table th{background:var(--navy);color:#fff;font-weight:600;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;}
.compare-table th:first-child{width:38%;}
.compare-table td:not(:first-child){text-align:center;}
.compare-table tr:last-child td{border-bottom:none;}
.compare-table tr:hover td{background:rgba(245,133,31,.04);}
.tick{color:#27ae60;font-size:1.2rem;}
.cross{color:#e74c3c;font-size:1.1rem;}
.compare-table .col-highlighted{background:rgba(27,42,86,.04);}

/* ── Registration Section ── */
.reg-section{background:var(--cream);}
.reg-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:start;}
.reg-copy h2{font-family:var(--display);font-size:clamp(1.9rem,3.4vw,2.6rem);color:var(--navy);font-weight:400;line-height:1.3;margin-bottom:18px;}
.reg-copy p{color:var(--muted);margin-bottom:16px;}
.reg-copy ul{list-style:none;display:flex;flex-direction:column;gap:11px;margin-bottom:24px;}
.reg-copy li{display:flex;gap:10px;font-size:.9rem;color:var(--navy);font-weight:500;}
.reg-copy li span:first-child{color:var(--orange);font-weight:700;flex-shrink:0;}

/* ── Registration Form ── */
.reg-form{background:var(--white);border:1px solid var(--border);border-radius:24px;padding:40px;}
.reg-form h3{font-family:var(--display);font-size:1.5rem;color:var(--navy);font-weight:400;margin-bottom:22px;}
.form-group{display:flex;flex-direction:column;gap:7px;margin-bottom:18px;}
.form-group label{font-size:.8rem;font-weight:600;color:var(--navy);letter-spacing:.03em;text-transform:uppercase;}
.form-group input,.form-group select{border:1.5px solid var(--border);border-radius:12px;padding:12px 16px;font-family:var(--body);font-size:.92rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease;background:var(--cream);color:var(--ink);width:100%);}
.form-group input:focus,.form-group select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(245,133,31,.12);background:#fff;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}

/* ── Toast ── */
.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--navy);color:#fff;padding:14px 28px;border-radius:999px;font-size:.88rem;font-weight:600;opacity:0;transition:opacity .3s ease,transform .3s ease;z-index:999;pointer-events:none;box-shadow:var(--shadow);}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

/* ── Responsive ── */
@media(max-width:1080px){
  .plans-grid{grid-template-columns:1fr 1fr;}
  .plan-card.featured{transform:none;}
  .plan-card.featured:hover{transform:translateY(-8px);}
  .reg-layout{grid-template-columns:1fr;}
}
@media(max-width:860px){
  .page-hero{ padding: 110px 0 60px; }
  .page-hero h1{ font-size: clamp(1.9rem, 5vw, 3rem); }
}
@media(max-width:640px){
  .plans-grid{grid-template-columns:1fr;}
  .form-row{grid-template-columns:1fr;}
  .reg-form{padding:26px 18px;}
}
@media(max-width:480px){
  .page-hero{ padding: 90px 0 40px; }
  .page-hero h1{ font-size: clamp(1.5rem, 6vw, 2rem); }
  .page-hero p{ font-size: 0.88rem; }
}