:root{--bc-navy:#001f3f;--bc-blue:#003366;--bc-accent:#4db8ff;--bc-bg:#0b0f1a;--bc-text:#ffffff}
*{box-sizing:border-box}
body{background:var(--bc-bg);color:var(--bc-text);font-family:'Segoe UI',Tahoma,Verdana,sans-serif;padding-top:100px}
.navbar{background:linear-gradient(90deg,var(--bc-navy),var(--bc-blue))}
.navbar-brand{font-weight:700;color:#fff!important}
.btn-primary{background:#0a66c2;border:none}.btn-primary:hover{background:#1e90ff}
.btn-success{background:#0a7d2a;border:none}
.masthead{background:linear-gradient(180deg,var(--bc-navy) 0%,var(--bc-blue) 100%);padding:180px 20px 100px;text-align:center}
.masthead h1{font-size:2.8rem;font-weight:700;margin-bottom:20px}
.masthead p{color:#d8e6ff;font-size:1.1rem}
.store-preview-section{background:linear-gradient(180deg,var(--bc-navy) 0%,var(--bc-blue) 100%);color:#fff;padding:80px 0;text-align:center}
.store-preview-section .section-title{font-size:2.3rem;font-weight:700}
.store-preview-section .section-subtitle{color:#d8e6ff}
#storePreview{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;justify-items:center;margin-top:30px}
.card.bright{background:#fff;color:#000;border:none;border-radius:12px;overflow:hidden;box-shadow:0 6px 14px rgba(0,0,0,.4);transition:.3s ease}
.card.bright:hover{transform:translateY(-6px);box-shadow:0 10px 25px rgba(77,184,255,.5)}
footer{background:var(--bc-navy);color:#d8e6ff;text-align:center;padding:30px 10px}