@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');

/* ===== oFinaczej – polityka prywatności. CSS zawężony do .ofp (styl strony głównej) ===== */
.ofp{
  --navy:#2C3347;--bordo:#8E2B5B;--rose:#C98BAA;--blush:#EED9E1;--mist:#F8F7F9;--muted:#6b6f7d;--line:#ebe4e8;
  font-family:"Montserrat","Segoe UI",Arial,sans-serif;color:var(--navy);background:var(--mist);line-height:1.65;-webkit-font-smoothing:antialiased}
.ofp *{box-sizing:border-box}
.ofp h1,.ofp h2,.ofp h3{font-family:inherit;letter-spacing:-.02em;margin:0}
.ofp p{margin:0 0 12px}
header#top,header#top .navbar{background:linear-gradient(180deg,#ffffff 0%,#f4ecf1 100%)!important;box-shadow:none!important;border-bottom:0!important}
.ofp .hero{position:relative;overflow:hidden;color:#fff;
  background:
    radial-gradient(700px 520px at 78% 48%,rgba(142,43,91,.55),transparent 62%),
    radial-gradient(520px 420px at 8% 95%,rgba(90,44,81,.55),transparent 70%),
    linear-gradient(160deg,#10162a 0%,#1a2034 45%,#2a1d33 100%)}
.ofp .hero .mgla{position:absolute;left:0;right:0;top:0;height:110px;pointer-events:none;
  background:linear-gradient(180deg,#f4ecf1 0%,rgba(244,236,241,.6) 22%,rgba(244,236,241,.2) 55%,rgba(244,236,241,0) 100%)}
.ofp .hero-in{position:relative;max-width:980px;margin:0 auto;padding:110px 20px 90px}
.ofp .eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;color:#f3c6db}
.ofp .hero h1{color:#fff;font-size:clamp(32px,4.6vw,54px);font-weight:800;line-height:1.05;margin-top:14px}
.ofp .hero h1 em{font-style:normal;background:linear-gradient(90deg,#f7d3e3 0%,#e2a9c3 45%,#C98BAA 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.ofp .hero p{color:rgba(255,255,255,.82);font-size:17px;max-width:640px;margin-top:16px}
.ofp .karta{max-width:980px;margin:-50px auto 70px;padding:0 16px;position:relative}
.ofp .karta-in{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 22px 50px rgba(44,51,71,.10);padding:40px 44px}
.ofp .spis{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.ofp .spis a{font-size:13px;font-weight:600;padding:7px 13px;border-radius:999px;background:var(--blush);color:var(--bordo);text-decoration:none}
.ofp h2{font-size:21px;font-weight:800;margin:34px 0 12px;padding-top:6px;display:flex;gap:12px;align-items:center}
.ofp h2 .nr{flex:0 0 34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:15px;color:#fff;background:linear-gradient(135deg,#8E2B5B 0%,#C98BAA 100%)}
.ofp ul{padding-left:20px;margin:0 0 12px}
.ofp li{margin-bottom:6px}
.ofp a{color:var(--bordo)}
.ofp .admin{background:var(--mist);border-radius:16px;padding:18px 20px;border:1px solid var(--line)}
.ofp .tab{overflow-x:auto;margin:8px 0 12px;border:1px solid var(--line);border-radius:14px}
.ofp table{border-collapse:collapse;width:100%;font-size:14px;min-width:680px}
.ofp th{background:var(--navy);color:#fff;text-align:left;font-weight:700;padding:11px 12px}
.ofp td{padding:11px 12px;border-top:1px solid var(--line);vertical-align:top}
.ofp tr:nth-child(even) td{background:#fbf8fa}
.ofp .mala{font-size:13px;color:var(--muted)}
@media (max-width:767px){.ofp .hero-in{padding:84px 16px 72px}.ofp .karta-in{padding:26px 20px}}