:root{--bg: #ffffff;--text: #0b1b2b;--muted: #5c6b7a;--brand: #3c6a9a;--brand-contrast: #ffffff;--border: #e6ebf0}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.5}.container{max-width:1100px;margin:0 auto;position:relative;padding:0 16px}.site-header{border-bottom:1px solid var(--border);background:#fff;position:sticky;top:0;z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px;gap:12px;flex-wrap:wrap}.brand{font-weight:700;color:var(--brand);letter-spacing:.4px}.nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.nav a,.nav a:visited{color:var(--text);text-decoration:none;margin:0;font-weight:500}.hamburger{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);cursor:pointer}.hero{min-height:clamp(360px,70vh,650px);border-bottom:1px solid var(--border);background-image:linear-gradient(180deg,#f5f8fb59,#ffffff59 60%),url(/carbabe.avif);background-repeat:no-repeat,no-repeat;background-position:center,top center;background-size:auto,cover}.hero-inner{display:flex;align-items:center;min-height:clamp(240px,50vh,520px);padding:54px 0;justify-content:flex-end}.hero-copy{max-width:540px;background:red;padding:50px}.hero h2{font-size:35px;font-weight:400;margin-bottom:8px;color:#fff}.hero p{color:#fff;margin-top:6px;max-width:56ch}.hero-inline-login{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--border);padding:8px;border-radius:12px;box-shadow:0 8px 20px #00000014;max-width:100%}.hero-inline-login .hero-inline-input{flex:1 1 160px;min-width:0;height:42px;padding:10px 12px;border:1px solid var(--border);border-radius:8px}.hero-inline-login .btn{margin:0}.hero-inline-login .btn.primary{width:auto;margin:0;padding:10px 16px;font-size:14px;font-weight:600}.actions{margin-top:20px;display:flex;gap:12px;flex-wrap:wrap}.btn{padding:10px 16px;border:1px solid var(--border);background:#fff;border-radius:8px;cursor:pointer}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-contrast);width:80%;margin:15px auto;padding:15px;font-size:16px;font-weight:600}.grid{margin:28px 0 56px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{border:1px solid var(--border);border-radius:12px;padding:20px;background:#fff}.tiles .grid{grid-template-columns:repeat(4,minmax(0,1fr))}.section{padding:40px 0}.split{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:center}.split .copy h2{font-size:clamp(24px,4vw,36px);margin-bottom:8px}.split .copy p{color:var(--muted);max-width:60ch}.img-frame{position:relative;width:100%;aspect-ratio:16/9;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#fff}.img-cover{width:100%;height:100%;object-fit:cover;display:block}.img-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#eef3f9,#e6ebf0)}.img-card{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.img-card-body{padding:16px}.img-card-body h3{margin-bottom:6px;font-size:18px}.img-card-body p{color:var(--muted)}.promo{padding:20px 0;background:#0d4b8e;color:#fff}.promo-inner{display:flex;align-items:center;justify-content:space-between}.promo .link{color:#fff;text-decoration:underline}.fdic-banner{padding:10px 0;background:#f1f6fb;color:var(--text);border-bottom:1px solid var(--border);text-align:center}.fdic-badge{font-weight:900;margin-right:8px;color:#0b3b71}.fdic-text{font-size:12px;font-style:italic}.footer-nav{padding:36px 0;background:#fafbfc;border-top:1px solid var(--border)}.footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.footer-col h4{margin-bottom:8px}.footer-col ul{list-style:none}.footer-col li{margin:6px 0}.footer-col a{color:var(--text);text-decoration:none}.footer-col a:hover{text-decoration:underline}@media (max-width: 1024px){.tiles .grid,.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}}@media (max-width: 800px){.grid{grid-template-columns:1fr}.hero{min-height:10vh;border-bottom:1px solid var(--border);background-image:linear-gradient(180deg,#2b2a2a59,#1d1d1d59 60%),url(/carbabe.avif);background-repeat:no-repeat,no-repeat;background-position:center,top center;background-size:auto,cover}.hero-inner{display:block;align-items:center;min-height:0;padding:0;justify-content:safe}.hero-copy{width:100%;height:fit-content;background:none;padding-inline:25px}.fdic-banner{padding:10px 0;font-size:10px;background:#f1f6fb;color:var(--text);border-bottom:1px solid var(--border);text-align:center}.tiles .grid{grid-template-columns:1fr}.promo-inner{flex-direction:column;gap:10px;align-items:flex-start}.hero-inner{padding:20px 0}.actions{flex-direction:column;align-items:flex-start;width:100%}.hero-inline-login{flex-wrap:wrap}.hero-inline-login .btn.primary{width:100%}.hamburger{display:inline-flex}.nav{display:none;width:100%;flex-direction:column;gap:8px;padding:8px 0;background:#fff;border:1px solid var(--border);border-radius:12px;margin-top:8px;box-shadow:0 8px 24px #00000014}.nav a{display:block;padding:10px 12px;border-radius:8px}.nav a:hover{background:#f6f8fa}.nav.open{display:flex}}@media (max-width: 640px){.container{padding:0 12px}.brand{font-size:14px}}.site-footer{border-top:1px solid var(--border);padding:24px 0;color:var(--muted);background:#fafbfc}.footer-grid{display:grid;gap:16px;grid-template-columns:1fr;align-items:center}.footer-brand{text-align:center}.footer-links{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.footer-links a{color:inherit;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-badges{display:flex;gap:8px;align-items:center;justify-content:center}.footer-badges .badge{border:1px solid var(--border);border-radius:6px;padding:2px 6px;font-weight:700;color:var(--text);background:#fff}.footer-badges img{width:20px;height:20px;display:block}@media (min-width: 768px){.footer-grid{grid-template-columns:1fr auto auto}.footer-brand{text-align:left}.footer-badges{justify-content:flex-end}}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:20;background:#fff;border-top:1px solid var(--border);box-shadow:0 -4px 16px #0000000f;padding:8px 12px calc(8px + env(safe-area-inset-bottom));display:none;gap:8px;justify-content:space-around}.bottom-nav-item{flex:1;text-align:center;padding:10px 8px;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;color:var(--text);text-decoration:none;font-weight:500}.bottom-nav-item.active{background:#eef3f9}.bottom-nav-icon{line-height:0}.bottom-nav-icon svg{width:20px;height:20px;display:block}.h-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.h-scroll::-webkit-scrollbar{display:none}.auth-card{width:100%;max-width:420px;margin:0 auto;border:.2px solid grey;border-radius:4px;padding:24px}@media (min-width: 768px){.auth-card{padding:32px}}@media (max-width: 800px){.bottom-nav{display:flex}}.labelTag{font-size:13px;font-weight:700}.labelBox{display:block;width:80%;margin:auto}.inputBox{width:100%;padding:22px;border:1px solid rgba(192,192,192,.852);border-radius:8px;height:20px;display:flex;justify-content:space-between;align-items:center}.input{border:none;width:95%;outline:none;padding-inline:10px}.bottomCont{font-size:14px;font-weight:700;width:80%;margin:auto;color:var(--brand)}.dashboard-header{display:flex;align-items:center;justify-content:center;gap:10px;background:#013c5a;padding:35px}.dashBox{border:1px solid var(--border);width:95%;margin:10px auto;height:fit-content;padding:12px;border-radius:10px;color:#fff}.boxTag{font-size:18px;font-weight:500}.spanBox{display:flex;align-items:center;justify-content:left;gap:5px}.balSpan{font-size:34px;font-weight:400}.balDesc{font-size:14px;font-weight:300}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.modal{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px;width:100%;max-width:420px}
