
:root{
  --navy:#073b5e;
  --navy2:#0a5273;
  --ink:#17344e;
  --gold:#efb23a;
  --gold2:#f7c65e;
  --line:#dbe5eb;
  --muted:#768d9e;
  --bg:#f4f7f9;
  --white:#fff;
  --green:#1b8756;
  --red:#b94141;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff;font-weight:600}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.brand-lockup{display:flex;align-items:center;gap:10px}
.brand-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--gold),var(--gold2));display:grid;place-items:center;color:var(--navy);font-weight:950;font-size:20px}
.brand-lockup b{display:block;font-weight:950;letter-spacing:.4px}
.brand-lockup small{display:block;color:#a9c3d0;font-size:8px;letter-spacing:1.8px;font-weight:900;margin-top:2px}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:7px;padding:12px 17px;font-weight:900}
.btn.primary{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#17344e}
.btn.secondary{background:#edf3f6;color:#21475f;border:1px solid #cfdee6}
.btn.ghost{border:1px solid #b7d0dd;color:#fff;background:#ffffff0a}
.btn.small{padding:8px 11px;font-size:11px}
.full{grid-column:1/-1}

.site-header{height:76px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:#fff;position:sticky;top:0;z-index:20}
.public-brand{color:#fff}
.site-header nav{display:flex;gap:28px}
.site-header nav a{font-size:13px;font-weight:850}
.header-login{background:var(--gold);color:#17344e}
.public-hero{min-height:590px;padding:76px 7vw;display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center;background:linear-gradient(115deg,#063650 0,#0d5c7c 56%,#dceff3 56%,#eff8f9 100%)}
.hero-content{color:#fff}
.eyebrow{font-size:10px;letter-spacing:2px;color:#ffd170;font-weight:950}
.public-hero h1{font-size:58px;line-height:1.03;margin:18px 0 20px;font-weight:950}
.public-hero h1 em{font-style:normal;color:#f4bf4d}
.public-hero p{max-width:650px;color:#d7e5ed;font-size:16px;line-height:1.75}
.hero-actions{display:flex;gap:12px;margin-top:27px}
.hero-panel{background:#fff;border-radius:14px;padding:28px;box-shadow:0 24px 65px #062f472b}
.hero-panel>span{font-size:9px;letter-spacing:1.5px;color:#648298;font-weight:950}
.hero-panel h3{font-size:28px;line-height:1.2;margin:13px 0 25px}
.hero-badge-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hero-badge-row div{background:var(--navy);color:#fff;border-radius:9px;padding:20px}
.hero-badge-row b{display:block;font-size:25px}
.hero-badge-row small{color:#afd0de}
.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:0 6vw;margin-top:-26px;position:relative;z-index:3}
.feature-strip article{background:#fff;border:1px solid var(--line);padding:25px;box-shadow:0 12px 30px #06365214}
.feature-strip span{color:#d19a2f;font-weight:950}
.feature-strip h3{font-size:17px}
.feature-strip p{font-size:12px;color:#698294;line-height:1.7}
.light-block{padding:90px 7vw;background:#f6f9fb}
.section-heading{text-align:center;max-width:740px;margin:auto}
.section-heading small{color:#b68727;font-weight:950;letter-spacing:1.7px}
.section-heading h2{font-size:38px;margin:10px 0}
.section-heading p{color:#71899a;line-height:1.7}
footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;background:#04283d;color:#a9c0cc;padding:45px 7vw}
footer .public-brand{margin-bottom:12px}
footer>div{display:flex;flex-direction:column;gap:8px}
footer b{color:#fff}
footer p{font-size:12px;line-height:1.7}

.auth-page{min-height:100vh;display:grid;place-items:center;padding:35px;background:linear-gradient(135deg,#063653,#0b6b88)}
.auth-shell{width:min(900px,96vw);background:#fff;border-radius:14px;padding:34px;box-shadow:0 30px 80px #00294155}
.auth-shell.narrow{width:min(440px,94vw)}
.auth-shell h1{font-size:29px;margin:25px 0 8px}
.auth-shell .brand-lockup b{color:var(--navy)}
.auth-shell .brand-lockup small{color:#6f8999}
.setup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:24px}
.stack-form{display:grid;gap:13px;margin-top:22px}
label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:900}
input,select,textarea{width:100%;padding:12px 13px;border:1px solid #cad9e2;border-radius:7px;outline:none;color:#17344e;background:#fff;font-weight:700}
input:focus,select:focus,textarea:focus{border-color:#0b7094;box-shadow:0 0 0 3px #0b709414}
label small{color:#7e919f;font-weight:650}
.section-label{padding-top:5px;color:#a9781e;font-size:11px;letter-spacing:1.1px;font-weight:950;border-bottom:1px solid #e3eaee;padding-bottom:7px}
.muted{color:#718697;line-height:1.65}
.notice{padding:12px 14px;border-radius:7px;margin:14px 0;font-size:13px;font-weight:800}
.notice.error{background:#ffe2e2;color:#9f3737}
.notice.success{background:#def5e8;color:#21794f}
.setup-actions{display:flex;gap:10px;margin-top:20px}

.portal-body{display:grid;grid-template-columns:220px 1fr;min-height:100vh;background:var(--bg)}
.sidebar{background:#052e47;color:#fff;padding:20px 14px;display:flex;flex-direction:column}
.sidebar-brand{padding:2px 5px}
.sidebar nav{display:grid;gap:5px;margin-top:30px}
.sidebar nav a{padding:12px;border-radius:7px;font-size:13px;font-weight:850;color:#dbe8ef}
.sidebar nav a:hover,.sidebar nav a.active{background:#0b5676;color:#fff}
.portal-main{padding:24px;min-width:0}
.portal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.portal-top small{color:#8197a8;font-size:9px;font-weight:950;letter-spacing:1.2px}
.portal-top h1{margin:4px 0;font-size:28px}
.portal-top>span{font-size:12px;color:#6f8698;font-weight:850}
.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.kpi-card{background:linear-gradient(135deg,#073b5e,#0b5f7f);color:#fff;border-radius:10px;padding:19px}
.kpi-card span{font-size:9px;color:#aed0de;font-weight:950;letter-spacing:1px}
.kpi-card b{display:block;font-size:27px;margin-top:7px}
.kpi-card small{display:block;color:#a8c6d3;margin-top:5px}
.split-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}
.panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;margin-top:15px;overflow:hidden}
.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.panel-head h2{font-size:18px;margin:0}
.panel-head small{display:block;color:#8498a7;font-size:10px;margin-top:3px}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}
.account-row{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #e8eef1}
.account-row b{display:block}
.account-row small{display:block;color:#8498a7;margin-top:3px}
.account-row strong{white-space:nowrap}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse}
th{text-align:left;padding:11px;color:#768d9e;font-size:9px;letter-spacing:.6px;border-bottom:1px solid #dbe5eb}
td{padding:12px 11px;border-bottom:1px solid #edf2f5;font-size:12px;font-weight:700}
.pill{display:inline-flex;padding:5px 8px;border-radius:14px;font-size:9px;font-weight:950}
.pill.credit{background:#def5e8;color:#187d4e}
.pill.debit{background:#ffe4e4;color:#aa3f3f}

.account-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.member-account-card{padding:22px;border-radius:11px;background:linear-gradient(135deg,#073b5e,#0c6c8d);color:#fff;box-shadow:0 12px 30px #07385221}
.member-account-card.selected{outline:3px solid var(--gold)}
.member-account-card small{display:block;color:#b4d2df}
.member-account-card b{display:block;font-size:27px;margin:10px 0}
.member-account-card span{font-size:11px;color:#d2e5ec}

.statement-page{background:#e8eef1;padding:30px}
.statement{max-width:980px;margin:auto;background:#fff;padding:35px}
.statement-head{display:flex;justify-content:space-between;gap:25px;border-bottom:3px solid var(--navy);padding-bottom:18px}
.dark-brand b{color:var(--navy)}
.dark-brand small{color:#6e8899}
.statement-head h1{font-size:19px;margin:0}
.statement-head p{font-size:10px;color:#748b9b}
.statement-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}
.statement-summary div{border:1px solid var(--line);padding:13px}
.statement-summary small{display:block;color:#7a8f9d;font-size:9px}
.statement-summary b{display:block;margin-top:5px}
.statement-disclaimer{font-size:10px;color:#7b8e99;margin-top:25px;line-height:1.6}
.print-button{display:flex;margin:15px auto}

@media print{
  .print-button{display:none!important}
  .statement-page{padding:0;background:#fff}
  .statement{max-width:none}
}
@media(max-width:900px){
  .site-header nav{display:none}
  .public-hero{grid-template-columns:1fr;background:#073b5e}
  .feature-strip{grid-template-columns:repeat(2,1fr)}
  .portal-body{grid-template-columns:78px 1fr}
  .sidebar .brand-lockup div,.sidebar nav a{font-size:0}
  .sidebar nav a::first-letter{font-size:16px}
  .split-grid{grid-template-columns:1fr}
  .account-cards{grid-template-columns:1fr}
}
@media(max-width:620px){
  .auth-page{padding:15px}
  .auth-shell{padding:24px}
  .setup-grid,.form-grid,.feature-strip,footer,.statement-summary{grid-template-columns:1fr}
  .public-hero{padding:55px 22px}
  .public-hero h1{font-size:43px}
  .portal-main{padding:14px}
  .kpi-grid{grid-template-columns:1fr}
}

/* Banking-style v3 */
.account-admin-grid{display:grid;gap:10px}
.admin-account-card{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}
.admin-account-card summary{list-style:none;cursor:pointer;padding:15px 16px;display:flex;justify-content:space-between;gap:14px;align-items:center}
.admin-account-card summary::-webkit-details-marker{display:none}
.admin-account-card summary small{display:block;color:#8297a6;margin-top:3px}
.summary-meta{display:flex;gap:12px;align-items:center}.summary-meta strong{white-space:nowrap}
.account-edit-form{padding:16px;border-top:1px solid var(--line);background:#f9fbfc}
.toggle-row{flex-direction:row;align-items:center;gap:8px}.toggle-row input{width:auto}
.status-chip{display:inline-flex;padding:5px 9px;border-radius:14px;font-size:9px;font-weight:950}
.status-chip.ok{background:#dcf4e7;color:#187c4e}.status-chip.warn{background:#fff0c9;color:#986500}.status-chip.danger{background:#ffe0e0;color:#a83d3d}.status-chip.info{background:#dff0ff;color:#136ea9}
.inline-form{display:flex;gap:7px;align-items:center}.inline-form select{min-width:115px;padding:7px 8px}
.restriction-banner{border-radius:10px;padding:15px 18px;margin-bottom:14px;border-left:5px solid}.restriction-banner strong{font-size:14px}.restriction-banner p{margin:5px 0 0;font-size:12px}.restriction-banner.warn{background:#fff6dc;border-color:#d89b22;color:#815b16}.restriction-banner.danger{background:#ffe7e7;border-color:#c44242;color:#8e3131}.restriction-banner.info{background:#e8f4ff;border-color:#287fb7;color:#1f5d84}
.animated-cards .member-account-card{position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.animated-cards .member-account-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #07385232}.animated-cards .member-account-card:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:#ffffff12;right:-55px;top:-55px;animation:cardPulse 5s ease-in-out infinite}@keyframes cardPulse{50%{transform:scale(1.18);opacity:.5}}
.card-status{margin-top:14px}
.member-quick-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px}
.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-list div{padding:12px;border:1px solid var(--line);border-radius:8px;background:#f8fafb}.detail-list span{display:block;color:#7d92a0;font-size:9px;font-weight:900;text-transform:uppercase}.detail-list b{display:block;margin-top:4px}
.beneficiary-form{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.transfer-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e8eef1}.transfer-row small{display:block;color:#8094a3;margin-top:3px}.transfer-row>div:last-child{display:flex;gap:9px;align-items:center}
@media(max-width:900px){.member-quick-grid{grid-template-columns:1fr}.summary-meta{flex-direction:column;align-items:flex-end}}

/* ===== Reference-style admin redesign ===== */
.ref-admin-body{margin:0;background:#fff;color:#17191d;font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:500}
.ref-topbar{height:62px;background:#123c68;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:30}
.ref-brand{display:flex;align-items:center;gap:10px;font-size:16px}.ref-brand-icon{width:34px;height:34px;border:1px solid #fff;border-radius:12px;display:grid;place-items:center;font-weight:900}
.ref-logout{background:#fff;color:#111;border-radius:10px;padding:10px 15px;font-size:13px}
.ref-admin-layout{display:grid;grid-template-columns:205px 1fr;min-height:calc(100vh - 62px)}
.ref-sidebar{background:#e6e8ed;padding:12px 10px}
.ref-sidebar nav{display:grid;gap:4px}.ref-sidebar a{padding:13px 11px;border-radius:9px;font-size:14px}.ref-sidebar a.active{background:#123c68;color:#fff}
.ref-main{padding:0 18px 80px;min-width:0}
.ref-pagehead{display:flex;justify-content:space-between;align-items:flex-start;margin:0 -18px 12px;padding:14px 18px 10px;border-bottom:1px solid #ddd}
.ref-pagehead h1{font-size:26px;margin:0 0 5px}.ref-pagehead p{margin:0;color:#777}
.ref-page-actions{display:flex;gap:8px}.ref-button{border:1px solid #cfd5db;background:#fff;border-radius:12px;padding:9px 14px;color:#111}.ref-button.soft{background:#f7fafc}.ref-button.primary{background:#123c68;color:#fff;border-color:#123c68}
.ref-stat-card{width:320px;border:1px solid #e4e6e8;border-radius:16px;padding:16px;margin:14px 0;background:#fff}.ref-stat-label{color:#777;font-size:13px;display:flex;align-items:center;gap:8px}.ref-dot{width:9px;height:9px;border-radius:50%;background:#8eabc3}.ref-stat-card>b{display:block;font-size:31px;margin:5px 0}.ref-stat-card small{color:#777}
.ref-card{border:1px solid #e2e4e8;border-radius:16px;padding:15px;background:#fff}.ref-recent{margin-top:10px}.ref-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.ref-card-head h2{font-size:16px}.ref-card-head span{border:1px solid #e2e4e8;border-radius:14px;padding:7px 10px;color:#777;font-size:11px}
.ref-tablewrap{overflow:auto}.ref-table{width:100%;border-collapse:collapse}.ref-table th,.ref-table td{text-align:left;border-bottom:1px solid #eee;padding:12px 10px;font-size:12px}.ref-table th{font-size:10px;color:#25282c}
.ref-searchbar{margin-bottom:10px}.ref-searchbar input{max-width:280px;padding:9px 12px;border:1px solid #d8dde3;border-radius:7px;font-size:12px}
.switch-form{margin:0}.switch{width:30px;height:17px;border:0;border-radius:20px;background:#e8ebef;padding:2px;position:relative}.switch span{display:block;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:.2s}.switch.on{background:#1aae5b}.switch.on span{transform:translateX(13px)}
.mini-dark-btn,.mini-more-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:7px;padding:7px 9px;background:#123c68;color:#fff;font-size:10px}.mini-more-btn{background:#151c2a}
.more-row td{background:#fafbfc}.more-panel{display:grid;grid-template-columns:180px 180px 1fr;gap:15px;padding:14px}.more-panel small{display:block;color:#777}.more-panel b{display:block;margin-top:5px}.ref-edit-account{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ref-edit-account label,.ref-wallet-form label{font-size:10px;font-weight:700}.ref-edit-account input,.ref-edit-account select,.ref-wallet-form input,.ref-wallet-form select{padding:8px;border:1px solid #d7dde2;border-radius:6px}.wide{grid-column:1/-1}.checkline{display:flex!important;flex-direction:row!important;align-items:center;gap:7px}.checkline input{width:auto}
.ref-wallet-form{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:780px}.wallet-card{max-width:850px}.empty-section{min-height:180px;display:grid;place-items:center;color:#777}
.ref-footer{position:fixed;bottom:0;left:205px;right:0;background:#fff;border-top:1px solid #333;padding:18px;text-align:center;font-size:12px;z-index:20}
@media(max-width:900px){.ref-admin-layout{grid-template-columns:72px 1fr}.ref-sidebar a{font-size:0}.ref-sidebar a::first-letter{font-size:14px}.ref-footer{left:72px}.more-panel{grid-template-columns:1fr}.ref-edit-account{grid-template-columns:1fr}}

/* User Actions modal */
body.modal-open{overflow:hidden}
.user-action-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;
  align-items:center;justify-content:center;padding:20px;z-index:999;
  backdrop-filter:blur(2px)
}
.user-action-overlay.show{display:flex}
.user-action-modal{
  width:min(560px,96vw);max-height:90vh;overflow:auto;background:#fff;
  border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.28)
}
.uam-head{display:flex;justify-content:space-between;align-items:flex-start;padding:22px 24px 16px;border-bottom:1px solid #e5e7eb}
.uam-head h2{margin:0;font-size:20px}.uam-head p{margin:5px 0 0;color:#718096;font-size:13px}
.uam-close{border:0;background:transparent;font-size:30px;color:#777;line-height:1}
.uam-user{padding:20px 24px 10px;border-bottom:2px solid #999;margin:0 24px 18px}
.uam-user b{font-size:17px}.uam-user span{color:#7c8796;margin-left:4px}
.uam-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 24px 24px}
.uam-btn{border:0;border-radius:8px;padding:13px 14px;font-weight:700;font-size:14px;cursor:pointer}
.uam-btn.dark{background:#1c2738;color:white}
.uam-btn.light{background:#f1f2f4;color:#111}
.uam-btn.red{background:#e3262a;color:white}
.uam-btn.wide{grid-column:1/-1}
.uam-edit{display:none;margin:0 24px 24px;padding:18px;border:1px solid #e1e5e9;border-radius:10px;background:#fafbfc}
.uam-edit.show{display:block}.uam-edit h3{margin:0 0 15px}
.uam-edit-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.uam-edit-form label{font-size:11px;font-weight:700}.uam-edit-form input,.uam-edit-form select{padding:9px;border:1px solid #d6dce2;border-radius:7px}
.uam-edit-form .wide{grid-column:1/-1}
.uam-notice{display:none;margin:0 24px 24px;padding:12px;border-radius:8px;background:#eef4ff;color:#285b8d;font-size:12px;font-weight:700}
.uam-notice.show{display:block}
@media(max-width:620px){
  .uam-grid,.uam-edit-form{grid-template-columns:1fr}
  .uam-btn.wide,.uam-edit-form .wide{grid-column:auto}
}

/* Dedicated Edit User page */
.edit-user-main{max-width:1100px;margin:0 auto;padding-top:20px}
.edit-user-pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.edit-user-pagehead h1{font-size:28px;margin:0 0 6px}.edit-user-pagehead p{margin:0;color:#75808b}
.edit-user-actions{display:flex;align-items:center;gap:10px}.edit-user-actions form{margin:0}
.delete-user-btn{border:0;border-radius:6px;background:#ef3b3b;color:#fff;padding:10px 15px;font-weight:700}
.edit-user-card{border:1px solid #e1e5e9;border-radius:12px;background:#fff;overflow:hidden}
.edit-user-cardbar{padding:15px 20px;background:#f8f9fb;border-bottom:1px solid #e4e7ea;display:flex;align-items:center;justify-content:space-between;color:#7d8791;font-size:11px}
.save-top-btn{border:0;border-radius:6px;background:#2e62df;color:#fff;padding:10px 17px;font-weight:700}
.edit-user-form{padding:0 22px}
.edit-section{padding:25px 0;border-bottom:1px solid #eceef1}.edit-section h3{font-size:12px;letter-spacing:.6px;color:#26364a;margin:0 0 18px}
.edit-grid{display:grid;gap:14px}.edit-grid.two{grid-template-columns:repeat(2,1fr)}.edit-grid.three{grid-template-columns:repeat(3,1fr)}
.edit-grid label{font-size:10px;color:#707b88;font-weight:600}.edit-grid input,.edit-grid select{margin-top:6px;padding:10px 11px;background:#fafbfc;border:1px solid #dde1e5;border-radius:5px;color:#17191d;font-size:12px}
.edit-grid input[readonly]{background:#f1f3f5;color:#555}
.edit-grid label small{display:block;margin-top:5px;color:#99a2ad;font-size:9px;font-weight:500}
.edit-grid .wide{grid-column:1/-1}.hidden-control{display:none!important}
.edit-bottom-actions{display:flex;justify-content:flex-end;gap:10px;padding:22px 0 28px}
@media(max-width:800px){.edit-user-main{padding:14px}.edit-user-pagehead{flex-direction:column}.edit-user-actions{flex-wrap:wrap}.edit-grid.two,.edit-grid.three{grid-template-columns:1fr}.edit-user-cardbar{gap:10px;flex-direction:column;align-items:flex-start}}

/* ===== Disable Deposit / Transfer reason modal ===== */
.disable-feature-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.58);display:none;
  align-items:center;justify-content:center;padding:22px;z-index:1200;
  backdrop-filter:blur(2px)
}
.disable-feature-overlay.show{display:flex}
.disable-feature-modal{
  width:min(620px,95vw);background:#fff;border-radius:18px;padding:34px 36px;
  box-shadow:0 30px 90px rgba(0,0,0,.32)
}
.dfm-head h2{margin:0;color:#153d68;font-size:25px;font-weight:900}
.dfm-head p{font-size:17px;line-height:1.45;color:#565f69;margin:20px 0 24px;font-weight:600}
.disable-feature-modal textarea{
  width:100%;resize:vertical;min-height:125px;border:1px solid #cbd3db;border-radius:8px;
  padding:17px;font-size:15px;line-height:1.5;color:#172230;font-weight:600;outline:none
}
.disable-feature-modal textarea:focus{border-color:#153d68;box-shadow:0 0 0 3px rgba(21,61,104,.09)}
.dfm-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}
.dfm-cancel,.dfm-submit{border:0;border-radius:8px;padding:13px 25px;font-weight:900;font-size:16px}
.dfm-cancel{background:#7c8790;color:#fff}.dfm-submit{background:#143e6d;color:#fff}

/* ===== Member-facing feature messages ===== */
.member-feature-alert{
  display:flex;gap:14px;align-items:flex-start;padding:16px 18px;margin:0 0 12px;
  border-radius:11px;border:1px solid;font-weight:700
}
.member-feature-alert .mfa-icon{
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  font-size:17px;font-weight:950;flex:0 0 auto
}
.member-feature-alert strong{display:block;font-size:14px;font-weight:950}
.member-feature-alert p{margin:5px 0 0;font-size:12px;line-height:1.55;font-weight:700}
.deposit-alert{background:#fff6df;border-color:#e5ba53;color:#775315}
.deposit-alert .mfa-icon{background:#ffe8aa}
.transfer-alert{background:#ffe9e9;border-color:#df7474;color:#8b3535}
.transfer-alert .mfa-icon{background:#ffd0d0}

/* ===== Cleaner, bolder portal typography ===== */
.ref-admin-body,.portal-body{font-weight:600}
.ref-topbar,.ref-sidebar a,.ref-pagehead h1,.ref-card-head h2,
.ref-table th,.ref-table td,.portal-top h1,.panel-head h2{
  font-weight:800
}
.ref-pagehead h1{letter-spacing:-.4px}
.ref-table th{font-size:11px;color:#263341}
.ref-table td{font-size:13px;color:#222d38}
.ref-sidebar a{font-size:15px}
.ref-card{box-shadow:0 4px 18px rgba(30,48,67,.035)}
.ref-searchbar input{font-weight:700}
.mini-dark-btn,.mini-more-btn{font-weight:900}
.portal-main{color:#18334b}
.panel{box-shadow:0 6px 18px rgba(25,50,72,.04)}
.panel-head h2{font-size:19px}
.account-row b,.transfer-row b,.detail-list b{font-weight:900}
.member-account-card b{font-weight:950}
.member-account-card small,.member-account-card span{font-weight:750}

/* ===== Browser-fit desktop admin layout ===== */
@media (min-width: 1100px){
  .ref-topbar{
    height:58px;
    padding:0 16px;
  }

  .ref-brand{
    font-size:14px;
    gap:8px;
  }

  .ref-brand-icon{
    width:32px;
    height:32px;
    border-radius:10px;
    font-size:14px;
  }

  .ref-logout{
    padding:8px 12px;
    font-size:12px;
    border-radius:8px;
  }

  .ref-admin-layout{
    grid-template-columns:185px minmax(0,1fr);
    min-height:calc(100vh - 58px);
  }

  .ref-sidebar{
    padding:10px 8px;
  }

  .ref-sidebar nav{
    gap:3px;
  }

  .ref-sidebar a{
    padding:11px 10px;
    border-radius:8px;
    font-size:13px;
  }

  .ref-main{
    padding:0 14px 68px;
    width:100%;
    max-width:none;
  }

  .ref-pagehead{
    margin:0 -14px 10px;
    padding:10px 14px 8px;
  }

  .ref-pagehead h1{
    font-size:25px;
    line-height:1.05;
  }

  .ref-pagehead p{
    font-size:12px;
  }

  .ref-card{
    padding:12px;
    border-radius:13px;
  }

  .ref-searchbar{
    margin-bottom:8px;
  }

  .ref-searchbar input{
    max-width:360px;
    height:36px;
    padding:7px 11px;
    font-size:11px;
  }

  .ref-table{
    table-layout:auto;
  }

  .ref-table th,
  .ref-table td{
    padding:10px 8px;
    white-space:nowrap;
  }

  .ref-table th{
    font-size:10px;
  }

  .ref-table td{
    font-size:11.5px;
  }

  .users-table th:nth-child(1),
  .users-table td:nth-child(1){
    width:120px;
  }

  .users-table th:nth-child(2),
  .users-table td:nth-child(2){
    width:290px;
    max-width:290px;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .users-table th:nth-child(3),
  .users-table td:nth-child(3),
  .users-table th:nth-child(4),
  .users-table td:nth-child(4),
  .users-table th:nth-child(5),
  .users-table td:nth-child(5){
    width:78px;
    text-align:center;
  }

  .users-table th:nth-child(6),
  .users-table td:nth-child(6){
    width:70px;
    text-align:center;
  }

  .users-table th:nth-child(7),
  .users-table td:nth-child(7){
    width:72px;
    text-align:center;
  }

  .users-table th:nth-child(8),
  .users-table td:nth-child(8){
    min-width:170px;
  }

  .switch{
    width:28px;
    height:16px;
    padding:2px;
  }

  .switch span{
    width:12px;
    height:12px;
  }

  .switch.on span{
    transform:translateX(12px);
  }

  .mini-dark-btn,
  .mini-more-btn{
    padding:6px 8px;
    border-radius:6px;
    font-size:9px;
    min-width:44px;
  }

  .ref-footer{
    left:185px;
    padding:13px;
    font-size:10px;
  }

  .ref-stat-card{
    width:300px;
    padding:14px;
  }

  .ref-stat-card>b{
    font-size:27px;
  }

  .ref-card-head h2{
    font-size:15px;
  }

  /* Let the users table use nearly the full browser width */
  .ref-main > .ref-card{
    width:100%;
  }

  .ref-tablewrap{
    width:100%;
    overflow-x:auto;
  }
}

/* Extra-wide desktop: compact like supplied browser reference */
@media (min-width: 1450px){
  .ref-admin-layout{
    grid-template-columns:175px minmax(0,1fr);
  }

  .ref-main{
    padding-left:12px;
    padding-right:12px;
  }

  .ref-sidebar a{
    font-size:12.5px;
  }

  .ref-table th,
  .ref-table td{
    padding-top:9px;
    padding-bottom:9px;
  }

  .ref-table td{
    font-size:11px;
  }

  .ref-footer{
    left:175px;
  }
}

/* Prevent zoom-like oversized appearance on common laptop widths */
@media (min-width:1100px) and (max-width:1449px){
  .users-table th:nth-child(2),
  .users-table td:nth-child(2){
    width:250px;
    max-width:250px;
  }

  .users-table th:nth-child(8),
  .users-table td:nth-child(8){
    min-width:145px;
  }
}

/* ===== Exact direction: regular text, simple icons, full-screen admin ===== */
.ref-admin-body{
  font-family: Arial, "Segoe UI", sans-serif !important;
  font-weight:400 !important;
  background:#fff !important;
  color:#16181b !important;
}

.ref-admin-body *,
.ref-admin-body *::before,
.ref-admin-body *::after{
  font-weight:400;
}

.ref-topbar{
  height:54px !important;
  padding:0 14px !important;
  background:#123b67 !important;
  color:#fff !important;
  box-shadow:none !important;
}

.ref-brand{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  font-size:14px !important;
  font-weight:400 !important;
}

.ref-brand span{
  font-weight:400 !important;
}

.ref-brand-icon{
  width:31px !important;
  height:31px !important;
  border:1px solid rgba(255,255,255,.9) !important;
  border-radius:10px !important;
  background:transparent !important;
  display:grid !important;
  place-items:center !important;
}

.ref-brand-icon svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:#fff;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.ref-logout{
  padding:7px 11px !important;
  border:1px solid #c8ccd1 !important;
  border-radius:8px !important;
  background:#fff !important;
  color:#111 !important;
  font-size:11px !important;
  box-shadow:none !important;
  font-weight:400 !important;
}

.ref-admin-layout{
  grid-template-columns:180px minmax(0,1fr) !important;
  min-height:calc(100vh - 54px) !important;
  width:100% !important;
}

.ref-sidebar{
  background:#e7e9ed !important;
  padding:9px 8px !important;
  min-height:calc(100vh - 54px) !important;
}

.ref-sidebar nav{
  gap:4px !important;
}

.ref-sidebar a{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  padding:10px 9px !important;
  border-radius:8px !important;
  font-size:12px !important;
  font-weight:400 !important;
  color:#1b1e22 !important;
}

.ref-sidebar a svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:0 0 auto;
}

.ref-sidebar a.active{
  background:#123b67 !important;
  color:#fff !important;
  font-weight:400 !important;
}

.ref-main{
  padding:0 14px 70px !important;
  margin:0 !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
}

.ref-pagehead{
  margin:0 -14px 8px !important;
  padding:10px 14px 7px !important;
  min-height:48px !important;
  border-bottom:0 !important;
}

.ref-pagehead h1{
  margin:0 !important;
  font-size:23px !important;
  line-height:1.1 !important;
  letter-spacing:0 !important;
  font-weight:500 !important;
}

.ref-pagehead p{
  margin-top:4px !important;
  font-size:11px !important;
  color:#777 !important;
  font-weight:400 !important;
}

.ref-page-actions{
  gap:7px !important;
}

.ref-button{
  padding:7px 10px !important;
  font-size:10px !important;
  border-radius:8px !important;
  font-weight:400 !important;
}

.ref-card{
  width:100% !important;
  margin:0 !important;
  padding:11px !important;
  border:1px solid #e2e4e8 !important;
  border-radius:13px !important;
  box-shadow:none !important;
  background:#fff !important;
}

.ref-card + .ref-card{
  margin-top:10px !important;
}

.ref-searchbar{
  margin:0 0 9px !important;
}

.ref-searchbar input{
  width:310px !important;
  max-width:310px !important;
  height:34px !important;
  padding:6px 10px 6px 30px !important;
  font-size:10px !important;
  border:1px solid #d8dde3 !important;
  border-radius:6px !important;
  background:#fff !important;
  font-weight:400 !important;
}

.ref-tablewrap{
  width:100% !important;
  overflow-x:auto !important;
}

.ref-table{
  width:100% !important;
  table-layout:auto !important;
  border-collapse:collapse !important;
}

.ref-table th{
  padding:9px 8px !important;
  font-size:9.5px !important;
  color:#202226 !important;
  font-weight:500 !important;
  white-space:nowrap !important;
  border-bottom:1px solid #ededed !important;
}

.ref-table td{
  padding:9px 8px !important;
  font-size:10.5px !important;
  color:#202226 !important;
  font-weight:400 !important;
  white-space:nowrap !important;
  border-bottom:1px solid #ededed !important;
}

.users-table th:nth-child(1),
.users-table td:nth-child(1){
  width:110px !important;
}

.users-table th:nth-child(2),
.users-table td:nth-child(2){
  width:280px !important;
  max-width:280px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.users-table th:nth-child(3),
.users-table td:nth-child(3),
.users-table th:nth-child(4),
.users-table td:nth-child(4),
.users-table th:nth-child(5),
.users-table td:nth-child(5){
  width:74px !important;
  text-align:center !important;
}

.users-table th:nth-child(6),
.users-table td:nth-child(6),
.users-table th:nth-child(7),
.users-table td:nth-child(7){
  width:64px !important;
  text-align:center !important;
}

.users-table th:nth-child(8),
.users-table td:nth-child(8){
  width:auto !important;
  min-width:150px !important;
}

.switch{
  width:27px !important;
  height:15px !important;
  padding:2px !important;
  border-radius:20px !important;
}

.switch span{
  width:11px !important;
  height:11px !important;
}

.switch.on span{
  transform:translateX(12px) !important;
}

.mini-dark-btn,
.mini-more-btn{
  min-width:42px !important;
  padding:6px 7px !important;
  border-radius:6px !important;
  font-size:9px !important;
  font-weight:400 !important;
}

.ref-stat-card{
  width:300px !important;
  padding:13px !important;
  border-radius:14px !important;
  box-shadow:none !important;
}

.ref-stat-label{
  font-size:11px !important;
  font-weight:400 !important;
}

.ref-stat-card>b{
  font-size:26px !important;
  font-weight:500 !important;
}

.ref-stat-card small{
  font-size:10px !important;
  font-weight:400 !important;
}

.ref-card-head h2{
  font-size:14px !important;
  font-weight:500 !important;
}

.ref-card-head span{
  font-size:9px !important;
  font-weight:400 !important;
}

.status-chip{
  font-weight:400 !important;
}

.ref-footer{
  left:180px !important;
  padding:11px !important;
  font-size:10px !important;
  font-weight:400 !important;
  box-shadow:none !important;
}

.user-action-modal,
.disable-feature-modal,
.edit-user-card{
  font-family:Arial, "Segoe UI", sans-serif !important;
}

.uam-head h2,
.dfm-head h2,
.edit-user-pagehead h1{
  font-weight:500 !important;
}

.uam-btn,
.dfm-cancel,
.dfm-submit,
.save-top-btn,
.delete-user-btn{
  font-weight:400 !important;
}

@media (min-width:1500px){
  .ref-admin-layout{
    grid-template-columns:170px minmax(0,1fr) !important;
  }
  .ref-footer{
    left:170px !important;
  }
  .ref-sidebar a{
    font-size:11.5px !important;
  }
  .ref-main{
    padding-left:12px !important;
    padding-right:12px !important;
  }
}

@media(max-width:900px){
  .ref-admin-layout{
    grid-template-columns:62px minmax(0,1fr) !important;
  }
  .ref-sidebar a{
    justify-content:center !important;
  }
  .ref-sidebar a span{
    display:none !important;
  }
  .ref-sidebar a svg{
    width:17px !important;
    height:17px !important;
  }
  .ref-footer{
    left:62px !important;
  }
}

/* ===== Transfer Code column ===== */
.transfer-code-cell{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:175px;
}
.transfer-code-badge{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:5px 9px;
  border-radius:6px;
  background:#f4c84d;
  color:#2b2b2b;
  font-size:10px;
  font-weight:400;
  letter-spacing:.2px;
  white-space:nowrap;
}
.transfer-code-badge.expired{
  background:#f4c84d;
  opacity:.82;
}
.copy-code-btn{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border:1px solid #d8dde3;
  border-radius:6px;
  background:#fff;
  color:#536272;
  padding:0;
}
.copy-code-btn svg{
  width:13px;
  height:13px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.copy-code-btn:hover{
  border-color:#123b67;
  color:#123b67;
}
.copy-code-btn.copied{
  background:#e8f6ed;
  color:#1b7f49;
}
.transfer-code-expired{
  display:inline-flex;
  align-items:center;
  padding:4px 7px;
  border-radius:5px;
  background:#fbe2e2;
  color:#bb3d3d;
  font-size:9px;
  font-weight:400;
  white-space:nowrap;
}

/* Users table: last column now Transfer Code */
.users-table th:nth-child(8),
.users-table td:nth-child(8){
  min-width:180px !important;
  width:auto !important;
}

/* ===== Responsive 100% browser-fit system ===== */
html{
  width:100%;
  min-height:100%;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body{
  width:100%;
  min-height:100vh;
  margin:0;
  overflow-x:hidden;
}
*,*::before,*::after{box-sizing:border-box}
img,svg,video{max-width:100%;height:auto}
input,select,textarea,button{max-width:100%;font:inherit}

/* Desktop */
.ref-admin-layout{
  width:100%;
  min-width:0;
  grid-template-columns:clamp(160px,12vw,185px) minmax(0,1fr) !important;
}
.ref-main{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  overflow:hidden;
}
.ref-card,.ref-tablewrap{width:100%;min-width:0}
.ref-table{width:100%;min-width:900px}
.ref-footer{left:clamp(160px,12vw,185px) !important}

/* Normal laptop/tablet landscape */
@media (max-width:1199px){
  .ref-admin-layout{grid-template-columns:155px minmax(0,1fr) !important}
  .ref-sidebar a{font-size:11px !important;padding:9px 7px !important}
  .ref-main{padding-left:10px !important;padding-right:10px !important}
  .ref-pagehead{margin-left:-10px !important;margin-right:-10px !important;padding-left:10px !important;padding-right:10px !important}
  .ref-table th{font-size:9px !important;padding:8px 6px !important}
  .ref-table td{font-size:10px !important;padding:8px 6px !important}
  .ref-footer{left:155px !important}
}

/* Tablet / narrow browser */
@media (max-width:900px){
  .ref-topbar{height:52px !important}
  .ref-admin-layout{display:block !important}
  .ref-sidebar{
    min-height:auto !important;
    width:100% !important;
    padding:6px !important;
    overflow-x:auto;
    position:relative;
  }
  .ref-sidebar nav{
    display:flex !important;
    gap:5px !important;
    min-width:max-content;
  }
  .ref-sidebar a{
    justify-content:flex-start !important;
    padding:8px 10px !important;
  }
  .ref-sidebar a span{display:inline !important}
  .ref-main{padding:8px 8px 62px !important}
  .ref-pagehead{
    margin:0 0 8px !important;
    padding:5px 2px 8px !important;
    flex-wrap:wrap;
  }
  .ref-pagehead h1{font-size:21px !important}
  .ref-footer{left:0 !important}
  .ref-tablewrap{
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
  }
}

/* Phone */
@media (max-width:600px){
  .ref-topbar{padding:0 9px !important}
  .ref-brand{font-size:12px !important}
  .ref-brand-icon{width:28px !important;height:28px !important}
  .ref-logout{font-size:10px !important;padding:6px 8px !important}
  .ref-sidebar a{font-size:10px !important;padding:7px 8px !important}
  .ref-sidebar a svg{width:13px !important;height:13px !important}
  .ref-main{padding:7px 6px 58px !important}
  .ref-card{padding:8px !important;border-radius:9px !important}
  .ref-pagehead h1{font-size:19px !important}
  .ref-searchbar input{width:100% !important;max-width:none !important}
  .ref-stat-card{width:100% !important}
  .ref-page-actions{width:100%;justify-content:flex-start}
  .user-action-modal,.disable-feature-modal{width:calc(100vw - 20px) !important;max-height:92vh}
  .uam-grid{grid-template-columns:1fr !important}
  .uam-btn.wide{grid-column:auto !important}
  .dfm-actions{display:grid;grid-template-columns:1fr 1fr}
  .edit-user-actions{width:100%}
  .edit-user-cardbar{padding:12px}
  .member-quick-grid,.split-grid,.kpi-grid,.account-cards{grid-template-columns:1fr !important}
}

/* Very small phones */
@media (max-width:380px){
  .ref-brand span:last-child{font-size:11px !important}
  .ref-sidebar a{padding:6px 7px !important}
  .ref-pagehead h1{font-size:18px !important}
}

/* ===== Modern member dashboard ===== */
.member-modern{background:#f7f8fa;color:#172033;font-family:Arial,sans-serif}
.mb-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}
.mb-sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid #e8ebef;padding:22px 16px 92px;overflow:auto}
.mb-logo{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:600;color:#15382b;margin-bottom:38px}
.mb-logo-icon{width:40px;height:40px;border-radius:12px;background:#2e9b57;color:#fff;display:grid;place-items:center;font-size:20px}
.mb-section-title{font-size:10px;letter-spacing:1px;color:#9ba5b5;margin:22px 12px 14px}
.mb-sidebar nav{display:grid;gap:8px}
.mb-sidebar nav a{display:flex;align-items:center;gap:14px;padding:13px 14px;border-radius:11px;color:#4d586b;text-decoration:none;font-size:13px}
.mb-sidebar nav a.active{color:#172033;font-weight:600}.mb-sidebar nav a span{width:26px;text-align:center;font-size:18px}.mb-sidebar nav a i{margin-left:auto;width:7px;height:7px;border-radius:50%;background:#f2c746}
.mb-profile-mini{position:absolute;left:14px;right:14px;bottom:16px;border:1px solid #e5e8ed;border-radius:12px;padding:10px;display:flex;align-items:center;gap:9px;background:#fafafa}
.mb-profile-mini div:nth-child(2){min-width:0;flex:1}.mb-profile-mini strong,.mb-profile-mini small,.mb-user strong,.mb-user small{display:block}.mb-profile-mini small,.mb-user small{color:#788395;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.mb-profile-mini a{text-decoration:none;color:#ef5350}
.mb-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e5efe7;color:#19673a;font-weight:600}
.mb-main{min-width:0;padding:0 22px 35px}
.mb-header{height:78px;margin:0 -22px 20px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e8ebef}
.mb-header h1{margin:0;font-size:22px}.mb-header p{margin:5px 0 0;color:#788395;font-size:12px}.mb-user{display:flex;align-items:center;gap:9px}.mb-theme{border:0;background:#f7f8fa;border-radius:12px;width:38px;height:38px;margin-right:22px}
.mb-alert{padding:12px 15px;border-radius:10px;margin-bottom:12px;display:flex;gap:10px;font-size:12px}.mb-alert strong{font-weight:600}.mb-alert.warning{background:#fff7dd;color:#765b00}.mb-alert.danger{background:#fdeaea;color:#9d2d2d}
.mb-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.mb-kpi{position:relative;background:#fff;border:1px solid #edf0f3;border-radius:12px;padding:15px;min-height:116px;box-shadow:0 2px 7px rgba(0,0,0,.03)}.mb-kpi b{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;color:#fff;font-size:18px}.mb-kpi b.blue{background:#4385f5}.mb-kpi b.green{background:#21c464}.mb-kpi b.red{background:#ef4444}.mb-kpi b.pink{background:#e83e8c}.mb-kpi>span{position:absolute;right:15px;top:27px;font-size:10px;color:#667085}.mb-kpi>strong{display:block;margin-top:15px;font-size:17px}.mb-kpi small{display:block;color:#667085;margin-top:6px}
.mb-content-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,.85fr);gap:20px}.mb-content-grid>div{display:grid;gap:20px;align-content:start}
.mb-account-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#0c5928,#07531f);color:#fff;border-radius:14px;padding:21px;min-height:270px;box-shadow:0 8px 20px rgba(4,77,31,.14)}.mb-account-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.08);right:-25px;top:-35px}.mb-bankline{display:flex;justify-content:space-between;align-items:flex-start}.mb-bankline>div{text-align:right;background:rgba(255,255,255,.1);border-radius:11px;padding:10px 13px;font-size:9px;line-height:1.6}.mb-account-card>small{opacity:.75}.mb-account-info{display:grid;grid-template-columns:1.1fr 1fr .65fr;gap:20px;align-items:center;margin-top:28px}.mb-account-info small,.mb-account-info span,.mb-account-info em{display:block;font-size:10px;opacity:.75;font-style:normal;margin-bottom:6px}.mb-account-info strong{display:block;font-size:15px;margin-bottom:9px}.mb-account-info .balance{text-align:center}.mb-account-info .balance strong{font-size:25px}.mb-account-bottom{position:absolute;left:21px;right:21px;bottom:21px;display:flex;align-items:flex-end;justify-content:space-between}.mb-account-bottom>div{background:rgba(255,255,255,.11);border-radius:11px;padding:10px 13px}.mb-account-bottom small{display:block;opacity:.7}.mb-account-bottom strong{font-size:18px}.mb-account-bottom button{border:0;background:rgba(255,255,255,.18);color:#fff;border-radius:10px;padding:12px 20px;font-weight:600}.mb-account-bottom button:disabled{opacity:.4}
.mb-panel{background:#fff;border:1px solid #edf0f3;border-radius:12px;padding:15px;box-shadow:0 2px 7px rgba(0,0,0,.025)}.mb-panel h3{font-size:14px;margin:0 0 14px}.mb-panel-head{display:flex;justify-content:space-between}.mb-panel-head a{font-size:10px;color:#07531f;text-decoration:none}.mb-empty{min-height:75px;display:grid;place-items:center;color:#9ba5b5;font-size:12px}.mb-quick>div{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mb-quick button{border:0;background:none;display:grid;justify-items:center;gap:7px;font-size:20px;color:#2867d7}.mb-quick button span{font-size:11px;color:#283344}.mb-stats>div{display:flex;gap:10px;border-bottom:1px solid #edf0f3;padding:11px 5px}.mb-stats>div>b{width:30px;height:30px;border-radius:9px;background:#08712d;color:#fff;display:grid;place-items:center}.mb-stats>div:nth-of-type(2)>b{background:#f3b400}.mb-stats span{font-size:10px;color:#667085}.mb-stats span small,.mb-stats span strong{display:block;margin-top:3px}.mb-stats span strong{font-size:13px;color:#172033}.mb-stats footer{text-align:center;color:#7d8796;font-size:10px;padding-top:12px}.mb-tx-list>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #eee;font-size:11px}
.mb-transfer-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.mb-disabled{color:#b03a3a}.mb-transfer-panels p{font-size:11px;color:#687386}
@media(max-width:1050px){.mb-shell{grid-template-columns:190px minmax(0,1fr)}.mb-kpis{grid-template-columns:repeat(2,1fr)}.mb-content-grid{grid-template-columns:1fr}.mb-sidebar{padding-left:10px;padding-right:10px}}
@media(max-width:720px){.mb-shell{display:block}.mb-sidebar{position:relative;height:auto;padding:12px}.mb-logo{margin-bottom:12px}.mb-section-title{display:none}.mb-sidebar nav{display:flex;overflow:auto;margin-bottom:7px}.mb-sidebar nav a{white-space:nowrap;padding:9px}.mb-profile-mini{display:none}.mb-main{padding:0 10px 25px}.mb-header{margin:0 -10px 14px;padding:0 12px;height:64px}.mb-user>div:nth-of-type(2),.mb-user>span,.mb-theme{display:none}.mb-kpis{grid-template-columns:1fr 1fr;gap:8px}.mb-content-grid{display:block}.mb-content-grid>div{margin-bottom:12px}.mb-account-info{grid-template-columns:1fr 1fr}.mb-account-info>div:last-child{display:none}.mb-transfer-panels{grid-template-columns:1fr}.mb-quick>div{gap:5px}}
@media(max-width:440px){.mb-kpis{grid-template-columns:1fr}.mb-account-card{min-height:310px}.mb-account-info{grid-template-columns:1fr}.mb-account-info .balance{text-align:left}.mb-bankline>div{font-size:8px}.mb-account-bottom{left:15px;right:15px}.mb-account-bottom button{padding:10px}.mb-header h1{font-size:19px}}

.sc-public{margin:0;background:#fff;color:#172033;font-family:Arial,sans-serif}
.sc-header{height:76px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9edf1;background:#fff;position:sticky;top:0;z-index:50}
.sc-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#0d1a31}.sc-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#d4af37,#f2d27a);display:grid;place-items:center;color:#0b132b;font-weight:700;font-family:Georgia,serif}.sc-brand strong{display:block;letter-spacing:1.3px;font-family:Georgia,serif;font-size:16px}.sc-brand small{display:block;color:#7d8795;font-size:8px;letter-spacing:1.6px;margin-top:3px}.sc-nav{display:flex;gap:24px}.sc-nav a,.sc-text-link{color:#394556;text-decoration:none;font-size:12px}.sc-header-actions{display:flex;align-items:center;gap:14px}.sc-primary-btn,.sc-secondary-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:13px 18px;border-radius:8px;font-size:12px}.sc-primary-btn{background:#0b2c50;color:#fff}.sc-primary-btn.small{padding:10px 14px}.sc-secondary-btn{border:1px solid #cfd6de;color:#0b2c50;background:#fff}.sc-menu-btn{display:none;border:0;background:none;font-size:20px}
.sc-hero{min-height:610px;padding:80px clamp(24px,7vw,110px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;background:linear-gradient(125deg,#071427 0,#0b213b 57%,#f2f5f7 57%,#fafcfd 100%)}.sc-hero-copy{color:#fff}.sc-eyebrow,.sc-section-head>span,.sc-security-card>span,.sc-contact>div>span{font-size:9px;letter-spacing:1.8px;color:#d4af37}.sc-hero h1{font-family:Georgia,serif;font-weight:400;font-size:55px;line-height:1.04;margin:18px 0}.sc-hero h1 em{font-style:normal;color:#efcc6a}.sc-hero p{max-width:650px;line-height:1.75;color:#c4cfda;font-size:15px}.sc-hero-actions{display:flex;gap:10px;margin-top:28px}.sc-trust-row{display:flex;gap:28px;margin-top:34px;color:#96a7b8;font-size:10px}
.sc-hero-card{background:#fff;border-radius:18px;padding:28px;box-shadow:0 30px 80px rgba(5,27,49,.18)}.sc-hero-card-top{display:flex;justify-content:space-between}.sc-hero-card-top span{font-family:Georgia,serif;letter-spacing:1px}.sc-hero-card-top small{font-size:8px;color:#8793a1}.sc-hero-balance{padding:40px 0 28px}.sc-hero-balance small,.sc-hero-balance span{display:block;color:#81909e;font-size:10px}.sc-hero-balance strong{display:block;font-size:35px;margin:8px 0}.sc-hero-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.sc-hero-card-grid div{border:1px solid #e5e9ed;border-radius:9px;padding:12px}.sc-hero-card-grid small{display:block;color:#8793a1;font-size:8px}.sc-hero-card-grid b{display:block;margin-top:5px;font-size:12px}
.sc-help,.sc-services,.sc-resources{padding:85px clamp(24px,7vw,110px)}.sc-section-head{text-align:center;max-width:760px;margin:0 auto 40px}.sc-section-head.left{text-align:left;margin-left:0}.sc-section-head h2,.sc-security-card h2,.sc-contact h2{font-family:Georgia,serif;font-weight:400;font-size:38px;margin:9px 0}.sc-section-head p{color:#6f7c89;line-height:1.7}.sc-help-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e4e8ec}.sc-help-grid a{padding:28px;text-decoration:none;color:#172033;border-right:1px solid #e4e8ec;border-bottom:1px solid #e4e8ec}.sc-help-grid b{display:block;color:#d0a62e;font-size:10px}.sc-help-grid strong{display:block;margin:12px 0 8px;font-size:16px}.sc-help-grid span{color:#72808e;font-size:11px;line-height:1.6}
.sc-services{background:#f5f7f8}.sc-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sc-service-grid article{background:#fff;border:1px solid #e2e6ea;padding:26px}.sc-service-grid span{color:#c89c24;font-size:10px}.sc-service-grid h3{font-size:17px;font-weight:500}.sc-service-grid p{font-size:11px;color:#71808d;line-height:1.7}
.sc-promo{padding:70px clamp(24px,7vw,110px);display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;background:#0a213b;color:#fff}.sc-promo h2{font-family:Georgia,serif;font-size:38px;font-weight:400}.sc-promo p{color:#bdcbd6;line-height:1.7}.sc-promo-device{background:#fff;border-radius:16px;padding:12px;color:#172033}.sc-device-bar{display:flex;gap:5px;padding:5px}.sc-device-bar i{width:7px;height:7px;border-radius:50%;background:#d9dde2}.sc-device-content{padding:28px}.sc-device-content>small{font-size:8px;color:#7e8b98}.sc-device-content>b{display:block;font-size:30px;margin:12px 0 25px}.sc-device-content div{display:flex;justify-content:space-between;border-top:1px solid #e8ecef;padding:12px 0;font-size:11px}
.sc-security{padding:90px clamp(24px,7vw,110px);display:grid;grid-template-columns:1fr 1fr;gap:75px}.sc-security-card p{color:#6e7c89;line-height:1.75}.sc-security-list{display:grid;gap:10px}.sc-security-list>div{display:flex;gap:16px;border-bottom:1px solid #e3e7ea;padding:18px 0}.sc-security-list span strong,.sc-security-list span small{display:block}.sc-security-list span small{margin-top:5px;color:#7c8995}
.sc-resources{background:#f7f8f9}.sc-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sc-news-grid article{background:#fff;border:1px solid #e1e6e9;padding:25px}.sc-news-grid small{color:#b58a21}.sc-news-grid h3{font-family:Georgia,serif;font-weight:400;font-size:21px}.sc-news-grid p{color:#71808c;line-height:1.7;font-size:11px}.sc-news-grid a{color:#0b2c50;text-decoration:none;font-size:11px}
.sc-contact{padding:70px clamp(24px,7vw,110px);display:grid;grid-template-columns:1fr 1.1fr;gap:50px}.sc-contact p{color:#71808c;line-height:1.7}.sc-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sc-contact-grid div{border:1px solid #e2e6e9;padding:18px}.sc-contact-grid small{display:block;color:#8a96a2;font-size:8px}.sc-contact-grid strong{display:block;margin-top:8px;font-size:11px}
.sc-footer{background:#07182b;color:#aebbc8;padding:55px clamp(24px,7vw,110px) 25px}.sc-footer-top{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.sc-brand.footer{color:#fff}.sc-footer-top p{font-size:10px;line-height:1.7;max-width:430px}.sc-footer-top>div{display:flex;flex-direction:column;gap:8px}.sc-footer-top>div:first-child{display:block}.sc-footer-top strong{color:#fff;font-size:11px}.sc-footer-top a{color:#aebbc8;text-decoration:none;font-size:10px}.sc-regulatory{display:flex;flex-wrap:wrap;gap:18px;padding:25px 0;margin-top:30px;border-top:1px solid #26394d;border-bottom:1px solid #26394d;font-size:9px}.sc-regulatory strong{color:#fff}.sc-footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:22px;font-size:8px}
@media(max-width:950px){.sc-nav{display:none}.sc-menu-btn{display:block}.sc-header-actions .sc-text-link{display:none}.sc-menu-open .sc-nav{display:grid;position:absolute;top:76px;left:0;right:0;background:#fff;padding:20px;border-bottom:1px solid #ddd}.sc-hero{grid-template-columns:1fr;background:#07182b}.sc-help-grid{grid-template-columns:repeat(2,1fr)}.sc-service-grid{grid-template-columns:repeat(2,1fr)}.sc-promo,.sc-security,.sc-contact{grid-template-columns:1fr}.sc-news-grid{grid-template-columns:1fr}.sc-footer-top{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.sc-header{height:66px;padding:0 14px}.sc-brand strong{font-size:13px}.sc-brand small{display:none}.sc-mark{width:35px;height:35px}.sc-hero{padding:55px 20px;min-height:auto}.sc-hero h1{font-size:39px}.sc-hero-actions{display:grid}.sc-trust-row{display:grid;gap:8px}.sc-help,.sc-services,.sc-resources,.sc-security,.sc-contact,.sc-promo{padding:55px 20px}.sc-help-grid,.sc-service-grid,.sc-contact-grid{grid-template-columns:1fr}.sc-section-head h2,.sc-security-card h2,.sc-contact h2{font-size:31px}.sc-footer{padding:40px 20px 20px}.sc-footer-top{grid-template-columns:1fr}.sc-footer-bottom{display:grid}}

/* ==========================================================
   STERLING CREST COMPLETE ADMIN OVERRIDE
   ========================================================== */
.ref-admin-body{margin:0!important;background:#f5f7fa!important;color:#14263b!important;font-family:"Segoe UI",Arial,sans-serif!important;font-size:15px!important}
.ref-topbar{height:76px!important;background:#071d35!important;padding:0 24px!important}
.ref-admin-layout{grid-template-columns:250px minmax(0,1fr)!important;min-height:calc(100vh - 76px)!important}
.ref-sidebar{background:#09233d!important;padding:18px 12px!important}
.ref-sidebar a{font-size:14px!important;min-height:48px!important;padding:13px 15px!important;border-radius:9px!important;color:#c2ced9!important}
.ref-sidebar a.active{background:#153f65!important;color:#fff!important;box-shadow:inset 3px 0 0 #f1c40f!important}
.ref-main{padding:28px 30px 90px!important;width:100%!important;max-width:none!important;background:#f5f7fa!important}
.ref-pagehead h1{font-family:Georgia,serif!important;font-size:36px!important;font-weight:400!important;color:#102943!important}
.ref-pagehead p{font-size:14px!important;color:#758597!important}
.ref-card{width:100%!important;border-radius:16px!important;background:#fff!important;border:1px solid #dfe6ed!important;padding:20px!important;box-shadow:0 8px 25px rgba(20,38,59,.04)!important}
.ref-searchbar input{width:420px!important;max-width:100%!important;height:46px!important;font-size:14px!important;border-radius:10px!important}
.ref-table{width:100%!important;border-collapse:collapse!important;table-layout:auto!important}

/* IMPORTANT: highly visible header row */
.ref-table thead tr{background:#eef3f8!important}
.ref-table thead th{
    background:#eef3f8!important;
    color:#0a2038!important;
    font-size:15px!important;
    font-weight:650!important;
    line-height:1.2!important;
    letter-spacing:0!important;
    text-transform:none!important;
    height:58px!important;
    padding:17px 15px!important;
    border-top:1px solid #d8e1e9!important;
    border-bottom:2px solid #cbd7e2!important;
    white-space:nowrap!important;
}
.ref-table tbody td{
    height:66px!important;
    padding:15px!important;
    font-size:14px!important;
    color:#26394d!important;
    border-bottom:1px solid #e7edf2!important;
    white-space:nowrap!important;
}
.ref-table tbody tr:hover{background:#fafcff!important}
.switch{width:46px!important;height:26px!important}
.switch:before{width:20px!important;height:20px!important;top:3px!important;left:3px!important}
.switch.on:before{transform:translateX(20px)!important}
.mini-dark-btn,.mini-more-btn{font-size:13px!important;min-height:40px!important;padding:9px 15px!important;border-radius:8px!important}
.transfer-code-badge{font-size:12px!important;padding:8px 12px!important}
.ref-footer{left:250px!important;background:#fff!important;border-top:1px solid #dde5ec!important;color:#7d8c9c!important}

@media(max-width:1000px){
 .ref-admin-layout{grid-template-columns:210px minmax(0,1fr)!important}
 .ref-footer{left:210px!important}
 .ref-main{padding:20px 15px 80px!important;overflow-x:auto!important}
 .ref-table thead th{font-size:13px!important;padding:13px 10px!important}
 .ref-table tbody td{font-size:13px!important;padding:12px 10px!important}
}
@media(max-width:800px){
 .ref-admin-layout{display:block!important}
 .ref-sidebar{width:100%!important;min-height:auto!important;overflow-x:auto!important;padding:8px!important}
 .ref-sidebar nav{display:flex!important;min-width:max-content!important}
 .ref-footer{left:0!important}
 .ref-card{min-width:780px!important}
}

.auth-copy{color:#718196;margin:-8px 0 20px}
.auth-switch{text-align:center;margin-top:18px;color:#758496;font-size:13px}
.auth-switch a{color:#0d3a66;text-decoration:none;font-weight:600}
.notice.success{background:#e9f8ef;border:1px solid #bfe8cf;color:#176d45}
.ref-table thead th{background:#eef3f8!important;color:#0b2038!important;font-size:14px!important;font-weight:600!important}


/* ========== Sterling Crest 2026 Premium UI ========== */
:root{--navy:#071d35;--navy2:#0d3357;--ink:#14263b;--muted:#738195;--line:#e2e8ef;--bg:#f4f7fa;--gold:#d5ad38;--green:#1cad68}
*{box-sizing:border-box}html,body{margin:0}body{font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink)}
.sc-site-header{height:78px;padding:0 clamp(20px,6vw,88px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8edf2;background:#fff;position:sticky;top:0;z-index:50}
.sc-logo{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink)}.sc-logo>span,.m-logo>span,.a-logo>span{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#d0a62f,#f0d16f);display:grid;place-items:center;color:#071d35;font-family:Georgia,serif;font-weight:700}
.sc-logo b,.m-logo b,.a-logo b{display:block;font-family:Georgia,serif;letter-spacing:1px}.sc-logo small,.m-logo small,.a-logo small{display:block;color:#8b98a5;font-size:8px;letter-spacing:1.6px;margin-top:3px}
.sc-main-nav{display:flex;gap:26px}.sc-main-nav a{color:#455568;text-decoration:none;font-size:13px}.sc-head-actions{display:flex;gap:9px}.sc-link-btn,.sc-solid-btn,.sc-outline-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;text-decoration:none;border:1px solid transparent;padding:11px 15px;font-size:13px;cursor:pointer}.sc-solid-btn{background:var(--navy2);color:#fff}.sc-link-btn{color:var(--navy2)}.sc-outline-btn{border-color:#cad5df;color:#fff;background:transparent}.sc-solid-btn.large,.sc-outline-btn.large{padding:14px 19px}.sc-solid-btn.big{min-height:48px}.sc-menu-toggle{display:none;border:0;background:none;font-size:22px}
.sc-premium-hero{min-height:650px;background:linear-gradient(120deg,#061629 0,#0b2b4b 58%,#f5f8fb 58%);display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center;padding:80px clamp(24px,7vw,110px)}
.sc-hero-left{color:#fff}.sc-kicker{font-size:10px;letter-spacing:2px;color:#e3c35e}.sc-hero-left h1{font:400 56px/1.04 Georgia,serif;margin:18px 0}.sc-hero-left h1 em{color:#efcc67;font-style:normal}.sc-hero-left p{max-width:650px;color:#c5d0db;line-height:1.75}.sc-hero-buttons{display:flex;gap:10px;margin-top:28px}.sc-proof{display:flex;gap:25px;margin-top:30px;color:#9eb0c2;font-size:11px}
.sc-preview-card{background:#fff;border-radius:18px;padding:28px;box-shadow:0 28px 70px rgba(5,23,42,.17)}.sc-preview-top{display:flex;justify-content:space-between}.sc-preview-top span{font-family:Georgia,serif}.sc-preview-top small{font-size:9px;color:#8492a1}.sc-preview-balance{padding:38px 0}.sc-preview-balance small{display:block;color:#8694a2}.sc-preview-balance strong{display:block;font-size:36px;margin-top:6px}.sc-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sc-preview-grid div{border:1px solid var(--line);border-radius:9px;padding:13px}.sc-preview-grid small{display:block;color:#8b98a5;font-size:9px}.sc-preview-grid b{display:block;margin-top:5px;font-size:13px}
.sc-feature-section,.sc-two-panel,.sc-support{padding:85px clamp(24px,7vw,110px)}.sc-section-title{max-width:760px;margin-bottom:38px}.sc-section-title span{font-size:10px;letter-spacing:1.7px;color:#b38616}.sc-section-title h2,.sc-two-panel h2,.sc-support h2{font:400 40px Georgia,serif;margin:9px 0}.sc-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.sc-feature-grid article{border:1px solid var(--line);padding:27px;border-radius:14px;background:#fff}.sc-feature-grid i{font-style:normal;color:#b88e20;font-size:10px}.sc-feature-grid h3{font-size:18px}.sc-feature-grid p{color:var(--muted);font-size:12px;line-height:1.7}
.sc-two-panel{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#f6f8fa}.sc-two-panel p{color:var(--muted);line-height:1.7}.sc-security-list{display:grid;gap:8px}.sc-security-list>div{display:flex;gap:14px;padding:17px 0;border-bottom:1px solid #dfe5ea}.sc-security-list b{color:#b5891d}.sc-security-list span strong,.sc-security-list span small{display:block}.sc-security-list span small{color:#7b8997;margin-top:4px}
.sc-support{display:grid;grid-template-columns:1fr 1fr;gap:55px}.sc-support p{color:var(--muted)}.sc-support-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sc-support-cards a{border:1px solid var(--line);border-radius:12px;padding:20px;text-decoration:none;color:var(--ink)}.sc-support-cards strong,.sc-support-cards span{display:block}.sc-support-cards span{color:#7a8896;font-size:11px;margin-top:8px}
.sc-site-footer{background:#07182b;color:#afbdca;padding:48px clamp(24px,7vw,110px);display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.sc-site-footer>div{display:flex;flex-direction:column;gap:8px}.sc-site-footer>div:first-child{display:block}.sc-site-footer b{color:#fff}.sc-site-footer a,.sc-site-footer span{color:#afbdca;text-decoration:none;font-size:11px}.sc-site-footer p{font-size:11px}
.sc-onboard{min-height:100vh;background:linear-gradient(120deg,#071d35,#0d355d);padding:40px 18px}.sc-onboard-wrap{max-width:860px;margin:auto}.sc-logo.onboard{color:#fff;margin-bottom:22px}.sc-onboard-card{background:#fff;border-radius:20px;padding:32px;box-shadow:0 30px 90px rgba(0,0,0,.25)}.sc-onboard-progress{display:flex;align-items:center;justify-content:center;margin-bottom:25px}.sc-onboard-progress span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e8edf2;color:#758495;font-weight:700}.sc-onboard-progress span.active,.sc-onboard-progress span.done{background:var(--navy2);color:#fff}.sc-onboard-progress i{width:80px;height:2px;background:#dfe5eb}.sc-onboard-head{text-align:center;margin-bottom:25px}.sc-onboard-head>span{color:#b58b1d;font-size:10px;letter-spacing:1.5px}.sc-onboard-head h1{font:400 34px Georgia,serif;margin:8px}.sc-onboard-head p{color:#758396}.sc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sc-form-grid label,.m-form label{font-size:11px;font-weight:600;color:#4d5d6f}.sc-form-grid input,.sc-form-grid select,.m-form input,.m-form select{width:100%;height:46px;margin-top:6px;border:1px solid #d7e0e8;border-radius:9px;padding:0 12px;background:#fbfcfd}.sc-form-grid .wide{grid-column:1/-1}.sc-otp-form{display:grid;gap:14px;max-width:420px;margin:auto}.sc-otp-form input{height:62px;text-align:center;font-size:30px;letter-spacing:8px;border:1px solid #ced8e1;border-radius:10px}.sc-login-switch{text-align:center;color:#7a8896;font-size:12px;margin-top:20px}.sc-login-switch a{color:var(--navy2)}
.m-body,.a-body{background:var(--bg)}.m-layout,.a-layout{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.m-side,.a-side{background:#071d35;padding:20px 14px;display:flex;flex-direction:column}.m-logo,.a-logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;padding:4px 7px 22px}.m-side nav,.a-side nav{display:grid;gap:6px}.m-side nav a,.a-side nav a{color:#b8c5d1;text-decoration:none;padding:12px 13px;border-radius:9px;font-size:13px}.m-side nav a:hover,.a-side nav a:hover{background:#113453;color:#fff}.m-logout,.a-logout{margin-top:auto;color:#c5d0da;text-decoration:none;padding:12px 13px}
.m-main,.a-main{padding:28px 30px 80px;min-width:0}.m-top,.a-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.m-top h1,.a-top h1{font:400 34px Georgia,serif;margin:0}.m-top p,.a-top p{margin:5px 0;color:var(--muted)}.m-top-actions a{color:var(--navy2);text-decoration:none;font-size:12px}
.m-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.m-stat-grid article,.m-panel,.a-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 8px 24px rgba(14,39,63,.04)}.m-stat-grid small{color:#8190a0;font-size:9px;letter-spacing:1px}.m-stat-grid strong{display:block;font-size:25px;margin:8px 0}.m-stat-grid span{color:#7c8997;font-size:11px}
.m-balance-card{margin-top:16px;border-radius:18px;background:linear-gradient(135deg,#0a5630,#0c6a3c);color:#fff;padding:28px;box-shadow:0 18px 40px rgba(4,72,38,.15)}.m-balance-top,.m-balance-content,.m-balance-actions{display:flex;justify-content:space-between;gap:20px}.m-balance-top small{color:#bfe2cd}.m-balance-top span{font-size:12px}.m-balance-content{padding:32px 0}.m-balance-content small,.m-balance-content span{display:block;color:#c8e6d3}.m-balance-content strong{display:block;font-size:28px;margin:7px 0}.m-balance-actions{justify-content:flex-end}.m-balance-actions a{background:rgba(255,255,255,.13);color:#fff;text-decoration:none;padding:11px 14px;border-radius:9px}
.m-quick{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;margin-top:16px}.m-quick>div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.m-quick a{border:1px solid #e1e7ec;border-radius:10px;padding:14px;text-align:center;text-decoration:none;color:var(--ink);font-size:12px}
.m-panel{margin-top:16px}.m-panel-head{display:flex;justify-content:space-between;align-items:center}.m-panel-head a{font-size:11px;color:var(--navy2);text-decoration:none}.m-table,.a-table{width:100%;border-collapse:collapse;margin-top:12px}.m-table th,.a-table th{background:#f4f7f9;color:#657487;text-align:left;font-size:10px;padding:12px}.m-table td,.a-table td{border-bottom:1px solid #edf1f4;padding:13px 12px;font-size:12px}.m-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.m-form{display:grid;gap:13px}.m-beneficiary{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #ebeff3}.m-beneficiary strong,.m-beneficiary span{display:block}.m-beneficiary span{color:#7e8b98;font-size:11px;margin-top:4px}.m-beneficiary a{font-size:11px;color:var(--navy2)}.m-statement-head{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #e8edf1}.m-statement-head strong,.m-statement-head span,.m-statement-head b{display:block}.m-statement-head span{color:#8190a0;font-size:11px;margin-top:4px}.m-notice-item{padding:17px 0;border-bottom:1px solid #e8edf1}.m-notice-item>span{font-size:9px;color:#a57d14}.m-notice-item h3{margin:6px 0}.m-notice-item p{color:#667589}.m-notice-item small{color:#8c98a4}
.notice.error{background:#fdeaea;border:1px solid #f2c6c6;color:#9d3030;padding:12px;border-radius:9px}.notice.success{background:#e8f7ee;border:1px solid #bfe8cf;color:#187447;padding:12px;border-radius:9px}
@media(max-width:1000px){.sc-main-nav{display:none}.sc-menu-toggle{display:block}.menu-open .sc-main-nav{display:grid;position:absolute;top:78px;left:0;right:0;background:#fff;padding:20px}.sc-premium-hero{grid-template-columns:1fr;background:#071d35}.sc-feature-grid{grid-template-columns:1fr 1fr}.sc-two-panel,.sc-support{grid-template-columns:1fr}.sc-site-footer{grid-template-columns:1fr 1fr}.m-layout,.a-layout{display:block}.m-side,.a-side{position:relative}.m-side nav,.a-side nav{display:flex;overflow:auto}.m-main,.a-main{padding:20px 14px 70px}}
@media(max-width:650px){.sc-head-actions .sc-link-btn{display:none}.sc-premium-hero{padding:55px 20px}.sc-hero-left h1{font-size:40px}.sc-hero-buttons{display:grid}.sc-proof{display:grid;gap:8px}.sc-feature-section,.sc-two-panel,.sc-support{padding:55px 20px}.sc-feature-grid,.sc-support-cards,.sc-site-footer,.sc-form-grid,.m-stat-grid,.m-two{grid-template-columns:1fr}.sc-form-grid .wide{grid-column:auto}.m-quick>div{grid-template-columns:1fr 1fr}.m-top,.a-top{align-items:flex-start}.m-table,.a-table{min-width:720px}.m-panel,.a-panel{overflow:auto}}

/* International Transfer 5.0 */
.intl-head-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e2e8ef;border-radius:18px;padding:22px 24px;box-shadow:0 12px 30px rgba(20,38,59,.08);margin-bottom:24px}
.intl-head-card h2{margin:0 0 4px;font-size:18px}.intl-head-card p{margin:0;color:#748296;font-size:13px}
.intl-round{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-weight:700}.intl-round.green{background:#0f6a39;color:#fff}.intl-round.blue{background:#ddebff;color:#2768d7}.intl-round.amber{background:#fff0c7;color:#c28000}.intl-round.violet{background:#e8e6ff;color:#6157db}.intl-round.green2{background:#dcf7e7;color:#17964e}.intl-round.pink{background:#ffe3f0;color:#df2e82}
.intl-section-title{font-size:22px;margin:8px 0 16px}.intl-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.intl-method-grid a{display:flex;align-items:center;gap:16px;text-decoration:none;color:#17263a;background:#fff;border:1px solid #e2e8ef;border-radius:18px;padding:22px;min-height:102px;box-shadow:0 6px 18px rgba(14,39,63,.035)}.intl-method-grid strong{display:block;font-size:16px}.intl-method-grid p{margin:7px 0 0;color:#728095;font-size:12px}.intl-secure{display:flex;gap:13px;align-items:flex-start;margin-top:24px;background:#fff;border:1px solid #dfe6ec;border-radius:16px;padding:20px}.intl-secure strong,.intl-secure p{display:block;margin:0}.intl-secure p{color:#748295;font-size:12px;margin-top:5px}
.intl-wire-card{background:#fff;border:1px solid #e0e7ed;border-radius:18px;overflow:hidden;box-shadow:0 12px 30px rgba(20,38,59,.05)}.intl-wire-banner{min-height:115px;background:#075629;color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;position:relative;flex-direction:column}.intl-wire-banner h2{margin:0;font-size:18px}.intl-bank-icon{width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:20px}.intl-back-circle{position:absolute;left:18px;top:18px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);color:#fff;text-decoration:none}
.intl-form{padding:18px}.intl-form label{display:block;font-size:10px;font-weight:700;color:#4f5f72}.intl-form input,.intl-form select,.intl-form textarea{width:100%;border:1px solid #dbe4eb;border-radius:9px;background:#fbfcfd;padding:12px;font:inherit;margin-top:6px}.intl-form input,.intl-form select{height:45px}.intl-form textarea{resize:vertical}.intl-form label small{font-size:9px;color:#8391a0;font-weight:400}.intl-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.intl-grid.one{display:grid;gap:14px;margin-top:14px}
.intl-balance-block,.intl-amount-block{background:#f9fbfc;border:1px solid #edf1f4;border-radius:12px;padding:14px;margin-bottom:14px}.intl-balance-field{display:flex;align-items:center;gap:12px;border:1px solid #1a9f54;border-radius:10px;padding:12px;background:#fff}.intl-balance-field div{flex:1}.intl-balance-field small,.intl-balance-field strong{display:block}.intl-balance-field small{color:#8090a0;font-size:9px}.intl-balance-field strong{margin-top:3px;font-size:15px}.intl-balance-field b{color:#168b49}
.intl-amount-input{display:flex;align-items:center;border:1px solid #dbe4eb;border-radius:10px;background:#fff;margin-top:7px;overflow:hidden}.intl-amount-input span{padding:0 12px;font-weight:700}.intl-amount-input input{border:0!important;margin:0!important;border-radius:0!important;font-size:18px}
.intl-otp-request-row{margin:16px 0;display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}.intl-request-otp{border:0;background:#1eaa62;color:#fff;border-radius:8px;padding:11px 14px;font-weight:700;cursor:pointer}.intl-otp-placeholder{height:42px;border:1px solid #dce5eb;border-radius:9px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#fff;color:#4b5b6e}.intl-otp-request-row>small{grid-column:1/-1;color:#65778c;font-size:9px}
.intl-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.intl-primary,.intl-secondary{height:46px;border-radius:8px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;font-size:12px}.intl-primary{border:0;background:#075629;color:#fff;cursor:pointer}.intl-secondary{border:1px solid #d7e0e8;color:#4b5c6e;background:#fff}
.intl-error{margin-bottom:14px}.otp-mode{max-width:700px;margin:auto}.intl-otp-form{padding:28px;display:grid;gap:14px}.intl-otp-form input{height:62px;border:1px solid #d7e0e8;border-radius:10px;text-align:center;font-size:30px;letter-spacing:8px}.intl-back-link{display:block;text-align:center;padding:0 0 28px;color:#506277;text-decoration:none;font-size:12px}
.intl-receipt-page{min-height:100vh;background:#f3f6f9;padding:32px 18px}.intl-receipt-wrap{max-width:780px;margin:auto}.receipt-actions{display:flex;justify-content:space-between;margin-bottom:12px}.receipt-actions a,.receipt-actions button{border:1px solid #d8e1e8;background:#fff;color:#173653;border-radius:9px;padding:10px 14px;text-decoration:none;cursor:pointer}.intl-receipt{background:#fff;border-radius:18px;overflow:hidden;border:1px solid #e0e6ec;box-shadow:0 20px 50px rgba(18,41,65,.08)}.intl-receipt header{background:#071d35;color:#fff;padding:24px 28px;display:flex;justify-content:space-between;align-items:center}.receipt-brand{display:flex;gap:11px;align-items:center}.receipt-brand>span{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#d4ac36,#efd16d);display:grid;place-items:center;color:#071d35;font-family:Georgia,serif;font-weight:700}.receipt-brand strong,.receipt-brand small{display:block}.receipt-brand small{font-size:8px;color:#aebdca;letter-spacing:1.5px;margin-top:3px}.intl-receipt header>b{background:#dff5e8;color:#177447;border-radius:999px;padding:7px 10px;font-size:10px}.receipt-main{padding:28px}.receipt-title{text-align:center;border-bottom:1px solid #e6ebef;padding-bottom:20px}.receipt-title h1{font:400 30px Georgia,serif;margin:0}.receipt-title p{color:#7d8996;font-size:11px}.receipt-amount{text-align:center;padding:26px 0}.receipt-amount small,.receipt-amount strong{display:block}.receipt-amount small{color:#7e8c99;font-size:9px;letter-spacing:1px;text-transform:uppercase}.receipt-amount strong{font-size:36px;margin-top:6px}.receipt-details{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e2e8ed;border-radius:12px;overflow:hidden}.receipt-details>div{padding:15px 17px;border-bottom:1px solid #e9edf1}.receipt-details>div:nth-child(odd){border-right:1px solid #e9edf1}.receipt-details small,.receipt-details strong{display:block}.receipt-details small{font-size:9px;color:#8190a0;text-transform:uppercase;letter-spacing:.7px}.receipt-details strong{font-size:12px;margin-top:5px}.receipt-disclaimer{margin-top:18px;background:#f7f9fb;border-radius:10px;padding:13px;color:#748294;font-size:10px;line-height:1.5}
@media(max-width:760px){.intl-method-grid,.intl-grid.two,.intl-actions,.receipt-details{grid-template-columns:1fr}.receipt-details>div:nth-child(odd){border-right:0}.intl-otp-request-row{grid-template-columns:1fr}}


/* ===== Sterling Crest Premium Motion System 7.0 ===== */
:root{
  --ease-premium:cubic-bezier(.22,.8,.22,1);
  --shadow-soft:0 12px 34px rgba(10,35,60,.08);
  --shadow-lift:0 20px 52px rgba(10,35,60,.14);
}
html{scroll-behavior:smooth}
body{opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .55s var(--ease-premium)}
body.sc-page-ready{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  body{opacity:1!important;transform:none!important}
}
.sc-site-header,.m-side,.a-side{backdrop-filter:saturate(140%) blur(14px)}
.sc-site-header{transition:box-shadow .35s ease,background .35s ease,border-color .35s ease}
.sc-site-header.is-scrolled{box-shadow:0 8px 28px rgba(10,35,60,.08);border-color:transparent;background:rgba(255,255,255,.94)}
.sc-logo,.m-logo,.a-logo{transition:transform .3s var(--ease-premium)}
.sc-logo:hover,.m-logo:hover,.a-logo:hover{transform:translateY(-1px)}
.sc-logo>span,.m-logo>span,.a-logo>span{position:relative;overflow:hidden;box-shadow:0 7px 20px rgba(213,173,56,.25)}
.sc-logo>span::after,.m-logo>span::after,.a-logo>span::after{content:"";position:absolute;inset:-30%;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.55),transparent 70%);transform:translateX(-120%) rotate(10deg);transition:transform .7s ease}
.sc-logo:hover>span::after,.m-logo:hover>span::after,.a-logo:hover>span::after{transform:translateX(120%) rotate(10deg)}
.sc-main-nav a,.m-side nav a,.a-side nav a{position:relative;transition:color .25s ease,background .25s ease,transform .25s ease}
.sc-main-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:2px;background:#d5ad38;transition:right .3s var(--ease-premium)}
.sc-main-nav a:hover::after{right:0}
.m-side nav a:hover,.a-side nav a:hover{transform:translateX(3px)}
.sc-premium-hero{position:relative;overflow:hidden}
.sc-premium-hero::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(213,173,56,.11),transparent 68%);top:-160px;left:-150px;animation:sc-float-orb 10s ease-in-out infinite}
.sc-premium-hero::after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(84,148,210,.13),transparent 70%);right:7%;bottom:-140px;animation:sc-float-orb 13s ease-in-out infinite reverse}
@keyframes sc-float-orb{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(18px,-22px,0) scale(1.05)}}
.sc-hero-left,.sc-preview-card{position:relative;z-index:2}
.sc-preview-card,.m-balance-card{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .2s ease,box-shadow .3s ease}
.sc-preview-card:hover,.m-balance-card:hover{box-shadow:var(--shadow-lift)}
.sc-feature-grid article,.m-stat-grid article,.m-panel,.a-panel,.intl-method-grid a,.intl-head-card,.sc-support-cards a,.m-quick a,.m-beneficiary{transition:transform .3s var(--ease-premium),box-shadow .3s ease,border-color .3s ease,background .3s ease}
.sc-feature-grid article:hover,.m-stat-grid article:hover,.m-panel:hover,.a-panel:hover,.intl-method-grid a:hover,.sc-support-cards a:hover,.m-quick a:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift);border-color:#d3dde6}
.intl-method-grid a:hover .intl-round{transform:scale(1.08) rotate(-3deg)}
.intl-round{transition:transform .35s var(--ease-premium),box-shadow .35s ease}
.sc-solid-btn,.sc-outline-btn,.sc-link-btn,.intl-primary,.intl-secondary,.receipt-actions a,.receipt-actions button,.mini-dark-btn,.mini-more-btn{position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .25s ease,filter .25s ease}
.sc-solid-btn:hover,.intl-primary:hover,.mini-dark-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(13,51,87,.24);filter:brightness(1.04)}
.sc-outline-btn:hover,.intl-secondary:hover,.receipt-actions a:hover,.receipt-actions button:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(10,35,60,.09)}
.sc-solid-btn:active,.intl-primary:active,.intl-secondary:active,.receipt-actions a:active,.receipt-actions button:active{transform:translateY(0) scale(.985)}
.sc-ripple{position:absolute;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.5);transform:translate(-50%,-50%) scale(0);pointer-events:none;animation:sc-ripple .65s ease-out}
@keyframes sc-ripple{to{transform:translate(-50%,-50%) scale(24);opacity:0}}
.sc-reveal{opacity:0;transform:translateY(22px) scale(.99);transition:opacity .7s var(--ease-premium) var(--reveal-delay,0ms),transform .7s var(--ease-premium) var(--reveal-delay,0ms)}
.sc-reveal.is-visible{opacity:1;transform:none}
input,select,textarea{transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:#6f9fc8!important;box-shadow:0 0 0 4px rgba(77,130,178,.12)!important;background:#fff!important}
.sc-field-focus{color:#0d3357!important}
.sc-loading{pointer-events:none;opacity:.88}
.sc-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;display:inline-block;margin-right:8px;animation:sc-spin .7s linear infinite}
@keyframes sc-spin{to{transform:rotate(360deg)}}
.m-balance-card::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.08),transparent 65%);transform:translateX(-100%);animation:sc-card-shine 7s ease-in-out infinite}
@keyframes sc-card-shine{0%,70%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
.m-balance-card{position:relative;overflow:hidden}
.m-table tbody tr,.a-table tbody tr{transition:background .2s ease,transform .2s ease}
.m-table tbody tr:hover,.a-table tbody tr:hover{background:#f8fafc;transform:translateX(2px)}
.intl-wire-card{animation:sc-form-enter .5s var(--ease-premium) both}
@keyframes sc-form-enter{from{opacity:0;transform:translateY(14px) scale(.995)}to{opacity:1;transform:none}}
.notice.success,.notice.error{animation:sc-notice-in .35s var(--ease-premium)}
@keyframes sc-notice-in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
.receipt-main{animation:sc-receipt-in .65s var(--ease-premium) both}
@keyframes sc-receipt-in{from{opacity:0;transform:scale(.985) translateY(10px)}to{opacity:1;transform:none}}
.sc-onboard-progress span{transition:transform .3s var(--ease-premium),background .3s ease,color .3s ease}
.sc-onboard-progress span.active{transform:scale(1.08);box-shadow:0 0 0 5px rgba(13,51,87,.09)}
.m-stat-grid article strong,.receipt-amount strong,.sc-preview-balance strong{font-variant-numeric:tabular-nums}
@media(max-width:760px){
  .sc-feature-grid article:hover,.m-stat-grid article:hover,.m-panel:hover,.a-panel:hover,.intl-method-grid a:hover{transform:none}
  .sc-preview-card,.m-balance-card{transform:none!important}
}


/* ===== Live Banking Dashboard 8.0 ===== */
.bank-body{background:#f3f6fa;color:#121d2c}.bank-layout{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.bank-side{background:#fff;border-right:1px solid #e5eaf0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:auto}.bank-brand{height:92px;display:flex;align-items:center;gap:12px;padding:0 24px;border-bottom:1px solid #edf1f4}.bank-brand>span{width:48px;height:48px;border-radius:14px;background:#239553;color:#fff;display:grid;place-items:center;font-weight:800}.bank-brand strong,.bank-brand small{display:block}.bank-brand strong{font-size:18px}.bank-brand small{font-size:8px;letter-spacing:1.3px;color:#8c99a7;margin-top:3px}.bank-nav-section{padding:22px 16px 0}.bank-nav-section>small{display:block;color:#97a3b1;font-size:10px;font-weight:800;letter-spacing:1.3px;padding:0 10px 11px}.bank-nav-section a{height:48px;border-radius:12px;display:flex;align-items:center;gap:14px;color:#435266;text-decoration:none;padding:0 13px;margin-bottom:5px;font-size:13px;font-weight:650;transition:.22s ease}.bank-nav-section a:hover{background:#f1f5f8;color:#17314b;transform:translateX(3px)}.bank-nav-section a:first-of-type.nav-dashboard{color:#182536}.bank-side-user{margin-top:auto;border-top:1px solid #edf1f4;padding:15px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.bank-avatar,.bank-profile-avatar{width:38px;height:38px;border-radius:50%;background:#e7efe9;color:#175632;display:grid;place-items:center;font-weight:800}.bank-side-user strong,.bank-side-user small{display:block}.bank-side-user small{color:#8b98a6;font-size:10px}.bank-side-user a{color:#e64b4b;text-decoration:none}
.bank-main{min-width:0;padding:0 28px 60px}.bank-topbar{height:92px;margin:0 -28px 24px;padding:0 28px;background:#fff;border-bottom:1px solid #e7ecf1;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:40}.bank-topbar h1{margin:0;font-size:27px}.bank-topbar p{margin:5px 0 0;color:#7c8998;font-size:13px}.bank-top-actions{display:flex;align-items:center;gap:22px}.bank-top-actions>button{width:44px;height:44px;border:0;border-radius:14px;background:#f5f7f9;font-size:18px;color:#34465a}.bank-profile{display:flex;align-items:center;gap:10px}.bank-profile strong,.bank-profile small{display:block}.bank-profile small{color:#8592a0;font-size:10px}
.bank-stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.bank-stat-row article{background:#fff;border:1px solid #e6ebf0;border-radius:15px;padding:18px;position:relative;min-height:135px;box-shadow:0 8px 23px rgba(21,44,70,.045)}.bank-stat-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:18px}.bank-stat-icon.blue,.bank-quick i.blue{background:#397de8}.bank-stat-icon.green,.bank-quick i.green{background:#1fbd66}.bank-stat-icon.red{background:#ef454b}.bank-stat-icon.pink{background:#eb3e92}.bank-stat-note{position:absolute;top:25px;right:18px;color:#6f7f91;font-size:10px}.bank-stat-row strong{display:block;font-size:21px;margin-top:16px}.bank-stat-row span{display:block;color:#738195;font-size:11px;margin-top:7px}
.bank-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;margin-top:18px}.bank-account-card{min-height:330px;border-radius:18px;background:linear-gradient(135deg,#075326,#0a6a33);color:#fff;padding:26px;position:relative;overflow:hidden;box-shadow:0 18px 38px rgba(9,89,45,.17)}.bank-card-circles::before,.bank-card-circles::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}.bank-card-circles::before{width:190px;height:190px;right:-40px;top:-55px}.bank-card-circles::after{width:130px;height:130px;left:-30px;bottom:-45px}.bank-account-head,.bank-account-center,.bank-account-foot{position:relative;z-index:2}.bank-account-head{display:flex;justify-content:space-between}.bank-account-head>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:8px}.bank-building{grid-row:1/3;width:27px;height:27px;border-radius:50%;background:rgba(255,255,255,.16);display:grid;place-items:center}.bank-account-head small,.bank-account-head strong{display:block}.bank-account-head small{color:#c7e0d0;font-size:10px}.bank-account-number{background:rgba(255,255,255,.11);border-radius:12px;padding:10px 13px;text-align:right}.bank-account-number strong{font-size:11px;margin-top:3px}.bank-account-center{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:24px;align-items:center;padding:40px 0 30px}.bank-account-center small{display:block;color:#cbe2d3;font-size:10px}.bank-account-center>div>strong{display:block;font-size:17px;margin:6px 0}.bank-account-center span{display:block;font-size:10px;margin-top:6px;color:#cbe2d3}.bank-main-balance{text-align:center}.bank-main-balance em{font-style:normal;font-size:21px;display:block}.bank-main-balance strong{font-size:31px!important;margin:0!important}.bank-account-foot{display:flex;justify-content:space-between;align-items:flex-end}.bank-account-foot>div{background:rgba(255,255,255,.11);padding:12px 15px;border-radius:11px}.bank-account-foot small,.bank-account-foot strong{display:block}.bank-account-foot strong{font-size:18px;margin-top:4px}.bank-account-foot>a{background:rgba(255,255,255,.16);color:#fff;text-decoration:none;border-radius:11px;padding:13px 19px;font-weight:700}
.bank-quick,.bank-panel{background:#fff;border:1px solid #e5eaf0;border-radius:15px;margin-top:16px;box-shadow:0 7px 20px rgba(21,44,70,.035)}.bank-quick{padding:18px}.bank-quick h3{margin:0 0 15px}.bank-quick>div{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.bank-quick a{text-align:center;text-decoration:none;color:#27384c;padding:12px;border-radius:11px}.bank-quick i{width:43px;height:43px;border-radius:11px;display:grid;place-items:center;color:#fff;margin:auto auto 8px;font-style:normal}.bank-quick i.darkgreen{background:#096231}.bank-quick i.gold{background:#ddb21b}.bank-panel{overflow:hidden}.bank-panel-head{height:52px;padding:0 17px;display:flex;align-items:center;justify-content:space-between}.bank-panel-head h3{margin:0;font-size:15px}.bank-panel-head a{color:#0c6a32;text-decoration:none;font-size:10px;font-weight:700}.bank-empty{height:115px;display:grid;place-items:center;color:#98a3b1;font-size:12px}.bank-table{width:100%;border-collapse:collapse}.bank-table td{padding:13px 17px;border-top:1px solid #edf1f4;font-size:11px}.bank-table td:first-child b,.bank-table td:first-child small{display:block}.bank-table td:first-child small{color:#8c98a5;margin-top:3px}.bank-table .credit{color:#169553;text-align:right}.bank-table .debit{color:#dc4e55;text-align:right}
.bank-right .bank-panel{margin-top:0}.bank-right{display:grid;gap:16px;align-content:start}.bank-panel-title{height:48px;background:#f7f9fb;padding:0 17px;display:flex;align-items:center;gap:9px}.bank-stat-line{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin:10px 14px;border:1px solid #edf1f4;border-radius:11px;padding:12px}.bank-stat-line i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff;font-style:normal}.bank-stat-line i.darkgreen{background:#07582d}.bank-stat-line i.gold{background:#ecb507}.bank-stat-line i.green{background:#16b55e}.bank-stat-line small,.bank-stat-line strong,.bank-stat-line span{display:block}.bank-stat-line small{font-size:9px;color:#788799;font-weight:700}.bank-stat-line strong{font-size:14px;margin:4px 0}.bank-stat-line span{font-size:10px;color:#8793a0}.dot{width:6px;height:6px;border-radius:50%}.dot.green{background:#55b87d}.dot.gold{background:#ecc744}.bank-statistics footer{text-align:center;border-top:1px solid #edf1f4;padding:11px;color:#82909f;font-size:10px}
.bank-service-page{padding:22px}.service-hero{display:flex;align-items:center;gap:14px;border-bottom:1px solid #edf1f4;padding-bottom:18px}.service-hero i{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#fff;font-style:normal}.service-hero i.gold{background:#e9b71a}.service-hero i.blue{background:#397de8}.service-hero i.green{background:#1fbd66}.service-hero i.darkgreen{background:#07582d}.service-hero h2,.service-hero p{margin:0}.service-hero p{color:#7e8c9b;font-size:11px;margin-top:4px}.service-status,.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.service-status>div,.details-grid>div{border:1px solid #e8edf1;border-radius:11px;padding:15px}.service-status small,.details-grid small,.service-status strong,.details-grid strong{display:block}.service-status small,.details-grid small{font-size:9px;color:#8592a0}.service-status strong,.details-grid strong{margin-top:5px}.service-note{background:#f7f9fb;border-radius:10px;padding:14px;color:#748294;font-size:11px;line-height:1.6;margin-top:16px}.service-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.service-form label{font-size:10px;font-weight:700;color:#4f5f71}.service-form input{width:100%;height:45px;margin-top:6px;border:1px solid #dbe3ea;border-radius:9px;padding:0 12px}.service-form button{align-self:end;height:45px}.cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}.member-card{min-height:190px;border-radius:16px;background:linear-gradient(135deg,#0c2745,#145383);color:#fff;padding:22px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 17px 35px rgba(10,40,70,.17)}.member-card>span{font-family:Georgia,serif}.member-card>strong{font-size:21px;letter-spacing:2px}.member-card>div{display:flex;justify-content:space-between}
.sc-live-chat{position:fixed;right:18px;bottom:18px;z-index:99999;font-family:Inter,"Segoe UI",Arial,sans-serif}.sc-chat-launch{height:57px;border:0;border-radius:29px;background:#1768de;color:#fff;display:flex;align-items:center;gap:10px;padding:0 16px 0 12px;box-shadow:0 15px 35px rgba(23,104,222,.32);font-size:15px;cursor:pointer}.sc-chat-launch i{width:34px;height:34px;border-radius:50%;background:#fff;color:#1768de;display:grid;place-items:center;font-style:normal}.sc-chat-dot{width:12px;height:12px;border-radius:50%;background:#37d674;border:2px solid #fff}.sc-chat-panel{position:absolute;right:0;bottom:68px;width:340px;height:470px;background:#fff;border:1px solid #e1e7ed;border-radius:18px;box-shadow:0 25px 70px rgba(13,38,67,.2);overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;opacity:0;transform:translateY(15px) scale(.98);pointer-events:none;transition:.24s ease}.sc-chat-panel.open{opacity:1;transform:none;pointer-events:auto}.sc-chat-panel header{background:linear-gradient(135deg,#0a2c50,#1768de);color:#fff;padding:16px;display:flex;justify-content:space-between;align-items:center}.sc-chat-panel header strong,.sc-chat-panel header small{display:block}.sc-chat-panel header small{font-size:10px;color:#d7e6fa;margin-top:3px}.sc-chat-panel header small span{display:inline-block;width:7px;height:7px;background:#36d875;border-radius:50%;margin-right:4px}.sc-chat-close{border:0;background:rgba(255,255,255,.14);color:#fff;width:30px;height:30px;border-radius:9px;font-size:18px}.sc-chat-messages{padding:14px;overflow:auto;background:#f7f9fc}.sc-chat-welcome{background:#fff;border:1px solid #e3e8ed;border-radius:12px;padding:11px;margin-bottom:10px}.sc-chat-welcome p{font-size:11px;color:#748293;margin:5px 0}.sc-chat-msg{display:flex;flex-direction:column;margin:8px 0}.sc-chat-msg>div{max-width:82%;padding:10px 11px;border-radius:12px;font-size:11px;line-height:1.45}.sc-chat-msg small{font-size:8px;color:#94a0ad;margin-top:3px}.sc-chat-msg.member{align-items:flex-end}.sc-chat-msg.member>div{background:#1768de;color:#fff;border-bottom-right-radius:4px}.sc-chat-msg.admin{align-items:flex-start}.sc-chat-msg.admin>div{background:#fff;border:1px solid #e0e6ec;border-bottom-left-radius:4px}.sc-chat-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px;border-top:1px solid #e6ebef}.sc-chat-form textarea{resize:none;border:1px solid #dce4eb;border-radius:10px;padding:10px;font:inherit;font-size:11px}.sc-chat-form button{width:42px;border:0;border-radius:10px;background:#1768de;color:#fff}
.admin-chat-layout{height:calc(100vh - 160px);display:grid;grid-template-columns:320px 1fr;background:#fff;border:1px solid #e1e7ed;border-radius:15px;overflow:hidden}.admin-chat-list{border-right:1px solid #e3e8ed;overflow:auto}.admin-chat-search{padding:16px;font-weight:700;border-bottom:1px solid #e8edf1}.admin-chat-list button{width:100%;border:0;border-bottom:1px solid #edf1f4;background:#fff;text-align:left;padding:13px;cursor:pointer}.admin-chat-list button:hover{background:#f6f8fb}.admin-chat-list strong,.admin-chat-list small{display:block}.admin-chat-list small{color:#82909f;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-chat-room{display:grid;grid-template-rows:auto 1fr auto;min-width:0}.admin-chat-room>header{padding:15px;border-bottom:1px solid #e7ecf0}.admin-chat-room>header strong,.admin-chat-room>header small{display:block}.admin-chat-room>header small{color:#8b97a4}.admin-chat-room>div{overflow:auto;padding:16px;background:#f7f9fc}.admin-chat-msg{display:flex;flex-direction:column;margin:8px}.admin-chat-msg>div{max-width:72%;padding:10px 12px;border-radius:12px;font-size:12px}.admin-chat-msg.member{align-items:flex-start}.admin-chat-msg.member>div{background:#fff;border:1px solid #e0e6ec}.admin-chat-msg.admin{align-items:flex-end}.admin-chat-msg.admin>div{background:#0d3357;color:#fff}.admin-chat-msg small{font-size:8px;color:#8996a3;margin-top:3px}.admin-chat-room form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border-top:1px solid #e4e9ee}.admin-chat-room textarea{border:1px solid #d9e2e9;border-radius:9px;padding:10px;resize:none}.admin-chat-room button{border:0;background:#0d3357;color:#fff;border-radius:9px;padding:0 20px}
@media(max-width:1100px){.bank-layout{grid-template-columns:220px minmax(0,1fr)}.bank-dashboard-grid{grid-template-columns:1fr}.bank-right{grid-template-columns:1fr 1fr}.bank-stat-row{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.bank-layout{display:block}.bank-side{position:relative;height:auto}.bank-nav-section{padding-top:10px}.bank-side-user{display:none}.bank-main{padding:0 12px 50px}.bank-topbar{margin:0 -12px 14px;padding:0 12px}.bank-profile>div:nth-child(2){display:none}.bank-stat-row{grid-template-columns:1fr 1fr}.bank-account-center{grid-template-columns:1fr}.bank-main-balance{text-align:left}.bank-account-head,.bank-account-foot{gap:10px}.bank-quick>div{grid-template-columns:1fr 1fr}.bank-right{grid-template-columns:1fr}.service-form,.details-grid,.service-status,.cards-grid{grid-template-columns:1fr}.sc-chat-panel{width:min(340px,calc(100vw - 24px));right:-6px}.admin-chat-layout{grid-template-columns:1fr;height:auto}.admin-chat-list{max-height:240px;border-right:0;border-bottom:1px solid #e3e8ed}.admin-chat-room{height:520px}}

/* ===== Sterling Crest World-Class Public Homepage 9.0 ===== */
.sc-world-home{background:#f6f8fb;color:#0b1b2f}
.world-header{height:78px;background:#061a31;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.08)}
.world-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}
.world-crest{width:45px;height:45px;border-radius:13px;background:linear-gradient(135deg,#cda43b,#f0ce68);display:grid;place-items:center;color:#071d35;font:700 17px Georgia,serif;box-shadow:0 9px 23px rgba(223,186,82,.19)}
.world-brand strong,.world-brand small{display:block}.world-brand strong{font:700 17px Georgia,serif;letter-spacing:.8px}.world-brand small{color:#aebdca;font-size:7px;letter-spacing:1.6px;margin-top:3px}
.world-nav{display:flex;gap:24px}.world-nav a{color:#d5dde7;text-decoration:none;font-size:12px;transition:.2s}.world-nav a:hover{color:#fff}
.world-actions{display:flex;gap:9px}.world-open,.world-login{height:42px;padding:0 15px;border-radius:9px;display:flex;align-items:center;text-decoration:none;font-size:12px}.world-open{color:#fff;border:1px solid rgba(255,255,255,.22)}.world-login{background:linear-gradient(135deg,#d9aa3c,#f0ca67);color:#071d35;font-weight:700}
.world-menu-toggle{display:none;background:none;border:0;color:#fff;font-size:20px}

.world-hero{min-height:610px;position:relative;overflow:hidden;display:flex;align-items:center;padding:70px clamp(24px,6vw,90px)}
.world-hero-bg{position:absolute;inset:0;background:url('../images/sterling-crest-hero.png') center center/cover no-repeat;filter:saturate(.94) contrast(1.02)}
.world-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,17,32,.98) 0%,rgba(3,17,32,.89) 32%,rgba(3,17,32,.45) 58%,rgba(3,17,32,.15) 100%)}
.world-hero-content{position:relative;z-index:2;color:#fff;max-width:650px}.world-eyebrow{color:#efc75d;font-size:9px;letter-spacing:2px}.world-hero h1{font:400 clamp(48px,5vw,72px)/.98 Georgia,serif;margin:17px 0}.world-hero h1 em{font-style:normal;color:#efc766}.world-hero p{max-width:570px;color:#c8d3de;line-height:1.72;font-size:14px}
.world-hero-buttons{display:flex;gap:12px;margin-top:26px}.world-gold-btn,.world-dark-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;border-radius:9px;padding:0 20px;text-decoration:none;font-size:13px}.world-gold-btn{background:linear-gradient(135deg,#d7aa3e,#efcb69);color:#071d35;font-weight:700}.world-dark-btn{border:1px solid rgba(255,255,255,.32);color:#fff;background:rgba(4,22,40,.45)}
.world-trust{display:flex;gap:24px;margin-top:28px;color:#c9d4de;font-size:10px}

.world-account-preview{position:absolute;z-index:3;right:6%;top:50%;transform:translateY(-50%);width:330px;background:rgba(6,19,35,.88);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:20px;color:#fff;box-shadow:0 30px 70px rgba(0,0,0,.34)}
.world-preview-top{display:flex;justify-content:space-between;font-size:9px;color:#aebdca}.world-preview-user{padding:24px 0;border-bottom:1px solid rgba(255,255,255,.11)}.world-preview-user strong,.world-preview-user small{display:block}.world-preview-user strong{font-size:20px}.world-preview-user small{color:#aebdca;margin-top:6px;line-height:1.5}
.world-preview-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-top:16px}.world-preview-actions a{text-decoration:none;color:#fff;text-align:center;font-size:9px}.world-preview-actions i{width:38px;height:38px;border-radius:9px;background:rgba(255,255,255,.11);display:grid;place-items:center;margin:auto auto 7px;font-style:normal}

.world-service-strip{margin:-28px clamp(20px,4vw,52px) 0;position:relative;z-index:5;background:#fff;border-radius:20px;box-shadow:0 15px 42px rgba(15,40,70,.09);display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}
.world-service-strip a{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:22px;text-decoration:none;color:#14263b;border-right:1px solid #edf1f5}.world-service-strip a:last-child{border-right:0}.world-service-strip i{width:42px;height:42px;border-radius:50%;background:#f0f4f8;display:grid;place-items:center;font-style:normal}.world-service-strip strong,.world-service-strip span{display:block}.world-service-strip strong{font-size:13px}.world-service-strip span{font-size:10px;color:#7a8897;margin-top:4px}

.world-promos{padding:42px clamp(20px,4vw,52px) 0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.promo{min-height:230px;border-radius:17px;overflow:hidden;position:relative;color:#fff;background:#0a213d}.promo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,17,30,.2),rgba(4,17,30,.86))}
.promo>div{position:absolute;z-index:2;left:20px;right:20px;bottom:20px}.promo span{font-size:8px;color:#efc75d;letter-spacing:1.4px}.promo h2{font:400 24px/1.08 Georgia,serif;margin:7px 0}.promo p{font-size:10px;color:#d0d9e2;line-height:1.55}.promo a{color:#fff;text-decoration:none;font-size:10px;font-weight:700}
.promo.home{background:linear-gradient(145deg,#0a284a,#09182b)}
.promo.mobile{background:linear-gradient(145deg,#0d1625,#173251)}
.promo.business{background:linear-gradient(145deg,#0a3f30,#0a213d)}
.promo.travel{background:linear-gradient(145deg,#38536d,#10263b)}

.world-info-grid{padding:26px clamp(20px,4vw,52px) 55px;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:14px}.world-info-grid article{background:#fff;border:1px solid #e4e9ee;border-radius:15px;padding:20px;min-height:180px}.security-card{display:flex;gap:14px;background:#fff7f7!important}.alert-icon{width:42px;height:42px;border-radius:12px;background:#c73f45;color:#fff;display:grid;place-items:center}.security-card small,.insight-card small,.support-card small{font-size:8px;letter-spacing:1.4px;color:#a27b17}.security-card h3,.insight-card h3,.support-card h3{font-size:18px;margin:6px 0}.security-card p,.insight-card p,.support-card p{font-size:10px;color:#718092;line-height:1.6}.security-card a,.support-card a{font-size:10px;color:#0d3357;text-decoration:none;font-weight:700}
.info-head{display:flex;justify-content:space-between}.info-head a{font-size:9px;color:#0d3357;text-decoration:none}.fake-chart{height:70px;display:flex;align-items:flex-end;gap:5px;margin-top:12px}.fake-chart span{flex:1;background:linear-gradient(180deg,#58be87,#0e6d3e);border-radius:3px 3px 0 0}
.world-footer{background:#06182d;color:#aebdca;padding:42px clamp(20px,5vw,70px);display:grid;grid-template-columns:2fr repeat(3,1fr);gap:35px}.world-footer>div{display:flex;flex-direction:column;gap:8px}.world-footer-brand{display:block!important}.world-footer p{font-size:10px}.world-footer>div>strong{color:#fff;font-size:12px}.world-footer a{color:#aebdca;text-decoration:none;font-size:10px}

@media(max-width:1100px){.world-nav{display:none}.world-menu-toggle{display:block}.world-menu-open .world-nav{display:grid;position:absolute;top:78px;left:0;right:0;background:#061a31;padding:20px}.world-account-preview{position:relative;right:auto;top:auto;transform:none;margin-left:auto}.world-hero{display:grid;grid-template-columns:1fr 340px;gap:30px}.world-promos{grid-template-columns:1fr 1fr}.world-info-grid{grid-template-columns:1fr 1fr}.world-footer{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.world-actions .world-open{display:none}.world-hero{display:block;padding:55px 20px}.world-account-preview{margin:35px 0 0;width:100%}.world-trust{display:grid;gap:7px}.world-service-strip{grid-template-columns:1fr 1fr;margin:-14px 12px 0}.world-service-strip a{border-bottom:1px solid #edf1f5}.world-promos,.world-info-grid,.world-footer{grid-template-columns:1fr}.world-promos{padding:28px 12px 0}.world-info-grid{padding:16px 12px 40px}.world-header{padding:0 14px}.world-brand strong{font-size:14px}}


/* ===== Sterling Crest World-Class Public Homepage 9.0 ===== */
.sc-world-home{background:#f6f8fb;color:#0b1b2f}
.world-header{height:78px;background:#061a31;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.08)}
.world-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}
.world-crest{width:45px;height:45px;border-radius:13px;background:linear-gradient(135deg,#cda43b,#f0ce68);display:grid;place-items:center;color:#071d35;font:700 17px Georgia,serif}
.world-brand strong,.world-brand small{display:block}.world-brand strong{font:700 17px Georgia,serif;letter-spacing:.8px}.world-brand small{color:#aebdca;font-size:7px;letter-spacing:1.6px;margin-top:3px}
.world-nav{display:flex;gap:24px}.world-nav a{color:#d5dde7;text-decoration:none;font-size:12px}.world-actions{display:flex;gap:9px}.world-open,.world-login{height:42px;padding:0 15px;border-radius:9px;display:flex;align-items:center;text-decoration:none;font-size:12px}.world-open{color:#fff;border:1px solid rgba(255,255,255,.22)}.world-login{background:linear-gradient(135deg,#d9aa3c,#f0ca67);color:#071d35;font-weight:700}.world-menu-toggle{display:none;background:none;border:0;color:#fff;font-size:20px}
.world-hero{min-height:610px;position:relative;overflow:hidden;display:flex;align-items:center;padding:70px clamp(24px,6vw,90px)}.world-hero-bg{position:absolute;inset:0;background:url('../images/sterling-crest-hero.png') center center/cover no-repeat}.world-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,17,32,.98) 0%,rgba(3,17,32,.89) 32%,rgba(3,17,32,.45) 58%,rgba(3,17,32,.15) 100%)}
.world-hero-content{position:relative;z-index:2;color:#fff;max-width:650px}.world-eyebrow{color:#efc75d;font-size:9px;letter-spacing:2px}.world-hero h1{font:400 clamp(48px,5vw,72px)/.98 Georgia,serif;margin:17px 0}.world-hero h1 em{font-style:normal;color:#efc766}.world-hero p{max-width:570px;color:#c8d3de;line-height:1.72;font-size:14px}.world-hero-buttons{display:flex;gap:12px;margin-top:26px}.world-gold-btn,.world-dark-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;border-radius:9px;padding:0 20px;text-decoration:none;font-size:13px}.world-gold-btn{background:linear-gradient(135deg,#d7aa3e,#efcb69);color:#071d35;font-weight:700}.world-dark-btn{border:1px solid rgba(255,255,255,.32);color:#fff;background:rgba(4,22,40,.45)}.world-trust{display:flex;gap:24px;margin-top:28px;color:#c9d4de;font-size:10px}
.world-account-preview{position:absolute;z-index:3;right:6%;top:50%;transform:translateY(-50%);width:330px;background:rgba(6,19,35,.88);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:20px;color:#fff;box-shadow:0 30px 70px rgba(0,0,0,.34)}.world-preview-top{display:flex;justify-content:space-between;font-size:9px;color:#aebdca}.world-preview-user{padding:24px 0;border-bottom:1px solid rgba(255,255,255,.11)}.world-preview-user strong,.world-preview-user small{display:block}.world-preview-user strong{font-size:20px}.world-preview-user small{color:#aebdca;margin-top:6px;line-height:1.5}.world-preview-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-top:16px}.world-preview-actions a{text-decoration:none;color:#fff;text-align:center;font-size:9px}.world-preview-actions i{width:38px;height:38px;border-radius:9px;background:rgba(255,255,255,.11);display:grid;place-items:center;margin:auto auto 7px;font-style:normal}
.world-service-strip{margin:-28px clamp(20px,4vw,52px) 0;position:relative;z-index:5;background:#fff;border-radius:20px;box-shadow:0 15px 42px rgba(15,40,70,.09);display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.world-service-strip a{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:22px;text-decoration:none;color:#14263b;border-right:1px solid #edf1f5}.world-service-strip i{width:42px;height:42px;border-radius:50%;background:#f0f4f8;display:grid;place-items:center;font-style:normal}.world-service-strip strong,.world-service-strip span{display:block}.world-service-strip strong{font-size:13px}.world-service-strip span{font-size:10px;color:#7a8897;margin-top:4px}
.world-promos{padding:42px clamp(20px,4vw,52px) 0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.promo{min-height:230px;border-radius:17px;overflow:hidden;position:relative;color:#fff;background:#0a213d}.promo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,17,30,.2),rgba(4,17,30,.86))}.promo>div{position:absolute;z-index:2;left:20px;right:20px;bottom:20px}.promo span{font-size:8px;color:#efc75d;letter-spacing:1.4px}.promo h2{font:400 24px/1.08 Georgia,serif;margin:7px 0}.promo p{font-size:10px;color:#d0d9e2;line-height:1.55}.promo a{color:#fff;text-decoration:none;font-size:10px;font-weight:700}.promo.home{background:linear-gradient(145deg,#0a284a,#09182b)}.promo.mobile{background:linear-gradient(145deg,#0d1625,#173251)}.promo.business{background:linear-gradient(145deg,#0a3f30,#0a213d)}.promo.travel{background:linear-gradient(145deg,#38536d,#10263b)}
.world-info-grid{padding:26px clamp(20px,4vw,52px) 55px;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:14px}.world-info-grid article{background:#fff;border:1px solid #e4e9ee;border-radius:15px;padding:20px;min-height:180px}.security-card{display:flex;gap:14px;background:#fff7f7!important}.alert-icon{width:42px;height:42px;border-radius:12px;background:#c73f45;color:#fff;display:grid;place-items:center}.security-card small,.insight-card small,.support-card small{font-size:8px;letter-spacing:1.4px;color:#a27b17}.security-card h3,.insight-card h3,.support-card h3{font-size:18px;margin:6px 0}.security-card p,.insight-card p,.support-card p{font-size:10px;color:#718092;line-height:1.6}.security-card a,.support-card a{font-size:10px;color:#0d3357;text-decoration:none;font-weight:700}.info-head{display:flex;justify-content:space-between}.info-head a{font-size:9px;color:#0d3357;text-decoration:none}.fake-chart{height:70px;display:flex;align-items:flex-end;gap:5px;margin-top:12px}.fake-chart span{flex:1;background:linear-gradient(180deg,#58be87,#0e6d3e);border-radius:3px 3px 0 0}
.world-footer{background:#06182d;color:#aebdca;padding:42px clamp(20px,5vw,70px);display:grid;grid-template-columns:2fr repeat(3,1fr);gap:35px}.world-footer>div{display:flex;flex-direction:column;gap:8px}.world-footer-brand{display:block!important}.world-footer p{font-size:10px}.world-footer>div>strong{color:#fff;font-size:12px}.world-footer a{color:#aebdca;text-decoration:none;font-size:10px}
@media(max-width:1100px){.world-nav{display:none}.world-menu-toggle{display:block}.world-menu-open .world-nav{display:grid;position:absolute;top:78px;left:0;right:0;background:#061a31;padding:20px}.world-account-preview{position:relative;right:auto;top:auto;transform:none;margin-left:auto}.world-hero{display:grid;grid-template-columns:1fr 340px;gap:30px}.world-promos{grid-template-columns:1fr 1fr}.world-info-grid{grid-template-columns:1fr 1fr}.world-footer{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.world-actions .world-open{display:none}.world-hero{display:block;padding:55px 20px}.world-account-preview{margin:35px 0 0;width:100%}.world-trust{display:grid;gap:7px}.world-service-strip{grid-template-columns:1fr 1fr;margin:-14px 12px 0}.world-promos,.world-info-grid,.world-footer{grid-template-columns:1fr}.world-promos{padding:28px 12px 0}.world-info-grid{padding:16px 12px 40px}.world-header{padding:0 14px}.world-brand strong{font-size:14px}}

/* ===== Sterling Crest Premium Registration 10.0 ===== */
.register-pro{margin:0;background:#f5f8fb;color:#15263a;min-height:100vh}
.register-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,42%) 1fr}
.register-visual{position:relative;background:
linear-gradient(150deg,rgba(5,24,45,.98),rgba(8,49,80,.94)),
url('../images/sterling-crest-hero.png') center/cover no-repeat;color:#fff;padding:38px clamp(28px,4vw,58px);display:flex;flex-direction:column;overflow:hidden}
.register-visual::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(224,184,76,.16),transparent 68%);right:-130px;top:-130px}
.register-brand{position:relative;z-index:2;display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.register-brand>span{width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,#d2a93b,#f0ce6a);display:grid;place-items:center;color:#071d35;font:700 18px Georgia,serif;box-shadow:0 12px 28px rgba(220,180,67,.22)}
.register-brand strong,.register-brand small{display:block}.register-brand strong{font:700 19px Georgia,serif;letter-spacing:1px}.register-brand small{font-size:8px;letter-spacing:1.6px;color:#b5c3cf;margin-top:4px}
.register-copy{position:relative;z-index:2;margin:auto 0;max-width:560px}.register-kicker{font-size:9px;letter-spacing:2px;color:#e9c65f}.register-copy h1{font:400 clamp(42px,4.7vw,64px)/1.02 Georgia,serif;margin:18px 0}.register-copy h1 em{font-style:normal;color:#efc964}.register-copy>p{color:#c7d2dd;line-height:1.75;font-size:14px;max-width:520px}
.register-benefits{margin-top:34px;display:grid;gap:16px}.register-benefits>div{display:flex;gap:12px;align-items:flex-start}.register-benefits i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);color:#efc964;font-style:normal}.register-benefits strong,.register-benefits small{display:block}.register-benefits strong{font-size:13px}.register-benefits small{color:#aebdca;font-size:10px;margin-top:4px;line-height:1.5}
.register-visual-footer{position:relative;z-index:2;display:flex;gap:8px;font-size:10px;color:#aebdca}.register-visual-footer a{color:#fff;text-decoration:none}
.register-main{display:flex;align-items:center;justify-content:center;padding:42px 28px}.register-card{width:min(720px,100%);background:#fff;border:1px solid #e2e8ee;border-radius:22px;padding:30px;box-shadow:0 28px 70px rgba(11,37,64,.09)}
.register-progress{display:flex;align-items:center;justify-content:center;margin-bottom:30px}.register-progress>div{display:flex;align-items:center;gap:7px;color:#8b98a6}.register-progress>div span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#edf1f4;color:#738194;font-size:11px;font-weight:800}.register-progress>div b{font-size:10px}.register-progress>div.active span,.register-progress>div.done span{background:#0d3357;color:#fff}.register-progress>div.active b,.register-progress>div.done b{color:#17314c}.register-progress>i{width:52px;height:2px;background:#e2e8ed;margin:0 9px}
.register-head{text-align:center;margin-bottom:26px}.register-head>span{font-size:9px;color:#b28718;letter-spacing:1.5px}.register-head h2{font:400 34px Georgia,serif;margin:8px 0}.register-head p{margin:0;color:#758397;font-size:12px;line-height:1.6}.register-head.verify .verify-icon{width:52px;height:52px;border-radius:16px;margin:0 auto 14px;background:#eaf1f7;color:#0d3357;display:grid;place-items:center;font-size:22px}
.register-form{display:grid;gap:14px}.register-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.register-form label,.register-verify-form label{font-size:10px;font-weight:700;color:#536376}.register-form input,.register-form select,.register-verify-form input{width:100%;height:47px;border:1px solid #d9e2e9;border-radius:10px;background:#fbfcfd;padding:0 12px;margin-top:6px;font:inherit}.register-form input:focus,.register-form select:focus,.register-verify-form input:focus{outline:none;border-color:#6d9fc7;box-shadow:0 0 0 4px rgba(68,126,176,.11);background:#fff}
.password-wrap{position:relative}.password-wrap input{padding-right:55px}.password-wrap button{position:absolute;right:8px;top:14px;border:0;background:none;color:#0d3357;font-size:10px;font-weight:700;cursor:pointer}
.register-divider{display:flex;align-items:center;gap:10px;margin:5px 0}.register-divider::before,.register-divider::after{content:"";height:1px;background:#e7ecf0;flex:1}.register-divider span{font-size:9px;color:#8a97a4;text-transform:uppercase;letter-spacing:1px}
.register-check{display:flex!important;gap:9px;align-items:flex-start!important;font-weight:400!important;color:#667589!important;line-height:1.5}.register-check input{width:16px!important;height:16px!important;margin:2px 0 0!important}.register-check span{font-size:10px}
.register-primary{height:50px;border:0;border-radius:10px;background:linear-gradient(135deg,#0b2d50,#0e426e);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;box-shadow:0 10px 22px rgba(13,51,87,.16);transition:.22s ease}.register-primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(13,51,87,.22)}
.register-alert{padding:12px 14px;border-radius:10px;margin-bottom:16px;font-size:11px}.register-alert.error{background:#fff0f0;border:1px solid #f0c8c8;color:#a43d3d}
.register-verify-form{max-width:430px;margin:auto;display:grid;gap:13px}.register-verify-form input{text-align:center;font-size:29px;letter-spacing:9px;height:62px}.register-verify-form>small{text-align:center;color:#8c98a4;font-size:9px}
.register-restart{text-align:center;margin-top:12px}.register-restart button{border:0;background:none;color:#6f7f91;font-size:10px;cursor:pointer}.register-login{text-align:center;border-top:1px solid #edf1f4;margin-top:24px;padding-top:18px;color:#82909e;font-size:11px}.register-login a{color:#0d3357;font-weight:700;text-decoration:none}
@media(max-width:1000px){.register-shell{grid-template-columns:1fr}.register-visual{min-height:380px}.register-copy{margin:55px 0}.register-main{padding:28px 18px}}
@media(max-width:620px){.register-card{padding:22px 16px;border-radius:17px}.register-grid.two{grid-template-columns:1fr}.register-progress>div b{display:none}.register-progress>i{width:34px}.register-copy h1{font-size:42px}.register-visual{padding:28px 20px}.register-main{padding:18px 10px}}
