:root{
  --ink:#0A2540;
  --accent:#00AEEF;
  --muted:#b9c6d4;
  --bg:#ffffff;
  --radius:16px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif}
body::before{
  content:"";
  position:fixed; inset:0;
  background:url('../img/bg.jpg') center center / cover no-repeat;
  filter: brightness(0.45) blur(2px);
  z-index:-2;
}
body::after{
  content:"";
  position:fixed; inset:0;
  background: rgba(10,37,64,0.35);
  z-index:-1;
}
.wrap{min-height:100vh;display:flex;flex-direction:column}
.header{padding:28px 20px 0;display:flex;justify-content:center}
.brand{max-width:1100px;width:100%}
.logo{font-weight:600;font-size:28px;letter-spacing:.3px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3)}
.accent{color:var(--accent)}
.panel{max-width:920px;margin:22px auto;border:1px solid rgba(230,238,245,.8);background:rgba(255,255,255,.92);backdrop-filter:saturate(140%) blur(6px);border-radius:var(--radius);padding:28px 24px;box-shadow:0 10px 28px rgba(10,37,64,.25)}
.panel-bottom{margin-top:12px}
h1,h2{margin:0 0 8px}
.lead{color:#445a74;margin-top:6px}
.bullets{list-style:none;padding:0;margin:16px 0 8px;display:grid;gap:6px}
.btn{display:inline-block;background:var(--ink);color:#fff;padding:12px 18px;border-radius:999px;font-weight:600;margin-right:10px;transition:.2s}
.btn:hover{transform:translateY(-1px);opacity:.95}
.btn-outline{background:transparent;border:2px solid var(--ink);color:var(--ink)}
.cta{margin:14px 0 6px}
.note{color:#3b4c63;font-size:14px;margin-top:6px}
.footer{margin-top:auto;padding:24px 20px 40px;text-align:center;color:var(--muted);text-shadow:0 2px 6px rgba(0,0,0,.4)}
.tiny{font-size:13px}
@media (max-width:640px){
  .panel{margin:12px;border-radius:14px;padding:22px 18px}
  .logo{font-size:24px}
}
.site-logo {
  width: 180px;          /* mniejszy rozmiar */
  height: auto;
  display: block;
  margin: 0 auto 10px;
  filter: drop-shadow(0 3px 6px rgba(0,0,0,0.3));
  transition: transform 0.3s ease;
  object-fit: contain;   /* dopasowanie do kontenera */
  padding: 10px 0;       /* margines wewnętrzny dla proporcji */
}

@media (max-width: 640px) {
  .site-logo {
    width: 140px;         /* mniejsze logo na telefonach */
  }
}