:root{
  --yellow:#f5c400;--yellow-2:#ffd84f;--yellow-dark:#c49b00;
  --navy:#071426;--navy-2:#0b1d33;--navy-3:#102a48;
  --black:#0a0c0f;--panel:#15191f;--panel2:#1b2027;
  --line:#29303a;--text:#f7f8fa;--muted:#97a1ad;
  --white:#fff;--danger:#e55353;--success:#24b36b;
  --shadow:0 20px 55px rgba(0,0,0,.18);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#0d1117;color:var(--text);line-height:1.45}
a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}
img{max-width:100%}.muted{color:var(--muted)}.center{text-align:center}
.demo{background:var(--yellow);color:#111;text-align:center;padding:7px 12px;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;padding:12px 18px;font-weight:800;background:var(--yellow);color:#111;cursor:pointer;box-shadow:0 8px 20px rgba(245,196,0,.18)}
.btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.btn.alt{background:transparent;color:#fff;border:1px solid #5c6673;box-shadow:none}.btn.small{padding:8px 11px;font-size:11px}.btn.danger{background:var(--danger);color:#fff}
.notice{padding:13px 15px;border-radius:10px;background:#332b09;color:#ffe98e;margin:14px 0}.notice.ok{background:#113620;color:#98f2b9}.notice.err{background:#471c1c;color:#ffadad}
.status{display:inline-flex;padding:5px 9px;border-radius:99px;background:#2b3139;color:#dfe5ec;font-size:10px;text-transform:uppercase;font-weight:800}.status.active,.status.completed,.status.approved{background:#e7f7ee;color:#16824a}.status.pending,.status.processing,.status.authorization_required{background:#fff4cc;color:#9d7600}.status.rejected,.status.cancelled,.status.suspended{background:#ffe6e6;color:#b53333}

/* PUBLIC WEBSITE */
.site-nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;background:rgba(5,12,22,.96);border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:80;backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:12px}.brand img{max-height:50px;max-width:230px}.logo{width:44px;height:44px;display:grid;place-items:center;background:var(--yellow);color:#111;border-radius:10px;font-weight:900}
.brand b{display:block;font-size:15px}.brand small{display:block;font-size:9px;letter-spacing:.12em;color:#93a2b3}.site-nav nav{display:flex;gap:24px;font-size:12px}.site-nav nav a{padding:28px 0;border-bottom:2px solid transparent}.site-nav nav a:hover{color:var(--yellow);border-color:var(--yellow)}.site-nav .actions{display:flex;gap:9px}
.home-hero{min-height:670px;padding:72px 5vw;display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;background:
linear-gradient(90deg,rgba(4,13,25,.96) 0%,rgba(4,13,25,.84) 42%,rgba(4,13,25,.28) 100%),
url('/assets/images/hero-bank-city.svg') center/cover no-repeat;color:#fff}
.home-hero h1{font-family:Georgia,serif;font-size:clamp(50px,6.5vw,86px);line-height:.98;margin:14px 0 20px;letter-spacing:-.035em}.home-hero h1 em{color:var(--yellow);font-style:normal}.home-hero p{max-width:690px;color:#e5e9ee;font-size:16px}
.hero-login{justify-self:end;width:min(390px,100%);padding:26px;border-radius:18px;background:rgba(10,18,30,.86);border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow);backdrop-filter:blur(14px)}.hero-login h2{margin-top:0}.hero-login .btn{width:100%;margin-top:8px}
.home-strip{display:grid;grid-template-columns:repeat(6,1fr);background:#fff;color:#111;padding:22px 4.5vw;border-bottom:1px solid #e4e7ea}.home-strip div{padding:7px 16px;border-right:1px solid #e2e5e8}.home-strip div:last-child{border-right:0}.home-strip b{display:block;font-size:12px}.home-strip small{font-size:10px;color:#6b747e}
.home-section{padding:78px 5vw}.home-section.light{background:#f7f8fa;color:#111}.home-section.dark{background:linear-gradient(135deg,#071426,#0b1d33);color:#fff}.home-section h2{font-size:clamp(34px,4vw,54px);margin:0 0 12px;letter-spacing:-.025em}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:#fff;border:1px solid #e1e5e9;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(12,28,45,.05)}.service-card .visual{height:155px;background:linear-gradient(135deg,#102a48,#081421);position:relative}.service-card .visual:after{content:"";position:absolute;right:-35px;top:-35px;width:140px;height:140px;border-radius:50%;border:28px solid rgba(245,196,0,.20)}.service-card .visual .icon{position:absolute;left:22px;bottom:20px;font-size:46px;color:var(--yellow)}.service-card .body{padding:22px}.service-card h3{margin:0 0 8px}.service-card p{font-size:13px;color:#66717c}
.forex-board{background:#081829;border:1px solid #1f3851;border-radius:16px;overflow:hidden}.forex-board table{width:100%;border-collapse:collapse}.forex-board th,.forex-board td{padding:14px 18px;border-bottom:1px solid #1e3145;text-align:left}.forex-board th{font-size:10px;color:#8ea0b4;text-transform:uppercase}.forex-board td b{color:#7ef1ad}
.showcase{display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;align-items:center}.showcase img{border-radius:16px;border:1px solid #30455a;box-shadow:0 26px 70px rgba(0,0,0,.26)}
.mega-footer{background:#051225;color:#d7dfeb;padding:60px 5vw 22px}.footer-grid{display:grid;grid-template-columns:1.45fr repeat(4,1fr);gap:30px}.mega-footer h4{margin:0 0 14px;color:#fff}.mega-footer a{display:block;color:#8fa3b8;font-size:12px;margin:9px 0}.mega-footer p{font-size:12px;color:#8fa3b8}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #20334a;margin-top:34px;padding-top:18px;color:#7d90a5;font-size:11px}

/* APP SHELL */
.top{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#0b0e12;border-bottom:1px solid #232932}.profile-chip{display:flex;align-items:center;gap:10px;font-size:12px}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--yellow);border:2px solid var(--yellow)}.avatar.big{width:132px;height:132px;border-width:4px}
.layout{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 99px)}.side{background:#0b0e12;border-right:1px solid #232932;padding:18px 12px}.side a{display:flex;align-items:center;min-height:42px;padding:10px 12px;margin-bottom:4px;border-radius:7px;color:#d1d6dc;font-size:12px;border-left:3px solid transparent}.side a:hover{background:var(--yellow);color:#111;border-left-color:#fff}.main{padding:26px;min-width:0}
.section-title{display:flex;justify-content:space-between;align-items:flex-end;margin:0 0 18px}.section-title h1,.section-title h2{margin:0}.section-title p{margin:5px 0 0;color:var(--muted);font-size:12px}
.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card,.form-card{background:#171b21;border:1px solid #2a3038;border-radius:13px;padding:18px}.card.accent{background:linear-gradient(135deg,var(--yellow),var(--yellow-2));color:#111;border-color:transparent}.metric small{font-size:10px;text-transform:uppercase;color:#89949f}.metric strong{display:block;font-size:28px;margin-top:8px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.full{grid-column:1/-1}label{font-size:10px;color:#9aa4af;font-weight:600}input,select,textarea{width:100%;margin-top:6px;padding:11px 12px;background:#0d1116;color:#fff;border:1px solid #333b45;border-radius:7px;outline:0}input:focus,select:focus,textarea:focus{border-color:var(--yellow)}
.table-wrap{overflow:auto;border:1px solid #2a3038;border-radius:12px;background:#15191e}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:13px 14px;border-bottom:1px solid #292f36;text-align:left;vertical-align:top}th{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#84909d}
.dashboard-hero{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;margin-bottom:16px}.welcome-panel{background:linear-gradient(135deg,#15191e,#252000);border:1px solid #463b04;border-radius:14px;padding:24px}
.donut-wrap{position:relative;width:150px;height:150px;margin:12px auto}.donut{--p:65;width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--yellow) calc(var(--p)*1%),#2b3138 0)}.donut:after{content:"";position:absolute;inset:29px;background:#171b21;border-radius:50%}.donut-label{position:absolute;inset:0;display:grid;place-items:center;z-index:2;font-weight:900}.progress-ok{display:flex;gap:9px;align-items:center;padding:7px 0;color:#7de6a4;font-size:12px}.progress-ok i{width:23px;height:23px;border-radius:50%;background:#183b25;display:grid;place-items:center;font-style:normal}
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick a{background:#171b21;border:1px solid #2b3138;border-radius:10px;padding:15px;text-align:center}.quick a:hover{border-color:var(--yellow);color:var(--yellow)}
.bank-card{height:210px;background:linear-gradient(135deg,var(--yellow),#ffdd4c);color:#111;border-radius:18px;padding:22px;box-shadow:0 18px 45px rgba(245,196,0,.12)}.bank-card .num{font-size:21px;letter-spacing:.1em;margin:46px 0 24px}
.transfer-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:16px}.transfer-steps span{background:#20262d;color:#8f9aa5;text-align:center;padding:9px;border-radius:7px;font-size:10px}.transfer-steps .done,.transfer-steps .current{background:var(--yellow);color:#111;font-weight:900}.transfer-summary{background:#11161c;border:1px solid #323a44;border-radius:12px;padding:18px}

/* CUSTOMER MODES */
body.mode-light{background:#f4f6f8;color:#17191c}
body.mode-light .top,body.mode-light .side{background:#fff;color:#17191c;border-color:#e0e4e8}
body.mode-light .side a{color:#3f4750}body.mode-light .card,body.mode-light .form-card,body.mode-light .table-wrap{background:#fff;border-color:#e0e4e8;color:#17191c}
body.mode-light input,body.mode-light select,body.mode-light textarea{background:#fff;color:#111;border-color:#cfd5dc}
body.mode-light th,body.mode-light td{border-color:#e5e8ec}body.mode-light .donut:after{background:#fff}
.theme-blue{--yellow:#3185ff;--yellow-2:#76adff}.theme-emerald{--yellow:#20c57a;--yellow-2:#70e3ae}.theme-purple{--yellow:#9b5cff;--yellow-2:#c7a2ff}.theme-gold{--yellow:#d9ab2d;--yellow-2:#f0cf73}
.layout-executive .main{background:radial-gradient(circle at 90% 0,rgba(245,196,0,.08),transparent 25%)}.layout-classic .main{max-width:1180px;margin:auto}.layout-minimal{--panel:#fff}

/* ADMIN = WHITE PROFESSIONAL CONTENT + DARK SIDEBAR */
body.admin-ui{background:#f4f6f8;color:#181a1d}
body.admin-ui .top{background:#080b0f;color:#fff}
body.admin-ui .side{background:#0e1116;color:#fff}
body.admin-ui .side a{color:#d7dce2}
body.admin-ui .main{background:#f4f6f8}
body.admin-ui .card,body.admin-ui .form-card{background:#fff;color:#17191c;border-color:#e1e5e9;box-shadow:0 4px 16px rgba(23,38,53,.04)}
body.admin-ui .table-wrap{background:#fff;border-color:#e1e5e9;color:#17191c}
body.admin-ui th,body.admin-ui td{border-color:#e7eaee}
body.admin-ui th{color:#697480}
body.admin-ui input,body.admin-ui select,body.admin-ui textarea{background:#fff;color:#111;border-color:#cfd5dc}
body.admin-ui .section-title p{color:#7b8590}
.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.admin-metric{background:#fff;border:1px solid #e2e6ea;border-radius:12px;padding:18px}.admin-metric small{font-size:10px;color:#7b8590;text-transform:uppercase}.admin-metric strong{display:block;font-size:26px;margin-top:8px}
.settings-shell{display:grid;grid-template-columns:210px minmax(0,1fr);gap:18px}.settings-menu{background:#fff;border:1px solid #e0e4e8;border-radius:12px;padding:10px;height:max-content;position:sticky;top:18px}.settings-menu a{display:block;padding:11px 12px;border-radius:7px;color:#4a5560;font-size:12px;margin-bottom:3px}.settings-menu a:hover,.settings-menu a.active{background:var(--yellow);color:#111;font-weight:800}.settings-panel{background:#fff;border:1px solid #e0e4e8;border-radius:12px;padding:22px}.settings-panel h2{margin-top:0}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.setting-row{display:grid;grid-template-columns:90px 180px 1fr 110px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f2}.switch{display:inline-flex;align-items:center;gap:7px;font-size:11px}.switch input{width:auto;margin:0}
.footer{padding:22px;text-align:center;color:#66717b;font-size:10px;border-top:1px solid #252b33}

/* CARDS / STATEMENTS */
.real-card{height:225px;border-radius:20px;padding:23px;color:#fff;background:linear-gradient(135deg,#1d1d1d,#564300);box-shadow:0 22px 50px rgba(0,0,0,.25)}.real-card.visa{background:linear-gradient(135deg,#0f1b39,#2457b6)}.real-card.mastercard{background:linear-gradient(135deg,#171717,#612315)}.real-card.amex{background:linear-gradient(135deg,#0d3a59,#1484a7)}.real-card .chip{width:46px;height:34px;border-radius:7px;background:linear-gradient(#f5e6a9,#b99a44);margin:24px 0 16px}.real-card .card-number{font-size:21px;letter-spacing:.12em}.real-card .card-bottom{display:flex;justify-content:space-between;margin-top:20px}.network-logo{font-size:24px;font-weight:900;font-style:italic}
.receipt{background:#fff;color:#111;max-width:900px;margin:20px auto;border-radius:10px;padding:32px}.receipt-head{display:flex;justify-content:space-between;border-bottom:4px solid var(--yellow);padding-bottom:17px;margin-bottom:20px}.receipt-head img{max-height:62px;max-width:230px}.statement-meta{display:grid;grid-template-columns:1fr 1fr;gap:24px}.statement-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.statement-summary div{background:#f4f5f6;padding:13px;border-radius:7px}

/* RESPONSIVE */
@media(max-width:1050px){.site-nav nav{display:none}.home-hero,.showcase,.dashboard-hero{grid-template-columns:1fr}.hero-login{justify-self:start}.home-strip{grid-template-columns:repeat(3,1fr)}.service-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.admin-metrics{grid-template-columns:1fr 1fr}.settings-shell{grid-template-columns:1fr}.settings-menu{position:static;display:flex;overflow:auto}.settings-menu a{white-space:nowrap}}
@media(max-width:780px){.layout{grid-template-columns:1fr}.side{display:flex;overflow:auto;border-right:0;border-bottom:1px solid #232932}.side a{white-space:nowrap}.g4,.g3,.g2,.settings-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.home-strip{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:1fr}.main{padding:18px}.statement-summary,.statement-meta{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.site-nav{padding:0 16px}.site-nav .actions .alt{display:none}.home-hero{padding:50px 20px;min-height:620px}.home-hero h1{font-size:47px}.home-strip,.footer-grid,.statement-summary,.statement-meta,.admin-metrics{grid-template-columns:1fr}.quick{grid-template-columns:1fr 1fr}.setting-row{grid-template-columns:1fr}}
@media print{.demo,.top,.side,.footer,.no-print{display:none!important}.layout{display:block}.main{padding:0}.receipt{max-width:none;border-radius:0}}


/* ===== V4.2 REFERENCE MATCH ===== */
.site-nav{height:72px;padding:0 16px 0 18px}
.site-nav .brand{min-width:190px}
.site-nav nav{gap:21px;align-items:center}
.site-nav nav a{font-size:11px;font-weight:600}
.site-nav .actions{gap:9px}
.site-nav .mode-buttons{display:flex;align-items:center;background:#090d13;border:1px solid #29323c;border-radius:8px;padding:4px}
.site-nav .mode-buttons button{border:0;background:transparent;color:#fff;width:31px;height:31px;border-radius:6px;cursor:pointer}
.site-nav .mode-buttons button.active{color:#111;background:var(--yellow)}
.home-hero{min-height:520px;padding:50px 57px;background:
linear-gradient(90deg,rgba(7,18,31,.87) 0%,rgba(7,18,31,.52) 46%,rgba(7,18,31,.12) 100%),
url('/assets/images/hero-bank-city.svg') center/cover no-repeat}
.home-hero h1{font-size:clamp(45px,4.8vw,70px);max-width:720px}
.home-hero p{max-width:650px;font-size:15px}
.hero-login{width:330px;padding:22px;border-radius:14px;background:rgba(9,17,27,.88)}
.home-strip{padding:13px 0;background:#0d1219;color:#fff;border:0}
.home-strip div{padding:10px 22px;border-color:#343b44;display:flex;flex-direction:column;justify-content:center}
.home-strip b{font-size:11px;color:#fff}.home-strip small{color:#9aa4af;font-size:9px}
.home-strip .strip-icon{color:var(--yellow);font-size:26px;margin-bottom:5px}
.home-forex-ticker{background:#0a1017;color:#fff;border-top:1px solid #222d38;border-bottom:1px solid #222d38;display:grid;grid-template-columns:150px repeat(5,1fr) 120px}
.home-forex-ticker>div{padding:12px 15px;border-right:1px solid #28313b}
.home-forex-ticker small{display:block;color:#8b97a4;font-size:9px}.home-forex-ticker b{font-size:12px}
.home-benefits{background:#fff;padding:15px 14px;display:grid;grid-template-columns:repeat(6,1fr);gap:0}
.home-benefits div{color:#111;padding:13px 16px;border-right:1px solid #e4e7e9}
.home-benefits b{display:block;font-size:10px}.home-benefits small{font-size:9px;color:#68727c}
.home-benefits .benefit-icon{color:#b18a00;font-size:23px;margin-bottom:5px}
.home-section{padding:60px 5vw}
.info-modal{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:200;display:none;align-items:center;justify-content:center;padding:22px}
.info-modal.open{display:flex}
.info-modal-card{width:min(860px,100%);max-height:88vh;overflow:auto;background:#fff;color:#111;border-radius:17px;box-shadow:0 30px 90px rgba(0,0,0,.45)}
.info-modal-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:23px 26px;background:linear-gradient(135deg,#071426,#102a48);color:#fff;border-bottom:4px solid var(--yellow)}
.info-modal-head h2{margin:0}.info-modal-close{width:35px;height:35px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;font-size:20px;cursor:pointer}
.info-modal-body{padding:26px}.info-modal-body p{color:#4f5964}.info-modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.info-mini{background:#f7f8fa;border:1px solid #e2e6ea;border-radius:12px;padding:17px}.info-mini h4{margin:0 0 7px;color:#0b1d33}.info-mini strong{color:#9b7900}.modal-cta{display:flex;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid #e7eaed}

/* reference-like customer navigation */
.customer-brand-panel{padding:7px 8px 15px;margin-bottom:8px;border-bottom:1px solid #242b33}
.customer-sidebar-profile{display:flex;align-items:center;gap:10px;padding:10px 8px 15px;margin-bottom:8px;border-bottom:1px solid #242b33}
.customer-sidebar-profile .avatar{width:44px;height:44px}
.customer-sidebar-profile b{display:block;font-size:11px}.customer-sidebar-profile small{font-size:9px;color:var(--yellow)}
.side a.current{background:var(--yellow);color:#111;border-left-color:#fff;font-weight:800}
.top.customer-top{padding-left:18px}
.customer-top .brand{display:none}

/* admin top/header closer to reference */
.admin-top-user{display:flex;align-items:center;gap:9px;font-size:11px}
.admin-top-user .avatar{width:35px;height:35px}
body.admin-ui .layout{grid-template-columns:110px minmax(0,1fr)}
body.admin-ui .side{padding:12px 8px}
body.admin-ui .side a{font-size:10px;padding:10px 8px;min-height:38px;border-radius:6px}
body.admin-ui .main{padding:18px}
body.admin-ui .section-title h1{font-size:22px}
body.admin-ui .section-title p{font-size:10px}
.admin-content-card{background:#fff;border:1px solid #e1e5e9;border-radius:9px;padding:14px}
.settings-tabs-top{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}
.settings-tabs-top a{background:#f2f3f5;color:#444;padding:7px 11px;border-radius:6px;font-size:9px;border:1px solid #eceff1}
.settings-tabs-top a.active{background:var(--yellow);color:#111;font-weight:800;border-color:var(--yellow)}
.settings-block{border:1px solid #e3e6e9;border-radius:8px;background:#fff;padding:15px;margin-bottom:13px}
.settings-block h3{margin:0 0 4px;font-size:13px}
.settings-block p{font-size:10px;color:#7a838d}
.settings-code-head,.settings-code-row{display:grid;grid-template-columns:40px 90px 1fr 70px;gap:10px;align-items:center}
.settings-code-head{font-size:9px;font-weight:800;color:#707a85;padding:8px 0}
.settings-code-row{padding:8px 0;border-top:1px solid #edf0f2}
.settings-code-row input{margin:0;padding:7px 9px;font-size:10px}
.settings-lower{display:grid;grid-template-columns:1fr 1.3fr;gap:13px}
.theme-dots{display:flex;gap:9px;margin:12px 0}.theme-dot{width:22px;height:22px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #ddd}
.theme-dot.yellow{background:#f5c400}.theme-dot.blue{background:#2d87e8}.theme-dot.red{background:#ef4250}.theme-dot.green{background:#37ad91}.theme-dot.navy{background:#2e5cad}
.layout-preview-box{height:100px;border-radius:8px;background:linear-gradient(135deg,#10161c,#1d242c);border:1px solid #cdd3d9;position:relative;overflow:hidden}
.layout-preview-box:before{content:"";position:absolute;left:0;top:0;bottom:0;width:24%;background:#0b0e12}
.layout-preview-box:after{content:"";position:absolute;left:30%;top:16%;width:26%;height:25%;background:#f5c400;border-radius:3px;box-shadow:90px 0 0 #28313a,0 40px 0 #28313a,90px 40px 0 #28313a}
@media(max-width:900px){
  .home-forex-ticker{grid-template-columns:1fr 1fr 1fr}.home-forex-ticker>div:first-child,.home-forex-ticker>div:last-child{display:none}
  .home-benefits{grid-template-columns:repeat(3,1fr)}
  body.admin-ui .layout{grid-template-columns:1fr}.settings-lower{grid-template-columns:1fr}
}
@media(max-width:620px){.home-benefits{grid-template-columns:1fr 1fr}.info-modal-grid{grid-template-columns:1fr}.home-strip{grid-template-columns:1fr 1fr}.settings-code-head,.settings-code-row{grid-template-columns:35px 70px 1fr 55px}}