/* JLSR Infotech - Form pages (extends css/style.css design system) */
.form-hero{min-height:340px}
.form-hero .hero-content{padding:60px 0 120px;max-width:760px}
.form-hero h1{font-size:44px;margin-bottom:16px}
.form-hero h1 .hl{color:var(--cyan);font-size:inherit}
.form-hero p{color:#dce3f1;font-size:16px;max-width:620px}
.breadcrumb-lite{display:flex;gap:8px;align-items:center;margin-bottom:18px;font-size:13px}
.breadcrumb-lite a,.breadcrumb-lite span{color:#cfd9ec}
.breadcrumb-lite a:hover{color:#fff}
.form-main{margin-top:-80px;position:relative;z-index:5;padding-bottom:70px}
.form-card{background:#fff;border-radius:12px;box-shadow:0 8px 30px rgba(15,35,75,.12);border:1px solid var(--border);padding:34px}
.form-section-title{display:flex;align-items:center;gap:12px;margin:6px 0 20px;padding-bottom:12px;border-bottom:1px solid var(--border)}
.form-section-title .ic{width:38px;height:38px;border-radius:10px;background:#eaf0fb;color:var(--navy);display:grid;place-items:center;font-size:18px;flex:none}
.form-section-title h3{margin:0;font-size:17px;font-weight:600;color:var(--navy)}
.form-section-title small{display:block;color:#667085;font-size:12px;font-weight:400}
.form-section+.form-section{margin-top:34px}
.form-label{font-weight:500;font-size:13px;color:var(--heading);margin-bottom:6px}
.form-label .req{color:#d92d20;margin-left:2px}
.form-label .opt{color:#667085;font-weight:400;font-size:12px;margin-left:4px}
.form-control,.form-select{font-size:14px;min-height:44px;border:1px solid #d0d5dd;border-radius:6px;color:var(--heading);font-family:inherit}
textarea.form-control{min-height:110px;resize:vertical}
.form-control::placeholder{color:#98a2b3}
.form-control:focus,.form-select:focus{border-color:var(--navy);box-shadow:0 0 0 .22rem rgba(34,211,238,.25)}
.input-group-text{background:#f5f7fa;border:1px solid #d0d5dd;color:var(--navy);min-width:44px;justify-content:center}
.input-group>.form-control,.input-group>.form-select{min-height:44px}
.input-group:focus-within .input-group-text{border-color:var(--navy)}
.form-text{font-size:12px;color:#667085}
.was-validated .form-control:invalid,.form-control.is-invalid,.was-validated .form-select:invalid{border-color:#d92d20}
.was-validated .form-control:valid,.was-validated .form-select:valid{border-color:#12b76a}
.invalid-feedback{font-size:12px}
.form-check-input:checked{background-color:var(--navy);border-color:var(--navy)}
.form-check-input:focus{box-shadow:0 0 0 .22rem rgba(34,211,238,.25);border-color:var(--navy)}
.form-check-label{font-size:13px}
.form-check-label a{color:var(--navy);font-weight:600;text-decoration:underline}
.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.choice{position:relative}
.choice input{position:absolute;opacity:0;inset:0;cursor:pointer}
.choice label{display:flex;align-items:center;gap:8px;border:1px solid #d0d5dd;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:500;cursor:pointer;transition:.2s;background:#fff;height:100%}
.choice label i{color:var(--navy);font-size:16px}
.choice input:checked+label{border-color:var(--navy);background:#eaf0fb;box-shadow:0 0 0 1px var(--navy)}
.choice input:focus-visible+label{outline:3px solid rgba(34,211,238,.6);outline-offset:2px}
.upload-box{border:2px dashed #b8c4dc;border-radius:10px;background:#f8faff;padding:22px;text-align:center;transition:.2s}
.upload-box:hover,.upload-box.drag{border-color:var(--navy);background:#eef3fc}
.upload-box i{font-size:28px;color:var(--navy)}
.upload-box p{margin:6px 0 2px;font-weight:500}
.upload-box small{color:#667085}
.upload-box .file-name{display:block;margin-top:8px;color:#067647;font-weight:600;font-size:13px;word-break:break-all}
.upload-box input[type=file]{position:absolute;width:1px;height:1px;opacity:0}
.upload-box label.stretched{cursor:pointer;display:block;margin:0}
.upload-box:focus-within{border-color:var(--navy);box-shadow:0 0 0 .22rem rgba(34,211,238,.25)}
.btn-submit{background:var(--navy);border:1px solid var(--navy);color:#fff;padding:12px 30px;font-weight:600;text-transform:uppercase;border-radius:4px;transition:.2s}
.btn-submit:hover,.btn-submit:focus{background:var(--cyan);border-color:var(--cyan);color:var(--navy-dark);transform:translateY(-1px)}
.btn-reset{border:1px solid #d0d5dd;background:#fff;color:var(--heading);padding:12px 24px;font-weight:600;text-transform:uppercase;border-radius:4px}
.btn-reset:hover{background:#f5f7fa}
.form-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:30px;padding-top:22px;border-top:1px solid var(--border)}
.form-actions .secure{margin-left:auto;color:#667085;font-size:12px;display:flex;align-items:center;gap:6px}
.success-box{display:none;text-align:center;padding:40px 10px}
.success-box i{font-size:56px;color:#12b76a}
.success-box h3{font-size:22px;margin:12px 0 8px;color:var(--navy)}

/* side panel */
.side-stack{display:flex;flex-direction:column;gap:20px;position:sticky;top:100px}
.side-card{background:#fff;border:1px solid #4c72b1;border-radius:12px;box-shadow:var(--shadow);overflow:hidden}
.side-card .pad{padding:22px}
.side-card h4{font-size:16px;font-weight:600;color:var(--navy);margin-bottom:14px}
.side-media{height:260px;background-size:cover;background-position:center;position:relative}
.side-media:after{content:"";position:absolute;inset:0;}
.side-media .cap{position:absolute;left:20px;right:20px;bottom:16px;z-index:2;color:#fff;font-weight:600;font-size:16px;line-height:1.35}
.side-media .cap span{color:#fff;font-size:inherit}
.info-row{display:flex;gap:14px;align-items:flex-start;padding:10px 0}
.info-row+.info-row{border-top:1px solid #eef0f4}
.info-row .ic{width:40px;height:40px;border-radius:10px;background:#eaf0fb;color:var(--navy);display:grid;place-items:center;font-size:18px;flex:none}
.info-row strong{display:block;font-size:13px;color:var(--heading);font-weight:600}
.info-row span,.info-row a{font-size:13px;color:#475467}
.info-row a:hover{color:var(--navy)}
.check-list{list-style:none;padding:0;margin:0}
.check-list li{display:flex;gap:10px;padding:6px 0;font-size:13px;color:#344054}
.check-list li i{color:#12b76a;margin-top:2px}
.steps-list{list-style:none;padding:0;margin:0;counter-reset:s}
.steps-list li{display:flex;gap:12px;padding:8px 0;font-size:13px;position:relative}
.steps-list li:before{counter-increment:s;content:counter(s);width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:600;flex:none}
.dark-card{background:linear-gradient(135deg,var(--navy-dark),var(--navy));border:0;color:#fff}
.dark-card h4,.dark-card p,.dark-card li,.dark-card span,.dark-card a{color:#fff}
.dark-card .accent{color:var(--cyan)}
.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}
.mini-stats b{display:block;font-size:22px;color:var(--cyan);font-weight:700}
.mini-stats span{font-size:11px;color:#cfd9ec}
.trust-strip{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;margin-top:34px}
.trust-strip div{display:flex;align-items:center;gap:8px;color:#475467;font-size:13px;font-weight:500}
.trust-strip i{color:var(--navy);font-size:18px}
.benefit-cards .b-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px;height:100%;box-shadow:var(--shadow);transition:.2s}
.benefit-cards .b-card:hover{transform:translateY(-3px);border-color:var(--cyan)}
.benefit-cards .b-card .ic{width:46px;height:46px;border-radius:12px;background:#eaf0fb;color:var(--navy);display:grid;place-items:center;font-size:22px;margin-bottom:12px}
.benefit-cards h4{font-size:15px;font-weight:600;color:var(--navy)}
.benefit-cards p{margin:0;font-size:13px}
.hero-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.hero-chips span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:50px;padding:5px 14px;font-size:12px;display:inline-flex;gap:6px;align-items:center}
.skip-link{position:absolute;left:-999px;top:0;background:#fff;color:var(--navy);padding:8px 14px;z-index:2000}
.skip-link:focus{left:10px;top:10px}
.nav-link.current{color:#0d6efd}
.progress-lite{height:6px;background:#e4e7ec;border-radius:4px;overflow:hidden;margin-bottom:24px}
.progress-lite div{height:100%;width:0;background:linear-gradient(90deg,var(--navy),var(--cyan));transition:width .3s}
.progress-label{display:flex;justify-content:space-between;font-size:12px;color:#667085;margin-bottom:6px}
@media (max-width:991.98px){.side-stack{position:static;margin-top:8px}.form-hero h1{font-size:36px}.form-card{padding:26px}}
@media (max-width:767.98px){.form-hero{min-height:300px}.form-hero h1{font-size:28px;letter-spacing:-1px}.form-hero p{font-size:14px}.form-hero .hero-content{padding:44px 6px 110px}.form-card{padding:20px 16px}.form-actions .secure{margin-left:0;width:100%}.btn-submit,.btn-reset{width:100%}.form-label,.form-control,.form-select{font-size:14px}.trust-strip{gap:14px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}