html{font-size:16px}
body{font-family:'Poppins',system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#1b1b1b;line-height:1.6;background:url("/static/safedrive-bg.webp") no-repeat center top fixed;background-size:cover;background-color:#f8f9fa}
body::before{content:"";position:fixed;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.85),rgba(255,255,255,.4));z-index:-1}
.container{background-color:rgba(255,255,255,.78);padding:clamp(1rem,2.5vw,2rem);border-radius:14px;margin-top:clamp(1rem,2vw,1.5rem)}
.custom-navbar{background-color:#ffc107!important;min-height:70px;display:flex;align-items:center}
.navbar-brand{font-size:1.25rem;font-weight:600;color:#000!important}
.navbar .nav-link{color:#000!important;font-weight:500}
.navbar .nav-link:hover{color:#222!important}
.navbar-collapse{z-index:1040}
@media (max-width:991.98px){.custom-navbar{overflow:visible}.custom-navbar .navbar-collapse{position:absolute;left:0;right:0;top:100%;background:#ffc107;padding:.75rem 1rem;box-shadow:0 10px 20px rgba(0,0,0,.12);z-index:1050}.custom-navbar .nav-link{display:block;padding:.5rem 0}}
h1,h2,h3,h4{margin-top:.6em;margin-bottom:.4em;color:#111}
h1{font-size:clamp(1.9rem,2.2vw + .6rem,2.6rem);font-weight:600}
h2{font-size:clamp(1.5rem,1.4vw + .6rem,2.1rem);font-weight:600}
h3{font-size:clamp(1.25rem,1vw + .5rem,1.6rem);font-weight:600}
h4{font-size:clamp(1.1rem,.7vw + .45rem,1.35rem);font-weight:500}
p,li{font-size:1rem;color:#1b1b1b}
small,.text-muted{color:#444!important}
ul{padding-left:1.25rem}.list-inline-item{margin-right:.9rem}.p span{margin-right:1.25rem}
footer{font-size:1rem;color:#444;background-color:rgba(255,255,255,.9)}
.custom-yellow{color:#f1c40f}