@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700&family=Inter:wght@600;700;800&display=swap');
*{box-sizing:border-box} :root{--green:#116149;--deep:#073f34;--gold:#f0b429;--ink:#17253a;--muted:#6f7d90;--line:#e3e9ef;--soft:#f6f9fb;--white:#fff;--red:#b42318}
html,body{margin:0;min-height:100%;font-family:"Hind Siliguri",sans-serif;color:var(--ink);background:#f7f9fc}a{text-decoration:none;color:inherit}input,button{font:inherit}
.page-shell{min-height:100vh;display:grid;grid-template-columns:40% 60%}.brand-panel{position:relative;overflow:hidden;padding:42px 48px;display:flex;flex-direction:column;color:white;background:radial-gradient(circle at 0 0,#22785f 0,transparent 35%),radial-gradient(circle at 100% 100%,rgba(240,180,41,.28),transparent 30%),linear-gradient(145deg,#0a5845,#073f34 65%,#062e28)}
.brand-panel:after{content:"";position:absolute;width:440px;height:440px;border-radius:50%;border:1px solid rgba(255,255,255,.11);right:-260px;top:70px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.02)}
.brand{display:flex;align-items:center;gap:12px;z-index:1}.logo{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#fff;color:var(--deep);font:800 22px Inter;box-shadow:0 12px 30px rgba(0,0,0,.16)}.brand b{font:800 20px Inter;display:block}.brand small{font:600 10px Inter;color:rgba(255,255,255,.65);letter-spacing:.8px}
.hero-copy{margin:auto 0;max-width:520px;z-index:1}.pill,.step{font:700 11px Inter;letter-spacing:1.1px}.pill{display:inline-flex;border:1px solid rgba(255,255,255,.2);padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.07)}.hero-copy h1{font-size:clamp(38px,4vw,60px);line-height:1.06;margin:18px 0 16px}.hero-copy h1 em{font-style:normal;color:#ffd66b}.hero-copy>p{font-size:16px;line-height:1.8;color:rgba(255,255,255,.75)}
.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.trust div{padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.07)}.trust b,.trust span{display:block}.trust b{font:700 14px Inter}.trust span{font-size:11px;color:rgba(255,255,255,.58);margin-top:4px}
.bottom-note{z-index:1;font-size:12px;color:rgba(255,255,255,.62);display:flex;align-items:center;gap:8px}.bottom-note i{width:8px;height:8px;border-radius:50%;background:#69e2b3;box-shadow:0 0 0 5px rgba(105,226,179,.12)}
.form-side{padding:36px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 90% 10%,#eaf7f2,transparent 20%),linear-gradient(#fcfdfe,#f8fafc)}.form-card{width:min(100%,760px);background:#fff;border:1px solid #edf0f3;border-radius:24px;padding:34px;box-shadow:0 24px 70px rgba(23,37,58,.08)}.form-card header{margin-bottom:24px}.step{color:var(--green)}.form-card h2{font-size:29px;margin:6px 0 4px}.form-card header p{margin:0;color:var(--muted);font-size:14px}.form-card header p b,label>span b,legend b{color:#e5484d}
.alert{padding:12px 14px;border-radius:12px;margin-bottom:18px;background:#fff1f0;border:1px solid #ffd5d2;color:var(--red);font-size:13px;font-weight:600}.register-form{display:grid;gap:18px}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}label>span,legend{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.input{height:52px;border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;overflow:hidden;background:#fff;transition:.2s}.input:focus-within{border-color:#78b8a7;box-shadow:0 0 0 4px rgba(17,97,73,.07)}.input i{font-style:normal;min-width:45px;text-align:center;color:#8290a2;font:700 12px Inter;border-right:1px solid #edf0f3}.input input{width:100%;height:100%;border:0;outline:0;padding:0 12px;color:var(--ink);background:transparent}.input button{border:0;background:transparent;color:var(--green);font-size:11px;font-weight:700;padding:0 12px;cursor:pointer}.input.mobile i{min-width:50px;color:var(--green)}
label small{display:block;margin-top:5px;font-size:10.5px;color:#8a95a4}.verify-hint{color:#16815f!important;font-weight:600}.gender{border:0;padding:0;margin:0}.gender-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.gender-chip{position:relative}.gender-chip input{position:absolute;opacity:0}.gender-chip span{height:52px;border:1px solid var(--line);border-radius:13px;display:grid;place-items:center;margin:0;color:#6e7a8c;font-size:12px;cursor:pointer}.gender-chip input:checked+span{border-color:#72b5a3;background:#eef9f5;color:var(--green);box-shadow:0 0 0 3px rgba(17,97,73,.05)}
.meter{height:4px;background:#edf0f3;border-radius:99px;overflow:hidden;margin-top:6px}.meter i{display:block;width:0;height:100%;transition:.2s;background:#d92d20}.terms{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:#697689;line-height:1.55}.terms input{accent-color:var(--green);margin-top:3px}.terms a,footer a{color:var(--green);font-weight:700}
.submit{min-height:54px;border:0;border-radius:14px;background:linear-gradient(135deg,#126b50,#084638);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;box-shadow:0 12px 24px rgba(8,70,56,.18)}.submit b{font:700 18px Inter}.flow-note{display:flex;align-items:center;justify-content:center;gap:8px;color:#8a95a4;font-size:10px}.flow-note span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#edf7f3;color:var(--green);font:700 10px Inter}.flow-note i{font-style:normal}
.form-card footer{text-align:center;border-top:1px solid #edf0f3;margin-top:22px;padding-top:20px;color:#778396;font-size:13px}.mobile-brand{display:none}
.disabled-state,.success-card{text-align:center}.disabled-state>div,.success-icon{width:62px;height:62px;border-radius:18px;margin:0 auto 17px;display:grid;place-items:center;background:#eef9f5;color:var(--green);font:800 25px Inter}.disabled-state a{display:inline-flex;padding:12px 20px;border-radius:12px;background:var(--green);color:#fff}
.success-page{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 20% 10%,#e8f8f2,transparent 25%),#f7f9fc}.success-card{width:min(100%,560px);background:#fff;padding:38px;border:1px solid #e7ecf1;border-radius:24px;box-shadow:0 25px 70px rgba(23,37,58,.09)}.success-card h1{margin:8px 0 9px}.success-card>p{color:var(--muted);line-height:1.7}.mail-steps{display:grid;gap:8px;text-align:left;margin:24px 0}.mail-steps div{padding:11px 13px;background:#f7faf9;border-radius:11px;font-size:12px}.mail-steps span{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:8px;background:#e3f5ed;color:var(--green);margin-right:7px;font:700 10px Inter}.link-btn{width:100%;text-decoration:none}.dev-note{margin-top:20px;padding:12px;background:#fff8e8;border-radius:10px;font-size:10px;color:#7a622b;overflow-wrap:anywhere}.dev-note code{font-size:9px}
@media(max-width:1000px){.page-shell{grid-template-columns:1fr}.brand-panel{display:none}.form-side{min-height:100vh;padding:24px}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:20px}.mobile-brand .logo{width:40px;height:40px;border:1px solid var(--line)}.form-side{flex-direction:column}.form-card{padding:28px}}
@media(max-width:640px){.form-side{padding:17px}.form-card{padding:22px 17px;border-radius:19px}.grid.two{grid-template-columns:1fr}.form-card h2{font-size:24px}.gender-options{gap:6px}.trust{grid-template-columns:1fr}.flow-note{gap:5px}.success-card{padding:28px 19px}}