*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;background-image: linear-gradient(135deg,#0f172a,#061122), url('assets/logistics-bg.svg');background-size:cover;background-position:center;background-repeat:no-repeat;background-blend-mode:overlay;color:#fff;display:flex;align-items:center;justify-content:center;padding:2rem}
.container{max-width:720px;width:100%;padding:2rem}
.banner{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);padding:2.25rem;border-radius:12px;text-align:center;backdrop-filter:blur(6px);box-shadow:0 8px 30px rgba(2,6,23,0.6);display:flex;flex-direction:column;align-items:center}
.brand-name{font-size:0.875rem;letter-spacing:0.1em;text-transform:lowercase;opacity:0.8;margin-bottom:1rem;font-weight:500}
.banner-image{width:100%;max-width:480px;height:auto;margin-bottom:1.5rem}
.banner h1{font-size:clamp(2rem,6vw,3.25rem);margin-bottom:0.5rem;letter-spacing:0.5px}
.banner p{opacity:0.9;margin-bottom:1.25rem}
.subscribe{display:flex;gap:0.5rem;justify-content:center}
.subscribe input{flex:1;padding:0.75rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.02);color:#fff;outline:none}
.subscribe input::placeholder{color:rgba(255,255,255,0.6)}
.subscribe button{padding:0.75rem 1rem;border-radius:8px;border:none;background:#06b6d4;color:#04263b;font-weight:700;cursor:pointer}
@media (max-width:480px){.subscribe{flex-direction:column}.subscribe input,.subscribe button{width:100%}}