.partner-page { background:#f7f8fa; color:#172b45; }
.partner-main,.partner-main * { box-sizing:border-box; }
.partner-main { clear:both; font-family:Arial,sans-serif; }
.partner-container { width: min(1180px, calc(100% - 48px)); margin:0 auto; }
.partner-hero { background:#102a45; color:#fff; padding:76px 0; position:relative; overflow:hidden; }
.hero-grid { display:grid; grid-template-columns:1.2fr 1fr; gap:70px; align-items:center; }
.partner-main .partner-eyebrow { display:block; font-size:11px; font-weight:700; letter-spacing:1.8px; color:#537086; margin-bottom:18px; line-height:1.6; }
.partner-hero .partner-eyebrow { color:#aac0d2; }
.partner-main h1 { font-size:clamp(36px,4.5vw,60px); line-height:1.08; margin:0 0 24px; letter-spacing:-2px; color:#fff; font-weight:700; }
.partner-main h1 span { color:#ffb649; }
.partner-main p { font-size:15px; line-height:1.8; margin:0; }
.partner-hero p { color:#cfdae5; max-width:510px; font-size:17px; }
.partner-cta { display:inline-flex; gap:28px; align-items:center; background:#ffb649; color:#102a45; padding:17px 22px; margin-top:30px; border-radius:7px; font-size:15px; font-weight:700; text-decoration:none; }
.partner-cta:hover { background:#ffc66d; }
.hero-note { color:#aac0d2; font-size:12px; margin-top:18px; }
.hero-panel { border:1px solid #4a6074; border-radius:18px; padding:38px; background:#1c3751; }
.partner-main h2 { font-size:32px; line-height:1.2; letter-spacing:-.8px; margin:0 0 18px; color:#172b45; }
.hero-panel h2 { color:white; font-size:34px; }
.hero-panel p { font-size:15px; }
.network-visual { display:flex; align-items:center; margin:36px 0; }
.network-visual span { border:1px solid #668097; background:#29465f; border-radius:50%; width:90px; height:90px; display:flex; align-items:center; justify-content:center; text-align:center; flex-shrink:0; font-size:12px; line-height:1.5; }
.network-visual span:first-child { border-color:#ffb649; color:#ffbf61; }
.network-visual i { flex:1; border-top:2px dotted #758d9f; min-width:10px; }
.training-tag { border-top:1px solid #496075; padding-top:22px; color:#ffbf61; font-size:13px; line-height:1.9; }
.training-tag strong { color:#d9e3ec; font-weight:400; }
.partner-section { padding:65px 0; }
.partner-section h2 { max-width:620px; }
.benefit-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:30px; }
.benefit-card { background:white; border:1px solid #e1e6ec; border-radius:12px; padding:26px 22px; }
.card-number { color:#6c7e90; font-size:10px; letter-spacing:1px; font-weight:700; }
.partner-main h3 { font-size:19px; line-height:1.35; margin:22px 0 12px; color:#172b45; }
.benefit-card p,.requirements-section p,.application-heading p,.application-help p { color:#5c6c7e; font-size:14px; }
.requirements-section { display:grid; grid-template-columns:1fr 1.35fr; gap:70px; background:#edf1f5; border-radius:16px; padding:42px; }
.training-callout { border-left:3px solid #efa333; padding:8px 0 8px 18px; margin-top:28px; line-height:1.7; font-size:15px; }
.requirements-list { list-style:none; margin:0; padding:0; }
.requirements-list li { display:flex; gap:16px; padding:18px 0; border-bottom:1px solid #d6dfe7; }
.requirements-list li:first-child { padding-top:0; }
.requirements-list li:last-child { border-bottom:0; padding-bottom:0; }
.requirements-list li>span { color:#207756; background:#dcebe3; width:26px; height:26px; border-radius:50%; display:flex; justify-content:center; align-items:center; flex-shrink:0; }
.requirements-list h3 { margin:0 0 5px; font-size:16px; }
.application-section { padding:65px 0; scroll-margin-top:24px; }
.application-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:28px; }
.application-badge { border:1px solid #cdd8e2; border-radius:30px; padding:10px 16px; white-space:nowrap; font-size:12px; color:#52667a; }
.application-card { background:white; border:1px solid #dfe5eb; border-radius:16px; padding:30px; }
.partner-main .tab { display:flex; gap:12px; border-bottom:1px solid #dfe5eb; padding-bottom:20px; margin-bottom:26px; }
.partner-main .tablinks { background:#eef2f6; border:0; border-radius:6px; color:#52667a; padding:14px 20px; font-size:14px; cursor:pointer; }
.partner-main .tablinks.active { background:#102a45; color:white; }
.partner-main .tablinks:disabled { opacity:.6; cursor:default; }
.partner-main .member_registration { float:none; display:flow-root; width:100%; }
.partner-main .feedback_left,.partner-main .feedback_right { width:48%; margin:0; }
.partner-main .feedback_right { float:right; }
.partner-main .feedback_box_new { width:100%; min-height:48px; height:auto; padding:13px 14px; margin:0 0 15px; border:1px solid #ccd6e0; border-radius:6px; background:#fff; color:#172b45; font-family:inherit; font-size:14px; }
.partner-main input[type=file] { max-width:100%; font-size:13px; margin:10px 0; }
.partner-main .btn { background:#102a45; color:white; border:0; border-radius:6px; padding:15px 22px; height:auto; width:auto; cursor:pointer; font-size:14px; margin:12px 0; }
.partner-main .application-help { float:right; width:44%; background:#f3f6f9; padding:25px; border-radius:10px; }
.application-help h3 { margin-top:0; }
.application-help p+p { margin-top:12px; }
.partner-main #map_canvas { width:100% !important; max-width:100%; border-radius:8px; margin-top:12px; }
.partner-main #map_lat,.partner-main #map_log { max-width:46%; padding:10px; border:1px solid #ccd6e0; border-radius:5px; }
.partner-main #digipin { max-width:100%; border:1px solid #ccd6e0; border-radius:6px; padding:12px; }
.partner-main :focus-visible { outline:3px solid #e7a13b; outline-offset:3px; }
@media(max-width:1000px) { .hero-grid { gap:30px; } .hero-panel { padding:25px; } .network-visual span { width:75px; height:75px; } .benefit-grid { grid-template-columns:repeat(2,1fr); } .requirements-section { gap:35px; } }
@media(max-width:700px) { .partner-container { width:calc(100% - 32px); } .partner-hero { padding:44px 0; } .hero-grid,.requirements-section { grid-template-columns:1fr; } .partner-main h1 { letter-spacing:-1px; } .partner-main h2 { font-size:27px; } .hero-panel { margin-top:8px; } .network-visual { max-width:360px; } .partner-section,.application-section { padding:40px 0; } .requirements-section { padding:26px; } .benefit-grid { gap:12px; } .benefit-card { padding:20px 16px; } .application-heading { display:block; } .application-badge { display:none; } .application-card { padding:20px; } .partner-main .tablinks { padding:12px 10px; font-size:12px; } .partner-main .feedback_left,.partner-main .feedback_right,.partner-main .application-help { float:none; width:100%; } .partner-main .application-help { margin-bottom:24px; } }
@media(max-width:420px) { .benefit-grid { grid-template-columns:1fr; } }
/* Second design pass: brand-led opening, photography, and clearer application. */
.partner-page { background:#fff; }
.partner-hero { background:linear-gradient(115deg,#f5f8fc 0%,#eef4fb 100%); color:#16375e; padding:64px 0 56px; }
.partner-hero .partner-eyebrow { color:#38659b; }
.partner-main h1 { color:#123b83; font-size:clamp(34px,4.3vw,57px); line-height:1.14; letter-spacing:-1.8px; }
.partner-main h1 span { color:#bc6c0a; }
.partner-hero p { color:#52667a; font-size:16px; }
.partner-cta { background:#123b83; color:#fff; border-radius:8px; box-shadow:0 8px 18px #123b8320; }
.partner-cta:hover { background:#0d2d64; color:#fff; }
.hero-note { color:#657a91; }
.hero-panel { background:#fff; padding:0; border:1px solid #dce5f0; border-radius:18px; overflow:hidden; box-shadow:0 18px 45px #123b8312; }
.partner-photo { height:230px; overflow:hidden; background:#c1d9e6; }
.partner-photo img { width:100%; height:100%; object-fit:cover; object-position:left; }
.hero-panel-copy { padding:26px 30px; }
.hero-panel h2 { color:#123b83; font-size:29px; margin-bottom:12px; }
.hero-panel .partner-eyebrow { font-size:10px; margin-bottom:12px; }
.hero-panel p { font-size:14px; }
.training-tag { border:0; background:#eef5ee; border-radius:6px; margin-top:20px; padding:12px; color:#286843; font-size:12px; font-weight:700; }
.training-tag span { margin-right:8px; }
.partner-strip { display:grid; grid-template-columns:repeat(4,1fr); padding:26px 0; border-bottom:1px solid #e0e7ee; }
.partner-strip>div { padding:0 24px; border-right:1px solid #e0e7ee; }
.partner-strip>div:first-child { padding-left:0; }
.partner-strip>div:last-child { border-right:0; }
.partner-strip strong,.partner-strip span { display:block; }
.partner-strip strong { color:#123b83; font-size:16px; }
.partner-strip span { color:#728197; font-size:12px; margin-top:3px; }
.benefit-card { border-top:3px solid #edb453; background:#f9fbfd; }
.card-number { color:#38659b; }
.requirements-section { background:#123b83; color:white; }
.requirements-section h2,.requirements-section h3 { color:white; }
.requirements-section .partner-eyebrow { color:#ffd187; }
.requirements-section p { color:#d3deef; }
.requirements-list li { border-color:#ffffff26; }
.requirements-list li>span { background:#ffffff18; color:#ffd187; }
.training-callout { background:#ffffff0b; border-color:#ffc267; padding:16px 18px; }
.application-section { padding-bottom:70px; }
.application-card { box-shadow:0 10px 36px #17345409; }
.partner-field-label { display:block; font-weight:700; font-size:13px; margin-bottom:7px; color:#314862; }
.partner-main input.feedback_btn { color:#fff; background:#123b83; line-height:1.5; }
.partner-main .feedback_box_new { box-shadow:none; float:none; }
.partner-main .tablinks.active { background:#123b83; }
@media(max-width:700px) { .partner-hero { padding:38px 0; } .partner-photo { height:190px; } .hero-panel-copy { padding:24px; } .partner-strip { grid-template-columns:repeat(2,1fr); gap:18px; } .partner-strip>div { padding:0 10px; border:0; } .partner-strip>div:first-child { padding-left:10px; } .partner-strip strong { font-size:14px; } .partner-strip span { font-size:11px; } }
.simple-partner { display:grid; grid-template-columns:1.15fr 1fr; gap:50px; align-items:center; padding:48px 0 38px; }
.simple-partner h1 { font-size:36px; line-height:1.2; letter-spacing:-1px; margin-bottom:16px; }
.simple-partner-copy>p { max-width:520px; color:#5c6c7e; }
.simple-partner h2 { font-size:18px; letter-spacing:0; margin:24px 0 10px; }
.simple-requirements { padding-left:20px; color:#42566e; font-size:14px; line-height:1.7; }
.simple-requirements li { margin-bottom:6px; }
.simple-partner-copy .simple-training { color:#286843; font-weight:700; font-size:14px; margin-top:16px; }
.simple-partner .partner-cta { margin-top:20px; padding:12px 22px; }
.simple-shop { margin:0; }
.simple-shop img { display:block; width:100%; height:auto; }
.simple-shop figcaption { font-size:12px; text-align:center; color:#687c92; padding:12px 0; }
.application-section { border-top:1px solid #e2e8ef; padding-top:30px; }
.application-heading .partner-eyebrow,.application-badge { display:none; }
.application-heading h2 { font-size:25px; margin-bottom:7px; }
.application-heading { margin-bottom:20px; }
@media(max-width:700px) { .simple-partner { grid-template-columns:1fr; gap:24px; padding-top:30px; } .simple-partner h1 { font-size:29px; } .simple-shop { max-width:440px; } }