.ngis-online-page { background: #f4f6f9; }
.ngis-online-hero { position: relative; overflow: hidden; padding: clamp(4.5rem,8vw,6rem) 0 clamp(3.25rem,6vw,4.5rem); color: #fff; background: radial-gradient(circle at 85% 20%,rgba(213,174,99,.22),transparent 30%),linear-gradient(125deg,#071b33,#123f70); }
.ngis-online-hero::after { content:''; position:absolute; width:26rem; height:26rem; right:-10rem; bottom:-15rem; border:1px solid rgba(213,174,99,.45); border-radius:50%; pointer-events:none; }
.ngis-online-hero .container { position:relative; z-index:1; max-width:900px; }
.ngis-online-hero .eyebrow { color:#d5ae63; }
.ngis-online-hero h1 { max-width:760px; margin:0 0 1rem; font-size:clamp(2.35rem,5vw,4.25rem); font-weight:800; line-height:1; letter-spacing:-.05em; }
.ngis-online-hero p:last-child { max-width:650px; color:rgba(255,255,255,.76); font-size:clamp(1rem,1.7vw,1.25rem); line-height:1.8; }
.ngis-online-section { padding:5rem 0; }
.ngis-online-section .section-header { max-width:700px; margin-bottom:2.5rem; }
.ngis-online-heading { color:#071b33; font-size:clamp(2rem,4vw,3.2rem); line-height:1.12; }
.ngis-online-copy { color:#5f6b7a; font-size:1.05rem; line-height:1.85; }
.ngis-online-note { display:flex; gap:.8rem; align-items:flex-start; margin-top:2rem; padding:1rem 1.15rem; border-left:3px solid #d5ae63; background:#fff; color:#526174; line-height:1.6; }
.ngis-online-note i { color:#123f70; margin-top:.2rem; }
.ngis-application-card { padding:clamp(1.5rem,4vw,3rem); border-radius:1.25rem; background:#fff; box-shadow:0 20px 50px rgba(7,27,51,.1); }
.ngis-application-card form { display:grid; gap:1rem; }
.ngis-application-card fieldset { margin:0; padding:0 0 1.25rem; border:0; border-bottom:1px solid rgba(7,27,51,.1); }
.ngis-application-card legend { margin-bottom:1rem; color:#071b33; font-size:1.05rem; font-weight:800; }
.ngis-application-type-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:.75rem; }
.ngis-type-option { position:relative; display:block; cursor:pointer; }
.ngis-type-option input { position:absolute; opacity:0; pointer-events:none; }
.ngis-type-option span { display:block; padding:1rem; border:1px solid rgba(7,27,51,.14); border-radius:.65rem; background:#fbfcfd; }
.ngis-type-option input:checked + span { border-color:#d5ae63; background:#fff8ea; box-shadow:0 0 0 2px rgba(213,174,99,.18); }
.ngis-type-option strong, .ngis-type-option small { display:block; }
.ngis-type-option strong { color:#071b33; }
.ngis-type-option small { margin-top:.25rem; color:#657284; font-weight:400; }
.ngis-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.ngis-application-card label { display:grid; gap:.45rem; color:#071b33; font-size:.82rem; font-weight:800; }
.ngis-application-card input, .ngis-application-card select, .ngis-application-card textarea { width:100%; padding:.85rem 1rem; border:1px solid rgba(7,27,51,.14); border-radius:.55rem; color:#071b33; background:#fbfcfd; font:inherit; font-weight:400; }
.ngis-application-card input:focus, .ngis-application-card select:focus, .ngis-application-card textarea:focus { outline:0; border-color:#d5ae63; box-shadow:0 0 0 3px rgba(213,174,99,.15); }
.ngis-form-span-2 { grid-column:span 2; }
.ngis-applicant-2, .ngis-entity-section { display:none; }
.ngis-applicant-2.is-visible, .ngis-entity-section.is-visible { display:block; }
.ngis-check-label { display:flex !important; align-items:flex-start; gap:.6rem !important; font-weight:500 !important; color:#526174 !important; }
.ngis-check-label input { width:auto; margin-top:.2rem; }
.ngis-application-success { padding:2rem 0; text-align:center; }
.ngis-application-success i { color:#0b8f65; font-size:3rem; }
.ngis-application-success h2 { margin:1rem 0 .5rem; color:#071b33; }
.ngis-application-success p { color:#5f6b7a; }
.ngis-application-error { margin-bottom:1rem; padding:1rem; border-radius:.5rem; background:#fff0f0; color:#a12626; }
.ngis-kyc-card { height:100%; padding:2rem; border:1px solid rgba(7,27,51,.08); border-radius:1rem; background:#fff; box-shadow:0 12px 30px rgba(7,27,51,.07); }
.ngis-kyc-card > i { color:#c92d3b; font-size:2.5rem; }
.ngis-kyc-card h2 { margin:1.25rem 0 .75rem; color:#071b33; font-size:1.3rem; }
.ngis-kyc-card p { min-height:3.2rem; color:#5f6b7a; line-height:1.7; }
.ngis-online-link { display:inline-flex; gap:.5rem; align-items:center; margin-top:1rem; color:#123f70; font-weight:800; text-decoration:none; }
.ngis-online-empty { padding:3rem 1rem; text-align:center; color:#5f6b7a; }
.ngis-online-empty i { color:#d5ae63; font-size:2.5rem; }
.ngis-online-empty h2 { color:#071b33; }
.ngis-online-empty a { color:#123f70; font-weight:700; }
.ngis-flow-intro { display:flex; gap:1rem; align-items:flex-start; margin-bottom:1.5rem; }
.ngis-flow-step { display:grid; place-items:center; flex:0 0 2.25rem; width:2.25rem; height:2.25rem; border-radius:50%; color:#fff; background:#123f70; font-weight:800; }
.ngis-flow-intro h2 { margin:0 0 .35rem; color:#071b33; font-size:1.45rem; }
.ngis-flow-intro p { margin:0; color:#657284; line-height:1.6; }
.ngis-saved-application-meta { display:block; margin-top:.45rem; color:#657284; font-size:.78rem; }
.ngis-optional { color:#657284; font-size:.75rem; font-weight:400; }
.ngis-application-card label small { color:#657284; font-size:.75rem; font-weight:400; }
.ngis-login-prompt { display:flex; gap:.35rem; justify-content:center; margin-top:1.25rem; color:#657284; font-size:.9rem; }
.ngis-text-button { padding:0; border:0; color:#123f70; background:transparent; font-weight:800; text-decoration:underline; cursor:pointer; }
.ngis-application-success-inline { margin-bottom:1.25rem; padding:1rem; border-radius:.5rem; background:#edf9f4; color:#08764f; }
.ngis-application-success-inline i { margin-right:.35rem; }
.ngis-development-codes { display:grid; gap:.3rem; margin-bottom:1.25rem; padding:1rem; border:1px dashed #d5ae63; border-radius:.55rem; color:#795b1f; background:#fff8ea; font-size:.85rem; }
.ngis-development-codes strong { color:#071b33; }
.ngis-development-codes code { padding:.15rem .35rem; border-radius:.25rem; color:#071b33; background:#fff; font-weight:800; }
.ngis-client-modal { position:fixed; inset:0; z-index:1200; display:none; align-items:center; justify-content:center; padding:1rem; }
.ngis-client-modal.is-open { display:flex; }
.ngis-client-modal-backdrop { position:absolute; inset:0; background:rgba(7,27,51,.7); backdrop-filter:blur(3px); }
.ngis-client-modal-dialog { position:relative; z-index:1; width:min(100%,30rem); padding:2rem; border-radius:1rem; background:#fff; box-shadow:0 25px 80px rgba(0,0,0,.28); }
.ngis-client-modal-dialog h2 { margin:.25rem 0 .5rem; color:#071b33; }
.ngis-client-modal-dialog p:not(.eyebrow) { color:#657284; line-height:1.6; }
.ngis-client-modal-dialog form { display:grid; gap:1rem; margin-top:1.25rem; }
.ngis-client-modal-dialog label { display:grid; gap:.45rem; color:#071b33; font-size:.82rem; font-weight:800; }
.ngis-client-modal-dialog input { width:100%; padding:.85rem 1rem; border:1px solid rgba(7,27,51,.14); border-radius:.55rem; font:inherit; }
.ngis-client-modal-close { position:absolute; top:.75rem; right:.9rem; width:2rem; height:2rem; border:0; color:#071b33; background:transparent; font-size:1.75rem; line-height:1; cursor:pointer; }
.ngis-dashboard-bar { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:1.5rem; padding:1.25rem 1.5rem; border-radius:.8rem; background:#fff; box-shadow:0 12px 30px rgba(7,27,51,.07); }
.ngis-dashboard-bar strong { display:block; color:#071b33; }
.ngis-outline-button { padding:.65rem 1rem; border:1px solid #123f70; border-radius:.45rem; color:#123f70; font-weight:800; text-decoration:none; }
.ngis-status-card { padding:1.5rem; border-radius:1rem; background:#fff; box-shadow:0 12px 30px rgba(7,27,51,.07); }
.ngis-status-card h2 { margin:.25rem 0 .5rem; color:#071b33; font-size:1.45rem; }
.ngis-status-card p:not(.eyebrow) { color:#657284; line-height:1.6; }
.ngis-verification-row { display:flex; justify-content:space-between; gap:1rem; margin-top:1.25rem; padding-top:1rem; border-top:1px solid rgba(7,27,51,.1); color:#071b33; font-weight:800; }
.ngis-verification-row strong { color:#bd8123; }
.ngis-verification-row strong.is-verified { color:#08764f; }
.ngis-status-card > small { display:block; margin-top:.25rem; color:#657284; overflow-wrap:anywhere; }
.ngis-verify-form { display:grid; gap:.6rem; margin-top:.75rem; }
.ngis-verify-form label { display:grid; gap:.35rem; color:#071b33; font-size:.8rem; font-weight:800; }
.ngis-verify-form input { width:100%; padding:.7rem .8rem; border:1px solid rgba(7,27,51,.14); border-radius:.45rem; }
.ngis-verify-form .btn { padding:.65rem .8rem; font-size:.85rem; }
.ngis-resend-form { margin-top:.65rem; text-align:left; }
.ngis-locked-application { padding:3rem 1rem; border:1px dashed rgba(7,27,51,.18); border-radius:.75rem; text-align:center; color:#657284; }
.ngis-locked-application i { color:#d5ae63; font-size:2rem; }
.ngis-locked-application h3 { margin:1rem 0 .4rem; color:#071b33; }
@media (max-width:700px) { .ngis-form-grid, .ngis-application-type-grid { grid-template-columns:1fr; } .ngis-form-span-2 { grid-column:auto; } }
@media (max-width:600px) { .ngis-online-section { padding:3rem 0; } }