@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');
:root{
  --primary:#0A66CC;
  --primary-600:#095BB2;
  --muted:#6c757d;
  --bg:#f8fbff;
}
*{box-sizing:border-box}
body{font-family:'Poppins',system-ui,Arial,sans-serif;background:var(--bg);color:#222;margin:0;padding-top:70px;}
.navbar-brand img{height:40px;}
.header-hero{background:linear-gradient(135deg,var(--primary),#58a6ff);color:#fff;padding:100px 0;position:relative;overflow:hidden;}
.header-hero .lead{opacity:0.95}
.card-app{border:0;border-radius:12px;box-shadow:0 6px 20px rgba(9,27,49,0.08);}
.section-title{margin-bottom:2rem;}
footer{background:#0b2340;color:#cfe6ff;padding:30px 0;margin-top:40px;}
.btn-primary{background:var(--primary);border:0}
.btn-primary:hover{background:var(--primary-600)}
.container-small{max-width:1100px;margin:0 auto}
.app-thumb{width:80px;height:80px;object-fit:cover;border-radius:12px;border:4px solid #fff;box-shadow:0 6px 18px rgba(9,27,49,0.12)}
.form-control:focus{box-shadow:0 0 0 0.2rem rgba(10,102,204,0.18);border-color:var(--primary)}
footer a{color:#bfe1ff;text-decoration:none}
.navbar-dark .navbar-nav .nav-link{color:#dceeff}
.navbar-dark .navbar-nav .nav-link.active{color:#fff;font-weight:600}
.table thead th{background:#0f4ea8;color:#fff;border-bottom:0}
@media(min-width:992px){.header-hero{padding:140px 0}}