:root{--gold:#febe34;--gold-dark:#ecaa22;--maroon:#54120c;--maroon-2:#711b12;--green:#22653f;--paper:#fffcf6;--cream:#fff6e8;--light:#f9f3e8;--line:#e8dccb;--muted:#775f55;--shadow:0 24px 55px rgba(74,28,12,.09)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:36px}
body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--maroon);background:var(--paper);-webkit-font-smoothing:antialiased}
a{color:inherit}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.65}
:focus-visible{outline:3px solid var(--green)!important;outline-offset:3px}
.shell{max-width:1170px;margin:0 auto;padding:0 28px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:absolute;top:-100px;left:20px;padding:11px 18px;background:white;z-index:999}.skip-link:focus{top:10px}
.preview-banner{background:#245d38;color:white;text-align:center;padding:11px 18px;font-weight:700;font-size:12px;letter-spacing:.045em}
.site-header{height:100px;background:#fff;position:relative;z-index:3;border-bottom:1px solid #f3efe8}
.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:13px;text-decoration:none;min-width:0}
.brand-logo{width:70px;height:76px;object-fit:contain;flex:none}
.brand-titles{display:flex;flex-direction:column;gap:1px;min-width:0}
.brand-tamil{font-size:20px;letter-spacing:-.05em;font-weight:700;white-space:nowrap}
.brand-english{font-size:11px;font-weight:800;letter-spacing:.085em;white-space:nowrap;color:#2c231e}
.nav-actions{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700}
.nav-actions a{text-decoration:none}
.main-site:hover{text-decoration:underline;text-underline-offset:6px}
.nav-register{display:inline-flex;gap:22px;align-items:center;border:1px solid var(--maroon);padding:12px 18px;border-radius:3px;transition:background .2s,color .2s}
.nav-register:hover{background:var(--maroon);color:#fff}
.hero{background:var(--gold);position:relative;overflow:hidden}
.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.78fr);gap:90px;align-items:center;padding-top:76px;padding-bottom:76px;min-height:560px}
.hero-art{position:absolute;pointer-events:none;right:22%;top:-170px;font-size:640px;line-height:1;color:rgba(117,45,7,.052);transform:rotate(-17deg);font-family:'Noto Sans Tamil',sans-serif}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;display:flex;align-items:center;gap:12px}
.eyebrow-line{width:29px;height:2px;background:var(--maroon)}
.hero h1{font-size:clamp(45px,5vw,66px);font-weight:700;line-height:1.5;letter-spacing:-.08em;margin:20px 0 10px}
.hero h1 em{font-style:normal;display:inline-block;position:relative}
.hero h1 em:after{content:"";position:absolute;left:4px;right:0;bottom:7px;height:5px;background:#8c3214;opacity:.46;transform:rotate(-1deg)}
.hero-english{font-size:25px;line-height:1.28;letter-spacing:-.04em;margin:15px 0 15px}
.hero-english strong{font-weight:800}
.hero-desc{font-size:15px;max-width:470px;line-height:1.8;margin:0 0 25px;color:#602514}
.hero-button{background:var(--maroon);color:white;display:inline-flex;align-items:center;gap:30px;border-radius:3px;text-decoration:none;padding:16px 22px;font-weight:700;font-size:14px;transition:transform .2s,background .2s}
.hero-button:hover{transform:translateY(-2px);background:#742016}
.hero-panel{border:1px solid rgba(98,32,12,.4);background:rgba(255,248,229,.16);height:395px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:26px;color:var(--maroon);box-shadow:14px 14px 0 rgba(101,39,5,.12)}
.panel-topline{font-size:10px;font-weight:800;letter-spacing:.12em;position:absolute;top:22px;left:24px;right:22px;display:flex;justify-content:space-between;align-items:center}
.panel-star{font-size:22px;font-weight:400}
.panel-emblem{position:absolute;top:22px;left:50%;transform:translateX(-50%);opacity:.53;color:#9a4a19}
.panel-tamil{font-size:23px;line-height:1.8;text-align:center;font-weight:700;margin:0 0 19px;position:relative;z-index:1}
.panel-divider{height:1px;width:100%;background:#7b3418;opacity:.7}
.panel-footer{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;padding-top:17px;font-size:10px;font-weight:800;letter-spacing:.065em}
.panel-footer strong{font-size:15px;letter-spacing:0}
.panel-footer strong span{font-size:13px}
.hero-bottom-border{height:5px;background:var(--maroon)}
.intro-strip{background:#fff8eb;border-bottom:1px solid #f0e3d0}
.strip-inner{min-height:70px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.strip-inner p{margin:0;font-weight:700;font-size:14px;letter-spacing:-.035em}
.strip-inner p span{font-size:12px;padding:0 13px;color:#b07529}
.strip-english{font-weight:800;white-space:nowrap;letter-spacing:.1em;font-size:10px;color:#976c42}
.registration-section{padding:96px 0 115px;background:linear-gradient(180deg,#fffcf6 0%,#fffaf2 100%)}
.registration-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:78px;align-items:start}
.registration-info{padding-top:29px}
.section-kicker{font-size:11px;font-weight:800;letter-spacing:.12em;color:#986b37}
.registration-info h2{font-size:clamp(36px,3.5vw,50px);line-height:1.55;letter-spacing:-.07em;margin:22px 0 12px;font-weight:700}
.underlined{display:inline-block;position:relative}
.underlined:after{content:"";height:6px;position:absolute;bottom:8px;left:0;right:0;background:var(--gold);z-index:-1;transform:skewX(-10deg)}
.info-lead{max-width:400px;color:#6e5348;line-height:1.9;font-size:16px;margin:5px 0 34px}
.benefits{border-top:1px solid var(--line);max-width:440px}
.benefit{display:flex;gap:16px;align-items:flex-start;border-bottom:1px solid var(--line);padding:23px 0}
.benefit-icon{width:44px;height:44px;border-radius:50%;border:1px solid #d7a94d;color:#8b451e;display:grid;place-items:center;flex:none;font-size:23px;background:#fff8e9}
.benefit strong{display:block;font-size:17px;line-height:1.7}
.benefit p{font-size:13px;line-height:1.8;color:#735e55;margin:4px 0 0}
.info-note{margin-top:36px;background:#f9edcd;border-left:3px solid #daa12b;display:flex;gap:14px;max-width:440px;padding:18px 20px}
.note-glyph{color:#9c6514;font-size:21px}
.info-note p{margin:0;color:#68482f;font-size:12px;line-height:1.8}
.info-note strong{color:var(--maroon)}
.form-card{background:#fff;border:1px solid #eaddc9;border-radius:6px;box-shadow:var(--shadow);padding:38px 40px 32px;scroll-margin-top:24px}
.form-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}
.form-overline{display:block;font-weight:800;font-size:10px;letter-spacing:.14em;color:#b07c37}
.form-heading h3{font-size:30px;letter-spacing:-.055em;line-height:1.55;margin:8px 0 0}
.form-heading p{color:#856b5d;font-size:12px;margin:4px 0 0;line-height:1.5}
.free-chip{padding:8px 11px;background:#e9f1e7;border:1px solid #cee1d0;border-radius:3px;color:#23613d;font-size:10px;font-weight:800;white-space:nowrap}
.free-chip span{padding-left:6px}
.stepper{display:flex;align-items:center;gap:8px;margin:29px 0 32px;border-top:1px solid #f0e6d8;padding-top:27px}
.step{display:flex;gap:7px;align-items:center;color:#a99d93;flex:none}
.step-number{height:26px;width:26px;display:grid;place-items:center;border-radius:50%;background:#f4eee6;color:#8d847c;font-size:11px;font-weight:800}
.step.active .step-number,.step.done .step-number{background:var(--maroon);color:#fff}
.step.done .step-number{background:var(--green)}
.step.active .step-label{color:var(--maroon);font-weight:800}
.step-label{font-size:10px;font-weight:700;white-space:nowrap}
.step-connector{height:1px;background:#e7d9c8;flex:1;min-width:5px}
.form-error{background:#fff0ed;color:#9f2e21;border:1px solid #ebbcaf;padding:12px;border-radius:3px;font-size:13px;line-height:1.55;margin-bottom:18px}
.form-step{padding:0;border:0;min-width:0;margin:0}
.form-step[hidden],.family-size-wrap[hidden],.preview-banner[hidden],.form-error[hidden],.privacy-details[hidden],.turnstile-container[hidden],.success-view[hidden],.back-button[hidden],.primary-button[hidden]{display:none!important}
.step-header{margin-bottom:27px}
.mini-number{display:block;color:#ae7b3a;font-size:10px;font-weight:800;letter-spacing:.14em;margin-bottom:7px}
.step-header strong{font-size:20px;letter-spacing:-.03em}
.step-header p{font-size:12px;color:#98766a;margin:6px 0 0}
.field{margin-bottom:21px;min-width:0}
.field label,.field-label{display:block;font-size:12px;font-weight:800;margin:0 0 8px;line-height:1.6}
.field label span,.field-label span{font-size:11px;color:#947c6d;font-weight:500}
.field b,.consent b{color:#9d2316}
.field input:not([type="radio"]):not([type="checkbox"]),.field select,.field textarea{display:block;width:100%;border:1px solid #dfd2c1;border-radius:3px;background:#fffcf9;outline:0;min-height:47px;padding:12px 13px;color:var(--maroon);font-size:13px;transition:border-color .15s,box-shadow .15s}
.field input::placeholder,.field textarea::placeholder{color:#ae9c91}
.field input:focus,.field textarea:focus,.field select:focus{border-color:#95612f;box-shadow:0 0 0 3px rgba(254,190,52,.2)}
.field textarea{resize:vertical;min-height:90px;line-height:1.7}
.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2354120c' stroke-width='2'%3E%3Cpath d='m3 6 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center}
.field input.is-invalid,.field select.is-invalid,.field textarea.is-invalid{border-color:#ba3f32}
.field-error{display:block;font-size:11px;color:#b12a20;line-height:1.5;margin-top:5px;min-height:0}
.field-error:empty{display:none}
.field-hint{display:block;margin-top:5px;font-size:11px;color:#967b6d;line-height:1.6}
.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.choice{padding:13px 12px!important;margin:0!important;border:1px solid #e3d5c0;border-radius:4px;display:flex!important;align-items:center;gap:9px;background:#fffdfa;cursor:pointer;position:relative;min-height:74px}
.choice input{position:absolute;opacity:0;pointer-events:none}
.choice.selected{border-color:#9a5220;background:#fff6e4;box-shadow:inset 0 0 0 1px #b26a24}
.choice input:focus-visible+.choice-art{outline:3px solid var(--green);outline-offset:2px}
.choice-art{width:32px;height:32px;display:grid;place-items:center;background:#fff1cf;color:#955420;font-size:23px;border-radius:50%;flex:none}
.choice-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.choice-copy strong{font-size:12px;color:var(--maroon)}
.choice-copy small{font-size:10px;color:#8c6a5d}
.choice-check{position:absolute;top:7px;right:9px;color:#23613d;font-size:13px;opacity:0}
.choice.selected .choice-check{opacity:1}
.field-help{font-size:12px;line-height:1.6;color:#9b8171;margin:-4px 0 12px}
.interests{display:flex;flex-wrap:wrap;gap:9px}
.interest{display:inline-flex!important;align-items:center;gap:7px;padding:9px 12px;border:1px solid #e5d9c9;border-radius:3px;margin:0!important;font-size:11px!important;font-weight:700!important;cursor:pointer;background:#fffdfa;transition:background .15s,border-color .15s}
.interest input{position:absolute;opacity:0;width:1px;height:1px}
.interest:has(input:checked){border-color:#ab7b31;background:#fff2d2;color:#6f3212}
.interest:has(input:focus-visible){outline:3px solid var(--green);outline-offset:2px}
.interest span{color:#a86e27;font-size:14px}
.review-card{border:1px solid #ead9be;border-radius:4px;background:#fff9ef;padding:17px;margin-bottom:23px}
.review-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid #ebdcc5;margin-bottom:12px}
.review-head strong{font-size:13px}
.review-head span{font-size:10px;color:#28714d;font-weight:800;background:#e3f2e5;padding:5px 8px}
.review-row{display:flex;gap:13px;justify-content:space-between;padding:7px 0;font-size:12px;line-height:1.55}
.review-row dt{color:#947c6c;flex:0 0 35%}
.review-row dd{text-align:right;margin:0;max-width:63%;word-break:break-word;font-weight:700}
.consent-area{border-top:1px solid #eee3d7;padding-top:19px}
.consent{display:flex;gap:12px;align-items:flex-start;color:#6b544b;font-size:12px;font-weight:500;line-height:1.7;cursor:pointer;margin-bottom:13px}
.consent input{appearance:auto;accent-color:var(--maroon);margin:4px 0 0;flex:none;width:16px;height:16px}
.privacy-note{font-size:11px;line-height:1.65;color:#8d7769;margin:16px 0 0}
.text-button{border:0;background:none;text-decoration:underline;color:var(--maroon);padding:0;font-size:inherit;font-weight:700}
.privacy-details{margin-top:10px;background:#f9f1e5;padding:12px;font-size:11px;color:#71564b;line-height:1.7}
.privacy-details a{font-weight:700}
.turnstile-container{margin:18px 0;min-height:70px}
.form-actions{border-top:1px solid #eee5d9;padding-top:22px;margin-top:27px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.primary-button{border:none;color:#fff;background:var(--maroon);padding:14px 21px;border-radius:3px;font-size:13px;font-weight:800;min-height:47px;display:inline-flex;gap:28px;align-items:center;justify-content:space-between;margin-left:auto;transition:transform .2s,background .2s}
.primary-button:hover:not(:disabled){background:#79231b;transform:translateY(-1px)}
.back-button{border:0;background:transparent;color:#6c4d40;font-size:13px;font-weight:800;padding:12px 2px}
.back-button:hover{text-decoration:underline}
.back-button span{margin-right:9px}
.form-footnote{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;color:#a18b7c;margin-top:22px;text-align:center}
.trap-field{display:none!important;position:absolute;left:-9999px}
.success-view{text-align:center;padding:23px 10px 20px}
.success-mark{margin:0 auto 19px;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:30px;background:#e2f1e7;color:#247445}
.success-view h3{font-size:27px;margin:12px 0 6px}
.success-view h4{font-size:18px;margin:0 0 10px;line-height:1.4}
.success-view>p{font-size:13px;line-height:1.8;color:#775e52;max-width:350px;margin:0 auto 20px}
.reference-box{border:1px dashed #c79c53;background:#fff6e3;padding:16px;margin:24px auto 18px;max-width:330px}
.reference-box>span{font-size:10px;letter-spacing:.14em;font-weight:800;color:#987247}
.reference-box div{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:9px}
.reference-box strong{font-size:24px;letter-spacing:.04em}
.reference-box button{border:1px solid #dac59f;background:white;padding:6px;display:grid;place-items:center;border-radius:3px}
.success-view p.success-detail{font-size:12px}
.success-link{margin:3px auto 0;text-decoration:none;justify-content:center}
.closing-banner{background:var(--maroon);color:#ffcc63;overflow:hidden}
.closing-inner{min-height:142px;display:flex;align-items:center;justify-content:center;gap:20px;flex-direction:column;padding-top:22px;padding-bottom:22px;text-align:center}
.closing-sun{font-size:22px;line-height:1}
.closing-inner p{font-size:23px;font-weight:700;letter-spacing:-.05em;margin:0}
.closing-inner>span:last-child{font-size:10px;font-weight:800;letter-spacing:.15em;color:#f7dfb7}
.footer{background:#fff;padding:31px 0}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.footer-identity{display:flex;gap:12px;align-items:center}
.footer-identity img{object-fit:contain}
.footer-identity strong{font-size:15px;display:block}
.footer-identity small{font-size:9px;letter-spacing:.07em;color:#785f53;font-weight:800;display:block;margin-top:6px}
.footer-contact{display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:12px}
.footer-contact a{font-weight:700}
.footer-contact span{font-size:11px;color:#91786c}
@media(max-width:1000px){.hero-inner{gap:40px}.registration-layout{gap:40px}.form-card{padding:32px 26px}.strip-english{display:none}.hero-panel{height:350px}.hero h1{font-size:51px}}
@media(max-width:780px){.shell{padding-left:22px;padding-right:22px}.site-header{height:84px}.brand-logo{width:57px;height:64px}.brand-tamil{font-size:16px}.brand-english{font-size:9px}.main-site{display:none}.nav-register{padding:10px 13px;gap:8px}.hero-inner{grid-template-columns:1fr;padding-top:55px;padding-bottom:60px;gap:48px}.hero-main{max-width:560px}.hero h1{font-size:clamp(44px,7.5vw,58px)}.hero-panel{max-width:420px;width:100%;justify-self:center}.registration-section{padding:55px 0 85px}.registration-layout{grid-template-columns:1fr;gap:42px}.registration-info{padding-top:0}.registration-info h2{font-size:38px}.benefits{max-width:none}.info-lead{max-width:none}.info-note{max-width:none}.form-card{max-width:610px;width:100%;margin:0 auto}.registration-info h2 br{display:none}.registration-info h2 br:after{content:" "}}
@media(max-width:480px){.shell{padding-left:18px;padding-right:18px}.site-header{height:76px}.brand{gap:8px}.brand-logo{width:50px;height:55px}.brand-tamil{font-size:13px;white-space:normal;line-height:1.5;max-width:200px}.brand-english{font-size:7.5px;letter-spacing:.02em}.nav-register{font-size:11px;padding:10px}.nav-register span{display:none}.hero-inner{padding-top:43px;padding-bottom:54px}.eyebrow{font-size:9px;letter-spacing:.06em}.hero h1{font-size:40px;margin:15px 0 7px}.hero-english{font-size:23px}.hero-panel{height:345px}.intro-strip .strip-inner{padding-top:19px;padding-bottom:19px;text-align:center;justify-content:center}.strip-inner p{font-size:11px;line-height:2}.strip-inner p span{padding:0 5px}.registration-section{padding-top:40px}.registration-info h2{font-size:32px}.form-card{padding:28px 18px 25px}.form-heading h3{font-size:25px}.stepper{gap:4px}.step-number{width:24px;height:24px}.step-label{font-size:9px}.step{gap:4px}.step-connector{min-width:4px}.two-fields{gap:10px}.choice{padding:11px 7px!important;gap:5px}.choice-art{width:26px;height:26px;font-size:18px}.choice-copy strong{font-size:11px}.choice-copy small{font-size:9px}.closing-inner p{font-size:17px;line-height:1.8}.footer-inner{flex-direction:column;align-items:flex-start;gap:18px}.footer-contact{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

[hidden]{display:none!important}
/* Prevent long text from widening the mobile grid. */
.registration-info{min-width:0}
.registration-info h2{overflow-wrap:anywhere}
.benefit>div{min-width:0}
@media(max-width:780px){
  .registration-layout{grid-template-columns:minmax(0,1fr)}
  .registration-info h2 br{display:initial}
  .registration-info h2 br:after{content:none}
}

/* Membership promise and bylaw-safe messaging. */
.community-kicker{display:block;line-height:2;color:#956029;letter-spacing:.08em}
.community-kicker [lang="ta"]{font-size:12px;letter-spacing:0;font-weight:700;white-space:normal}
.registration-info .community-title{font-family:'DM Sans',sans-serif;font-size:clamp(38px,4vw,50px);line-height:1.15;letter-spacing:-.065em;margin:20px 0 12px;overflow-wrap:normal}
.community-title .underlined::after{height:7px;bottom:3px}
.community-tamil{font-size:20px;line-height:1.8;letter-spacing:-.025em;font-weight:700;margin:8px 0 18px}
.registration-info .community-lead{color:#67453a;font-size:15px;line-height:1.75;margin:0 0 8px}
.community-translation{font-size:12px;color:#886f5e;line-height:1.9;margin:0 0 24px}
.membership-benefits{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.membership-benefits li{display:flex;gap:12px;align-items:flex-start;padding:13px 1px;border-bottom:1px solid var(--line)}
.membership-check{display:grid;place-items:center;flex:none;border-radius:50%;height:25px;width:25px;background:#fae6b2;color:#68300e;font-size:13px;font-weight:900;margin-top:2px}
.membership-benefits li>div{display:flex;flex-direction:column;min-width:0;gap:3px}
.membership-benefits strong{font-size:14px;letter-spacing:-.015em;line-height:1.5}
.membership-benefits [lang="ta"]{font-size:11px;color:#866d5e;line-height:1.65}
.voting-notice{display:flex;align-items:flex-start;gap:11px;margin-top:22px;border-left:3px solid #c78c21;background:#f9edce;padding:15px 16px}
.notice-icon{font-size:20px;color:#8b4b13;line-height:1.2;flex:none}
.voting-notice p{margin:0;color:#66462f;font-size:12px;line-height:1.7}
.voting-notice p+p{margin-top:9px;font-size:11px;color:#896c51}
.voting-notice strong{color:var(--maroon)}
.rollout-note{font-size:10px;color:#81695f;line-height:1.7;margin:14px 0 0}
@media(max-width:780px){.registration-info .community-title{font-size:clamp(38px,6vw,49px)}.community-translation{max-width:610px}}
@media(max-width:480px){.community-kicker{font-size:10px}.community-kicker [lang="ta"]{font-size:11px}.registration-info .community-title{font-size:37px}.community-tamil{font-size:16px}.registration-info .community-lead{font-size:14px}.membership-benefits li{padding:12px 0}.membership-benefits strong{font-size:13px}}

/* English-language portal refinements */
.brand-primary{font-size:20px;font-weight:800;letter-spacing:-.045em;line-height:1.1;color:var(--maroon)}
.brand-subtitle{font-size:10px;font-weight:700;letter-spacing:.055em;color:#74564c;white-space:nowrap}
.hero-art{right:12%;top:-160px;font-size:660px;font-family:Georgia,serif;transform:rotate(15deg)}
.hero h1{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(48px,5vw,72px);font-weight:800;line-height:1.13;letter-spacing:-.065em;margin:26px 0 18px}
.hero h1 em:after{bottom:-1px;height:7px}
.hero-english{font-size:21px;line-height:1.4;margin:20px 0 13px}
.hero-desc{line-height:1.75}
.panel-message{font-size:23px;line-height:1.55;text-align:center;font-weight:500;letter-spacing:-.045em;margin:0 0 30px;position:relative;z-index:1}
.panel-message strong{font-weight:800}
.strip-inner p{font-size:13px;letter-spacing:.065em}
.community-kicker{letter-spacing:.15em}
.registration-info .community-title{margin-bottom:20px}
.registration-info .community-lead{margin-bottom:13px;font-size:16px}
.community-invitation{font-size:13px;color:#916844;line-height:1.6;margin:0 0 24px;font-weight:700}
.membership-benefits strong{font-size:15px}
.membership-benefits small{font-size:11px;color:#97785c;line-height:1.5}
.form-heading h3{font-size:28px;line-height:1.25;margin:9px 0 6px;font-weight:800}
.step-header p{font-size:12px;color:#927868;line-height:1.6;margin:6px 0 0}
.faq-section{padding:75px 0 90px;background:#fff8ed;border-top:1px solid #f0e4d3}
.faq-inner{display:grid;grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr);gap:80px}
.faq-inner h2{font-size:clamp(31px,3.3vw,43px);line-height:1.16;letter-spacing:-.065em;margin:16px 0}
.faq-inner>div>p{font-size:14px;color:#795d50;line-height:1.8;max-width:340px}
.faq-list{border-top:1px solid #dfcfb8}
.faq-list details{border-bottom:1px solid #dfcfb8;padding:19px 0}
.faq-list summary{font-weight:800;font-size:14px;line-height:1.4;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:'+';font-size:22px;font-weight:500;color:#936b3c}
.faq-list details[open] summary:after{content:'−'}
.faq-list details p{font-size:13px;line-height:1.85;color:#6d544b;padding-right:25px;margin:15px 0 0}
@media(max-width:1000px){.hero h1{font-size:clamp(42px,5vw,60px)}}
@media(max-width:780px){.brand-primary{font-size:18px}.brand-subtitle{font-size:9px}.hero h1{font-size:clamp(47px,7.7vw,65px)}.faq-inner{grid-template-columns:1fr;gap:25px}.faq-section{padding:55px 0 70px}}
@media(max-width:480px){.brand-primary{font-size:14px;letter-spacing:-.04em}.brand-subtitle{font-size:7px;letter-spacing:0}.hero h1{font-size:clamp(39px,10vw,51px)}.hero-english{font-size:19px}.panel-message{font-size:21px}.registration-info .community-title{font-size:37px}.strip-inner p{font-size:10px;letter-spacing:0}.community-invitation{font-size:12px}.faq-list summary{font-size:13px}.closing-inner p{font-size:20px}}

/* Household membership: clearly grouped member name/age fields. */
.household-section{margin:10px 0 27px;border:1px solid #e6cf9d;background:#fffaf0;border-radius:5px;padding:19px}
.household-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.household-eyebrow{display:block;color:#a4772f;font-size:9px;font-weight:800;letter-spacing:.14em;margin-bottom:5px}
.household-heading h4{font-size:18px;letter-spacing:-.035em;margin:0;font-weight:800}
.household-count{font-size:11px;font-weight:800;border-radius:20px;background:#f9e6b5;padding:6px 11px;white-space:nowrap}
.household-intro{font-size:12px;line-height:1.75;color:#755a49;margin:0 0 16px}
.household-members{display:grid;gap:12px}
.household-member-card{border:1px solid #e7dcc9;border-radius:4px;background:#fff;padding:14px 15px 7px}
.member-card-title{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:12px}
.member-card-title strong{font-size:12px;flex:1}
.member-number{font-size:10px;font-weight:800;color:#8c6131;background:#f7ead2;display:grid;place-items:center;width:25px;height:25px;border-radius:50%}
.member-tag{font-size:8px;letter-spacing:.06em;color:#23613d;background:#e7f2e9;padding:5px 7px;border-radius:2px;font-weight:800}
.member-fields{display:grid;grid-template-columns:minmax(0,2fr) minmax(100px,1fr);gap:11px}
.member-fields .field{margin-bottom:7px}
.member-fields .field label{font-size:11px}
.member-fields .field input[readonly]{background:#f4f1eb!important;color:#846b5b!important;cursor:default}
.household-privacy{font-size:10px;line-height:1.75;color:#7a6355;margin:13px 2px 0}
@media(max-width:480px){.household-section{padding:13px 11px}.member-fields{grid-template-columns:minmax(0,1.6fr) minmax(84px,.8fr);gap:7px}.household-member-card{padding:11px 10px 8px}.member-tag{font-size:7px}.household-heading h4{font-size:15px}}

/* Official Sangam name: Tamil first, followed by English on a second line. */
.brand-titles{gap:5px}
.brand-tamil{font-family:'Noto Sans Tamil',Arial,sans-serif;font-weight:700;font-size:17px;letter-spacing:-.025em;line-height:1.25;color:var(--maroon);white-space:nowrap}
.brand-english.brand-primary{font-size:15px;letter-spacing:.012em;line-height:1.25;white-space:nowrap;color:#42160e}
.footer-tamil{font-family:'Noto Sans Tamil',Arial,sans-serif;font-size:13px!important;line-height:1.4}
.footer-english{font-size:12px!important;font-weight:800;letter-spacing:.04em;line-height:1.4;margin-top:3px}
@media(max-width:780px){.brand-tamil{font-size:14px}.brand-english.brand-primary{font-size:12px}}
@media(max-width:480px){.brand-titles{gap:4px}.brand-tamil{font-size:12px;max-width:none;line-height:1.35;white-space:nowrap}.brand-english.brand-primary{font-size:10px;letter-spacing:-.018em;white-space:nowrap}.nav-inner{gap:8px}.brand{gap:7px}.nav-register{font-size:11px;padding:9px 9px}}
@media(max-width:360px){.brand-tamil{font-size:11px}.brand-english.brand-primary{font-size:9px}.brand-logo{width:42px;height:48px}}

/* Simplified membership banner: message stays, previous large introductory hero removed */
.hero-simplified .hero-simple-inner{position:relative;z-index:1;min-height:275px;display:flex;align-items:center;justify-content:space-between;gap:35px;padding-top:44px;padding-bottom:46px}
.hero-simplified .hero-simple-copy{min-width:0;max-width:740px}
.hero-simplified .hero-simple-label{display:block;font-size:11px;letter-spacing:.14em;font-weight:800;color:#713010;margin-bottom:14px}
.hero-simplified .hero-simple-label span{font-size:14px;margin:0 5px}
.hero-simplified h1{font-size:clamp(32px,3.9vw,53px);line-height:1.21;letter-spacing:-.055em;margin:0 0 14px;font-weight:700}
.hero-simplified h1 strong{font-weight:800}
.hero-simplified .hero-simple-description{font-size:14px;line-height:1.75;color:#62331a;max-width:630px;margin:0}
.hero-simplified .hero-button{flex:none;white-space:nowrap}
.hero-simplified .hero-art{font-size:420px;right:19%;top:-145px}
.registration-info .community-title{margin-top:0}
@media(max-width:780px){
  .hero-simplified .hero-simple-inner{min-height:0;padding-top:45px;padding-bottom:47px;align-items:flex-start;flex-direction:column;gap:26px}
  .hero-simplified h1{font-size:clamp(32px,7vw,45px)}
  .hero-simplified .hero-art{right:-50px;top:-92px;font-size:350px}
}
@media(max-width:480px){
  .hero-simplified .hero-simple-inner{padding-top:36px;padding-bottom:41px;gap:23px}
  .hero-simplified h1{font-size:35px;line-height:1.25}
  .hero-simplified .hero-simple-label{font-size:9px;margin-bottom:11px}
  .hero-simplified .hero-simple-description{font-size:13px}
  .hero-simplified .hero-button{padding:14px 18px;font-size:12px}
}


/* 2-SECTION HOME: community story + registration. The form and backend remain unchanged. */
body{background:#fffaf2}
.site-header{height:102px;border-bottom:1px solid #e8d6b5}
.site-header .shell{max-width:1350px}
.split-nav{gap:27px}
.nav-community{font-size:13px;color:#64342b}
.split-main{background:#fff9ed}
.split-layout{display:grid;grid-template-columns:minmax(0,.97fr) minmax(0,1.03fr);max-width:1440px;margin:auto;min-height:calc(100vh - 102px)}
.story-panel{background:#ffc13b;min-width:0;position:relative;overflow:hidden;scroll-margin-top:12px}
.story-panel:before{content:'✳';position:absolute;font-size:500px;font-weight:300;line-height:1;opacity:.05;color:#51170d;top:38px;right:-130px;pointer-events:none}
.story-panel:after{content:'';position:absolute;right:-1px;top:0;bottom:0;border-right:1px solid #f1ae25}
.story-inner{max-width:630px;margin-left:auto;padding:64px clamp(34px,5vw,83px) 85px clamp(34px,5vw,86px);position:relative;z-index:1}
.panel-eyebrow{display:flex;align-items:center;gap:11px;color:#6a2418;font-size:10px;letter-spacing:.13em;font-weight:800;margin:0 0 26px}
.panel-eyebrow .dot{width:9px;height:9px;background:#77271a;border-radius:100%;flex:none}
.eyebrow-star{margin-left:auto;font-size:18px;font-weight:500}
.story-panel h1{font-size:clamp(38px,4.3vw,65px);letter-spacing:-.073em;line-height:1.14;font-weight:800;margin:0 0 25px;max-width:590px}
.story-panel h1 span{font-weight:800;color:#742012}
.story-intro{font-size:15px;line-height:1.85;max-width:515px;color:#592a17;margin:0 0 22px;font-weight:500}
.story-values{display:flex;align-items:center;flex-wrap:wrap;gap:14px;border-top:1px solid rgba(93,34,10,.3);border-bottom:1px solid rgba(93,34,10,.3);font-size:12px;font-weight:800;padding:16px 1px;margin:27px 0 42px;letter-spacing:.03em}
.story-values b{font-size:12px;color:#8c4212}
.story-about{background:rgba(255,248,228,.59);border:1px solid rgba(101,47,15,.22);border-radius:6px;padding:26px 27px 23px;box-shadow:7px 7px 0 rgba(94,41,11,.08)}
.panel-mini{margin:0 0 10px;font-size:10px;font-weight:800;letter-spacing:.14em;color:#91601b}
.story-about h2{font-size:clamp(30px,2.9vw,40px);letter-spacing:-.06em;line-height:1.15;margin:0 0 9px;font-weight:800}
.story-about>p:not(.panel-mini):not(.future-note){font-size:13px;color:#754623;line-height:1.6;margin:0 0 20px}
.two-benefits{list-style:none;margin:0;padding:0;border-top:1px solid rgba(104,53,13,.18)}
.two-benefits li{display:flex;align-items:flex-start;gap:12px;padding:13px 1px;border-bottom:1px solid rgba(104,53,13,.17)}
.two-benefits .check{display:grid;place-items:center;border-radius:50%;flex:none;margin-top:1px;width:24px;height:24px;background:#fff6da;color:#6b3019;font-weight:800;font-size:12px}
.two-benefits li div{display:flex;flex-direction:column;gap:4px;min-width:0}
.two-benefits strong{font-size:13px;line-height:1.45}
.two-benefits small{font-size:10px;line-height:1.5;color:#755637}
.bylaws-notice{border-left:3px solid #a86619;background:rgba(255,255,255,.47);padding:12px 15px;margin:23px 0 0}
.bylaws-notice strong{font-size:12px}
.bylaws-notice p{font-size:11px;line-height:1.6;margin:4px 0 0;color:#633f2c}
.future-note{margin:15px 0 0!important;font-size:10px!important;line-height:1.65!important;color:#79573c!important}
.story-cta{display:inline-flex;align-items:center;gap:26px;padding:15px 22px;background:#58180d;color:#fff;font-size:13px;font-weight:800;text-decoration:none;border-radius:4px;margin-top:30px;transition:transform .15s,background .15s}
.story-cta:hover{background:#722619;transform:translateY(-2px)}
.signup-panel{background:linear-gradient(180deg,#fffbf5 0%,#fff8ef 100%);min-width:0;scroll-margin-top:12px}
.signup-inner{max-width:745px;margin-right:auto;padding:63px clamp(30px,4.5vw,68px) 80px clamp(28px,4.3vw,63px)}
.signup-kicker{display:flex;align-items:center;gap:11px;font-size:10px;font-weight:800;color:#8a5c2b;letter-spacing:.1em;margin:2px 0 18px}
.gold-line{height:2px;width:26px;background:#cb8821;flex:none}
.free-small{margin-left:auto;font-size:9px;letter-spacing:.08em;border:1px solid #b2d4b5;background:#e9f5e9;color:#256340;padding:6px 9px;border-radius:2px;white-space:nowrap}
.signup-intro h2{font-size:clamp(31px,3vw,43px);line-height:1.13;letter-spacing:-.065em;margin:0 0 12px}
.signup-intro h2 em{font-style:normal;color:#96522b}
.signup-intro>p{font-size:13px;line-height:1.75;margin:0 0 26px;color:#806458;max-width:480px}
.signup-panel .form-card{border-radius:7px;padding:30px 32px 26px;box-shadow:0 15px 42px rgba(82,42,18,.07)}
.signup-panel .form-heading h3{font-size:24px}
.signup-panel .form-heading p{font-size:11px}
.signup-panel .stepper{gap:6px;margin:22px 0 28px;padding-top:24px}
.signup-panel .step-label{font-size:9px}
.signup-panel .field input:not([type="radio"]):not([type="checkbox"]),.signup-panel .field select,.signup-panel .field textarea{min-height:45px}
.compact-faq{margin:39px 0 0}
.compact-faq h3{margin:0 0 14px;font-size:22px;letter-spacing:-.05em}
.compact-faq details{border-top:1px solid #e1d3bf;padding:15px 0}
.compact-faq details:last-child{border-bottom:1px solid #e1d3bf}
.compact-faq summary{display:flex;justify-content:space-between;align-items:center;gap:8px;cursor:pointer;font-size:12px;font-weight:800;list-style:none}
.compact-faq summary::-webkit-details-marker{display:none}
.compact-faq summary:after{content:'+';font-size:20px;color:#8e6236;font-weight:400}
.compact-faq details[open] summary:after{content:'−'}
.compact-faq details p{font-size:12px;line-height:1.75;color:#745b4e;margin:12px 0 0}
.footer{border-top:1px solid #f0dfc5}
@media(min-width:1100px){.story-inner{position:sticky;top:0}}
@media(max-width:1050px){.split-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.story-inner{padding:48px 32px 60px}.signup-inner{padding:48px 29px 65px}.story-panel h1{font-size:46px}.story-about{padding:23px 20px}.signup-panel .form-card{padding:26px 24px}}
@media(max-width:800px){.split-layout{grid-template-columns:1fr}.story-inner{max-width:740px;margin:0 auto;padding:50px 32px 54px}.story-panel h1{font-size:clamp(40px,6vw,56px)}.story-intro{max-width:550px}.story-about{max-width:650px}.signup-inner{max-width:740px;margin:0 auto;padding:47px 32px 65px}.split-nav{gap:13px}.nav-community{display:none}.signup-intro h2{font-size:38px}}
@media(max-width:540px){.site-header{height:86px}.brand-logo{width:50px;height:57px}.site-header .shell{padding:0 14px}.nav-inner{gap:9px}.nav-actions .main-site{display:none}.nav-register{padding:10px!important;font-size:10px!important;gap:3px!important}.story-inner{padding:36px 20px 45px}.story-panel h1{font-size:clamp(38px,10vw,51px)}.story-intro{font-size:13px}.story-values{font-size:11px;gap:11px;margin-bottom:30px}.story-about{padding:22px 17px}.story-about h2{font-size:33px}.signup-inner{padding:39px 17px 53px}.signup-intro h2{font-size:33px}.signup-panel .form-card{padding:22px 17px 22px}.signup-panel .step-label{font-size:9px}.signup-panel .stepper{gap:5px}.signup-panel .step-number{height:24px;width:24px}.signup-panel .choice-grid{gap:8px}}

/* Membership pathways redesign · Free vs Volunteer-Based */
.pathway-hero{background:#ffc13b;position:relative;overflow:hidden;border-bottom:4px solid #6b1c10}
.pathway-hero-inner{position:relative;padding-top:66px;padding-bottom:72px;z-index:1}
.pathway-hero h1{font-weight:800;line-height:1.11;letter-spacing:-.075em;font-size:clamp(46px,6vw,81px);max-width:900px;margin:20px 0 20px;position:relative;z-index:2}
.pathway-hero h1 span{color:#742119}
.pathway-hero p:not(.pathway-eyebrow){font-size:16px;max-width:670px;line-height:1.85;margin:0 0 23px;color:#652c1b;position:relative;z-index:2}
.pathway-eyebrow{font-size:11px;letter-spacing:.15em;font-weight:800;margin:0;color:#6e2713;display:flex;gap:10px;align-items:center}
.pathway-eyebrow span{font-size:17px}
.pathway-hero-link{display:inline-flex;align-items:center;gap:14px;font-size:12px;font-weight:800;text-decoration:none;border-bottom:2px solid #6b1c10;padding:5px 0;position:relative;z-index:2}
.pathway-ornament{position:absolute;font-size:420px;right:-5%;top:-185px;color:rgba(92,40,8,.065);pointer-events:none;line-height:1}
.membership-pathways{padding:72px 0 62px;background:#fffcf6;scroll-margin-top:12px}
.pathway-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:31px}
.pathway-section-heading h2{font-size:clamp(32px,3.5vw,49px);line-height:1.12;letter-spacing:-.063em;margin:11px 0 0}
.pathway-section-heading>p{max-width:260px;line-height:1.7;font-size:13px;color:#7f6357;margin:0 0 3px}
.pathway-label{font-size:10px;font-weight:800;letter-spacing:.16em;color:#98652c}
.pathway-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pathway-card{padding:30px 33px 31px;border-radius:7px;display:flex;flex-direction:column;min-height:533px;position:relative;overflow:hidden}
.pathway-card-free{background:#fff0cd;color:#5e2115;border:1px solid #e6c88f}
.pathway-card-volunteer{background:#5f190f;color:#ffead0;border:1px solid #5f190f}
.pathway-card:before{content:'✳';position:absolute;font-size:310px;right:-85px;top:-70px;line-height:1;opacity:.06;pointer-events:none}
.pathway-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;position:relative;z-index:1}
.pathway-num{font-size:10px;font-weight:800;letter-spacing:.16em}
.pathway-price{font-size:24px;font-weight:800;letter-spacing:-.06em;display:flex;gap:8px;align-items:baseline}
.pathway-price small{font-size:9px;letter-spacing:.07em}
.pathway-symbol{margin:19px 0 8px;font-size:38px;font-weight:400;line-height:1}
.pathway-card h3{font-size:clamp(29px,3.1vw,41px);letter-spacing:-.067em;line-height:1.14;margin:6px 0 14px}
.pathway-lede{font-size:14px;line-height:1.7;margin:0 0 17px;max-width:440px;opacity:.93}
.pathway-card ul{padding:17px 0 0;margin:0 0 15px;list-style:none;border-top:1px solid currentColor;opacity:.92}
.pathway-card li{font-size:12px;line-height:1.5;padding:6px 0 6px 23px;position:relative}
.pathway-card li:before{content:'✓';position:absolute;left:0;font-weight:800}
.pathway-disclaimer{font-size:11px;line-height:1.6;opacity:.85;margin:auto 0 17px;padding-top:9px}
.choose-pathway{width:100%;min-height:47px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;font-size:12px;font-weight:800;border-radius:4px;border:1px solid currentColor;transition:transform .17s,box-shadow .17s}
.pathway-card-free .choose-pathway{background:#5f190f;color:white;border-color:#5f190f}
.pathway-card-volunteer .choose-pathway{background:#ffbe34;color:#54120c;border-color:#ffbe34}
.choose-pathway:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.12)}
.choose-pathway.chosen:before{content:'✓  ';font-weight:900}
.pathway-legal{border:1px solid #e8d4af;background:#fff8e8;border-left:4px solid #b87918;margin-top:23px;padding:17px 20px;display:flex;gap:20px;align-items:flex-start}
.pathway-legal strong{font-size:12px;min-width:127px}
.pathway-legal p{font-size:12px;line-height:1.7;color:#725241;margin:0}
.pathway-future{font-size:11px;color:#8b7264;line-height:1.7;margin-top:15px}
.signup-panel{background:linear-gradient(180deg,#fbf3e5 0%,#fffcf7 100%);border-top:1px solid #eee0cb}
.signup-panel .signup-inner{max-width:825px;margin:0 auto;padding:67px 24px 86px}
.signup-panel .signup-intro{text-align:center}
.signup-panel .signup-kicker{justify-content:center}
.signup-panel .signup-intro p{margin:0 auto 29px;max-width:620px}
.signup-panel .signup-intro h2{font-size:clamp(34px,4vw,48px)}
.signup-panel .form-card{padding:38px 44px}
.category-choice-grid .choice{min-height:87px;padding:13px!important}
.category-choice-grid .choice-copy strong{font-size:12px}
.category-choice-grid .choice-copy small{font-size:10px}
.pathway-note{padding:13px 14px;background:#fff6e3;border-left:3px solid #be8a38;font-size:11px;line-height:1.65;color:#72513a;margin-top:10px}
.volunteer-experience .field-help{font-size:11px;line-height:1.6;color:#806456;margin:0 0 9px}
.volunteer-experience[hidden]{display:none!important}
.signup-panel .compact-faq{max-width:740px;margin:37px auto 0}
@media(max-width:760px){.pathway-cards{grid-template-columns:1fr}.pathway-card{min-height:0}.pathway-section-heading{align-items:flex-start;flex-direction:column}.pathway-hero-inner{padding:49px 24px 55px}.pathway-hero h1{font-size:clamp(40px,7vw,58px)}.membership-pathways{padding:49px 0}.pathway-legal{display:block}.pathway-legal p{margin-top:6px}}
@media(max-width:540px){.pathway-hero-inner{padding:39px 20px 45px}.pathway-hero h1{font-size:clamp(38px,10vw,50px)}.pathway-hero p:not(.pathway-eyebrow){font-size:13px}.membership-pathways .shell{padding:0 18px}.pathway-card{padding:25px 21px}.pathway-card h3{font-size:33px}.pathway-section-heading h2{font-size:35px}.signup-panel .signup-inner{padding:43px 17px 60px}.signup-panel .form-card{padding:25px 18px}.category-choice-grid{grid-template-columns:1fr}.pathway-legal{padding:15px}.pathway-future{font-size:10px}.pathway-num{letter-spacing:.09em}}

/* Volunteer options sourced from the earlier member portal; integrated into the
   existing maroon/gold registration experience. */
.volunteer-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.volunteer-role-grid .interest{min-height:49px;justify-content:flex-start;font-size:12px!important}
.volunteer-stage-options{display:grid;gap:10px}
.volunteer-stage-option{display:flex!important;align-items:flex-start;gap:12px;padding:14px 16px!important;margin:0!important;
  background:#fffdfa;border:1px solid #e4d3bc;border-radius:5px;cursor:pointer}
.volunteer-stage-option input{accent-color:#682016;width:17px;height:17px;flex:none;margin:3px 0 0}
.volunteer-stage-option strong{display:block;font-size:13px;line-height:1.5;color:#54120c}
.volunteer-stage-option small{display:block;font-size:11px;font-weight:400;color:#856959;margin-top:4px}
.volunteer-stage-option.selected{border-color:#995023;background:#fff4df;box-shadow:inset 0 0 0 1px #d29a41}
.volunteer-review-explainer{border-left:3px solid #e1aa37;padding:12px 15px;background:#fff4df;margin:4px 0 22px;color:#6d381d}
.volunteer-review-explainer strong{font-size:12px}
.volunteer-review-explainer p{font-size:11px;line-height:1.7;margin:4px 0 0}
.volunteer-experience[hidden],.volunteer-review-explainer[hidden]{display:none!important}
@media(max-width:580px){.volunteer-role-grid{grid-template-columns:1fr}}