
    :root{--ink:#172840;--soft:#64758b;--line:#dfe8ef;--teal:#0b63ce;--teal-dark:#083b66;--page:#f4f8fa;--gold-soft:#eaf7ff;--shadow:0 22px 60px rgba(25,58,82,.13)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--page);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;padding:24px}.shell{width:min(1080px,100%);margin:auto;background:#fff;border:1px solid var(--line);border-radius:25px;box-shadow:var(--shadow);overflow:hidden}.top{background:linear-gradient(120deg,#083b66,#0b63ce 68%,#0b63ce);color:#fff;padding:26px 34px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:11px}.mark{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#4d9bea,#0b63ce);display:grid;place-items:center;font-weight:900}.brand b{display:block;font-size:14px}.brand small{display:block;color:#dbeaff;font-size:9px;letter-spacing:.12em;margin-top:2px}.top p{margin:0;color:#dbeaff;font-size:11px;text-align:right}.content{padding:34px}.heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.heading h1{font-family:Georgia,serif;font-size:31px;font-weight:500;margin:0 0 7px}.heading p{color:var(--soft);font-size:12px;margin:0}.step{display:flex;align-items:center;gap:7px;color:var(--teal);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.step i{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:#eaf3ff}.form-layout{display:grid;grid-template-columns:1.28fr .72fr;gap:24px;align-items:start}.form-card,.side-card{border:1px solid var(--line);border-radius:15px;padding:20px}.form-card h2,.side-card h2{font-size:15px;margin:0 0 5px}.sub{color:var(--soft);font-size:10px;margin:0 0 18px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:10px;color:#718093;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.field input,.field select{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px;color:var(--ink);outline:0;background:#fff;font-size:11px}.field input:focus,.field select:focus{border-color:#8eb8e6;box-shadow:0 0 0 3px #eaf3ff}.helper{color:var(--soft);font-size:9px;line-height:1.45}.coupon-row{display:flex;gap:7px}.coupon-row input{flex:1;min-width:0}.coupon-row .btn{white-space:nowrap}.payment-card{margin:19px 0 0;padding:15px;border:1px solid #cfe2f5;border-radius:12px;background:#f6f9ff}.payment-head{display:flex;justify-content:space-between;align-items:start;gap:10px}.payment-head h3{font-size:13px;margin:0}.payment-head p{font-size:10px;color:var(--soft);margin:4px 0 0}.payment-state{background:#eef3f5;color:#667689;padding:5px 7px;border-radius:7px;font-size:9px;font-weight:850;white-space:nowrap}.pay-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dbeaff;border-bottom:1px solid #dbeaff;margin:13px 0;padding:11px 0;font-size:11px;color:#53647a}.pay-row strong{font-size:17px;color:var(--teal-dark)}.payment-card .btn{width:100%}.payment-card .helper{display:block;margin-top:8px}.consent{display:flex;gap:8px;align-items:flex-start;color:var(--soft);font-size:10px;line-height:1.45;margin:18px 0}.consent input{accent-color:var(--teal);margin-top:2px}.consent a{color:var(--teal-dark);font-weight:800;text-decoration:none}.actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding-top:17px}.btn{border:0;border-radius:9px;padding:10px 13px;font-weight:800;font-size:11px;cursor:pointer}.btn-primary{background:var(--teal);color:#fff;box-shadow:0 8px 18px rgba(11,99,206,.2)}.btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.side-card{background:#fbfdfd}.side-card h2{font-size:14px}.checklist{list-style:none;padding:0;margin:17px 0 22px;display:grid;gap:13px}.checklist li{display:flex;gap:9px;font-size:10px;color:#53647a;line-height:1.4}.checklist li:before{content:"✓";width:20px;height:20px;border-radius:7px;display:grid;place-items:center;color:var(--teal);background:#eaf3ff;font-weight:900;flex:none}.amount{padding:14px;background:var(--gold-soft);border:1px solid #cfe4f5;border-radius:11px;color:#245574;font-size:10px;line-height:1.5}.amount strong{display:block;color:#083b66;font-size:18px;margin-bottom:2px}.notice{display:flex;gap:8px;background:#eff9ff;border:1px solid #cfe4f5;color:#245574;border-radius:10px;padding:10px 11px;font-size:10px;line-height:1.45;margin-top:16px}.bottom{text-align:center;color:var(--soft);font-size:11px;margin:22px 0 2px}.bottom a{color:var(--teal-dark);font-weight:800;text-decoration:none}@media(max-width:800px){body{padding:0}.shell{border:0;border-radius:0;min-height:100vh}.top{padding:21px}.top p{display:none}.content{padding:24px 18px}.heading{display:block}.step{margin-top:15px}.form-layout{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.field.full{grid-column:auto}.actions{justify-content:stretch}.actions .btn{flex:1}}
  

.legal-block{grid-column:1/-1;margin:18px 0 0;border:1px solid rgba(38,73,80,.16);border-radius:14px;background:#fbfcfc;padding:0 16px}.legal-block summary{cursor:pointer;font-weight:800;padding:16px 2px;color:#244f51}.legal-copy{border-top:1px solid rgba(38,73,80,.12);padding:4px 2px 14px;color:#56686f;font-size:12px;line-height:1.65}.legal-copy h3{font-size:13px;color:#244f51;margin:14px 0 4px}.legal-copy p{margin:0 0 8px}

/* Janaavruddhi Foundation brand palette and logo */
:root{--ink:#123b67;--soft:#5e738c;--line:#d8e4ee;--teal:#0b63ce;--teal-dark:#083b66;--teal-soft:#eaf3ff;--page:#f6f9ff;--gold-soft:#eaf7ff;--shadow:0 22px 60px rgba(7,54,91,.14)}
body{background:var(--page);color:var(--ink)}
.top{background:linear-gradient(120deg,#062e5a,#083b66 62%,#0b63ce);color:#fff}.top .brand{background:#fff;border-radius:15px;padding:4px;width:max-content;box-shadow:0 8px 20px rgba(0,0,0,.12)}
.jvf-logo{display:block;width:82px;height:82px;object-fit:contain}.top p{color:#dbeaff}.top p a{color:#dbeaff!important}
.mark{background:linear-gradient(135deg,#0a66cc,#0b63ce)}.step{color:var(--teal)}.step i{background:var(--teal-soft)}
.field input:focus,.field select:focus{border-color:#8eb8e6;box-shadow:0 0 0 3px var(--teal-soft)}.payment-card{border-color:#cfe2f5;background:#f6f9ff}.pay-row strong{color:var(--teal-dark)}.consent input{accent-color:var(--teal)}.consent a,.bottom a{color:var(--teal-dark)}.btn-primary{background:var(--teal);box-shadow:0 8px 18px rgba(11,99,206,.22)}.checklist li:before{color:var(--teal);background:var(--teal-soft)}.amount{background:#eaf7ff;border-color:#cfe4f5;color:#245574}.amount strong{color:#083b66}.notice{background:#eff9ff;border-color:#cfe4f5;color:#245574}.legal-block{border-color:#cfe4f5;background:#fbfefd}.legal-block summary,.legal-copy h3{color:#083b66}
@media(max-width:800px){.jvf-logo{width:70px;height:70px}}

/* Coupon checkout summary: server validation remains authoritative. */
.coupon-checkout-card{grid-column:1/-1;margin-top:2px;padding:15px;border:1px solid #bfd4ee;border-radius:12px;background:#f6f9ff}
.coupon-checkout-head{display:flex;justify-content:space-between;align-items:start;gap:10px}
.coupon-checkout-head h3{font-size:13px;margin:0;color:#083b66}.coupon-checkout-head p{font-size:10px;color:#5e738c;margin:4px 0 0}
.coupon-checkout-state{background:#eaf3ff;color:#083b66;padding:5px 7px;border-radius:7px;font-size:9px;font-weight:850;white-space:nowrap}
.coupon-checkout-card .pay-row{margin:12px 0 7px;border-color:#d4e2f2}.coupon-checkout-card .pay-row strong{color:#0b63ce}

/* Signup uses one focused checkout column; the supplementary sidebar is intentionally removed. */
.form-layout{grid-template-columns:1fr}.form-card{grid-column:1/-1}

/* Focused blue-and-white plan view */
.plan-summary{margin:0 0 24px;padding:22px;border:1px solid #bfd4ee;border-radius:16px;background:linear-gradient(135deg,#fff 0%,#f6f9ff 100%);box-shadow:0 10px 24px rgba(8,59,102,.06)}
.plan-summary-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:18px;border-bottom:1px solid #d4e2f2}.plan-kicker{color:#0b63ce;font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.plan-summary h2{color:#083b66;font-size:22px;margin:5px 0 4px}.plan-summary-head p{color:#5e738c;font-size:11px;margin:0;max-width:600px}.plan-price{min-width:150px;padding:12px 15px;background:#083b66;border-radius:12px;color:#fff;text-align:right}.plan-price small{display:block;color:#dbeaff;font-size:9px}.plan-price strong{display:block;font-size:24px;margin:3px 0}.plan-price span{display:block;color:#dbeaff;font-size:9px}.plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px 0 6px}.plan-item{display:flex;gap:9px;align-items:flex-start}.plan-icon{width:25px;height:25px;display:grid;place-items:center;flex:none;border-radius:8px;background:#eaf3ff;color:#0b63ce;font-size:9px;font-weight:850}.plan-item strong{display:block;color:#083b66;font-size:11px}.plan-item p{color:#5e738c;font-size:9px;line-height:1.45;margin:4px 0 0}.plan-disclaimer{margin:10px 0 0;padding:10px 12px;border-left:3px solid #0b63ce;background:#eff6ff;color:#4f6680;font-size:10px;line-height:1.5}.plan-disclaimer strong{color:#083b66}@media(max-width:800px){.plan-summary{padding:17px}.plan-summary-head{display:block}.plan-price{margin-top:15px;text-align:left;display:inline-block;min-width:135px}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.plan-grid{grid-template-columns:1fr}}

/* Signup checkout choice: full coupon or UPI payment. */
.checkout-method-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.checkout-method{display:flex;gap:9px;align-items:flex-start;padding:12px;border:1px solid #bfd4ee;border-radius:10px;background:#fff;cursor:pointer}.checkout-method:has(input:checked){border-color:#0b63ce;box-shadow:0 0 0 2px #dbeaff;background:#f6f9ff}.checkout-method input{accent-color:#0b63ce;margin-top:3px}.checkout-method strong{display:block;color:#083b66;font-size:11px}.checkout-method small{display:block;color:#5e738c;font-size:9px;line-height:1.4;margin-top:3px}.upi-mode-options{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 13px;padding:9px 11px;border:1px solid #d4e2f2;border-radius:9px;background:#f6f9ff;color:#4f6680;font-size:10px}.upi-mode-options label{cursor:pointer}.upi-mode-options input{accent-color:#0b63ce}.checkout-subtitle{font-weight:850;color:#083b66}.manual-upi-panel{display:grid;grid-template-columns:1fr 190px;gap:14px;align-items:center;margin:0 0 14px;padding:14px;border:1px solid #bfd4ee;border-radius:11px;background:#eff6ff;color:#123b67}.manual-upi-panel h3{font-size:13px;color:#083b66;margin:0 0 4px}.manual-upi-panel p{font-size:10px;line-height:1.5;margin:0 0 8px;color:#4f6680}.manual-upi-id{display:inline-block;padding:6px 8px;background:#fff;border:1px solid #b7cfea;border-radius:6px;color:#0b63ce;font-size:11px}.signup-upi-qr{display:flex;justify-content:center;align-items:center;min-height:170px;background:#fff;border:1px solid #b7cfea;border-radius:8px}.signup-upi-qr svg{width:170px;height:170px;display:block}.signup-upi-missing{padding:10px;color:#083b66!important}.manual-upi-utr{grid-column:1/-1;display:flex;flex-direction:column;gap:5px;color:#083b66;font-size:10px;font-weight:800}.manual-upi-utr input{border:1px solid #b7cfea;border-radius:8px;padding:10px;background:#fff;color:#123b67}@media(max-width:620px){.checkout-method-options{grid-template-columns:1fr}.manual-upi-panel{grid-template-columns:1fr}.signup-upi-qr{max-width:190px}}
.manual-upi-payee{display:block;margin-top:4px;color:#4f6680;font-size:12px;font-weight:700}
.signup-before-checkout{margin-top:22px;padding:20px;border:1px solid #cfe2f5;border-radius:18px;background:#f8fbff}.signup-step-heading h2{margin:4px 0 5px;color:#083b66}.signup-step-heading p{margin:0;color:#4f6680;font-size:13px}.signup-step-list{display:grid;gap:12px;margin-top:16px}.signup-step{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid #d8e5f2;border-radius:13px;background:#fff}.signup-step-number{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:#0b63ce;color:#fff;font-weight:800}.signup-step strong{display:block;color:#083b66}.signup-step p{margin:4px 0 0;color:#4f6680;font-size:12px;line-height:1.5}.signup-step .consent{margin:10px 0 0;padding:0;border:0;background:transparent}.signup-step .legal-block{margin-top:10px}
