:root{
  --blue:#1f3f8b;--blue2:#09245d;--blue3:#071b49;--orange:#ff6b00;--bg:#f4f7fb;
  --text:#10203d;--muted:#64748b;--card:#fff;--border:rgba(31,63,139,.10);
  --shadow:0 16px 42px rgba(15,38,89,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;color:var(--text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at 16% 0%,rgba(31,63,139,.08),transparent 30%),
    radial-gradient(circle at 86% 5%,rgba(255,107,0,.07),transparent 24%),
    var(--bg);
}
.wrap{max-width:1440px;margin:0 auto;padding:0 28px}
.top{position:sticky;top:0;z-index:50;background:linear-gradient(135deg,#102f79,#071f56);box-shadow:0 12px 28px rgba(8,36,92,.18)}
.nav{height:78px;display:flex;align-items:center;gap:30px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-size:22px;font-weight:950;letter-spacing:.2px;white-space:nowrap}
.brand strong span{color:var(--orange)}
.brand-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(255,107,0,.12);color:var(--orange);font-size:22px}
.main-nav{display:flex;gap:23px;flex:1}
.main-nav a{color:#fff;text-decoration:none;font-weight:850;font-size:14px;padding:30px 0 24px;opacity:.94}
.main-nav a.active{color:var(--orange);border-bottom:3px solid var(--orange)}
.nav-actions{display:flex;align-items:center;gap:14px}
.nav-search{background:rgba(255,255,255,.13);color:#dbeafe;text-decoration:none;border-radius:999px;padding:12px 20px;min-width:240px;font-weight:700}
.nav-icon{color:#fff;text-decoration:none}
.avatar{width:40px;height:40px;border-radius:50%;background:#3157e7;color:#fff;text-decoration:none;display:grid;place-items:center;font-weight:950}
.page{padding-top:30px;padding-bottom:52px}
.hero{
  position:relative;overflow:hidden;border-radius:24px;min-height:420px;
  background:
    linear-gradient(90deg,rgba(6,30,80,.99) 0%,rgba(6,30,80,.90) 44%,rgba(6,30,80,.45) 71%),
    linear-gradient(135deg,#0b276b,#071b49);
  box-shadow:0 28px 70px rgba(8,36,92,.25);
  padding:58px 52px 114px;color:#fff;
}
.hero:before{
  content:"";position:absolute;right:0;top:0;bottom:0;width:52%;
  background:
    radial-gradient(circle at 50% 40%,rgba(255,255,255,.20),transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,0));
  opacity:.9;
}
.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 16%,rgba(255,255,255,.12),transparent 32%);pointer-events:none}
.hero-copy{position:relative;z-index:2;max-width:760px}
.eyebrow{color:var(--orange);font-weight:950;letter-spacing:.7px;margin-bottom:16px}
.hero h1{font-size:56px;line-height:1.02;letter-spacing:-2.1px;margin:0 0 18px}
.hero h1 span{display:block;color:var(--orange)}
.hero p{font-size:19px;line-height:1.55;max-width:650px;color:#edf4ff;margin:0 0 28px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.btn{padding:15px 23px;border-radius:14px;text-decoration:none;font-weight:950;display:inline-flex;align-items:center;gap:8px}
.primary{background:var(--orange);color:#fff;box-shadow:0 15px 32px rgba(255,107,0,.33)}
.secondary{border:1px solid rgba(255,255,255,.65);color:#fff;background:rgba(255,255,255,.08)}
.hero-visual{position:absolute;z-index:2;right:52px;top:62px;width:350px;height:245px}
.glass-card{position:absolute;background:rgba(255,255,255,.93);color:#10203d;border-radius:18px;padding:17px 18px;box-shadow:0 20px 42px rgba(0,0,0,.18);width:250px}
.glass-card small{display:block;color:var(--orange);font-weight:950;margin-bottom:6px}.glass-card b{display:block;font-size:15px;margin-bottom:5px}.glass-card span{font-size:12px;color:var(--muted)}
.card-one{right:0;top:0}.card-two{left:0;bottom:0}
.hero-features{position:absolute;z-index:2;left:42px;right:42px;bottom:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.hero-features div{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:15px 16px;backdrop-filter:blur(8px)}
.hero-features b{display:block;font-size:14px}.hero-features small{color:#dbeafe}
.intent{margin-top:30px}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 16px}
.section-head h2{margin:0;font-size:28px;letter-spacing:-.6px;color:var(--blue)}.section-head p{margin:6px 0 0;color:var(--muted)}
.intent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.intent-card{
  background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;padding:20px;
  text-decoration:none;color:var(--text);display:grid;gap:12px;min-height:230px;transition:.16s ease;position:relative;overflow:hidden;
}
.intent-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--accent)}
.intent-card:hover{transform:translateY(-3px);box-shadow:0 24px 54px rgba(15,38,89,.15)}
.intent-card i{width:56px;height:56px;border-radius:17px;background:var(--accent);display:grid;place-items:center;color:#fff;font-style:normal;font-size:28px}
.intent-card h3{margin:0 0 8px;font-size:20px;letter-spacing:-.35px}.intent-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.45}
.intent-card span{align-self:end;font-weight:950;color:var(--blue)}
.orange{--accent:#ff8700}.cyan{--accent:#38a9c9}.red{--accent:#ef4444}.green{--accent:#61b946}
.body-grid{display:grid;grid-template-columns:minmax(0,1fr) 375px;gap:30px;margin-top:32px}
.compact h2{font-size:25px}
.cat-search input{border:1px solid #dbe3ef;background:#fff;border-radius:14px;padding:13px 16px;color:#64748b;min-width:330px;outline:0}
.categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cat{
  background:#fff;border-radius:21px;padding:22px;text-decoration:none;color:var(--text);
  box-shadow:var(--shadow);border:1px solid rgba(31,63,139,.08);
  min-height:190px;transition:.16s ease;position:relative;overflow:hidden;
}
.cat:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--accent,#3157e7);opacity:.95}
.cat:hover{transform:translateY(-3px);box-shadow:0 24px 54px rgba(15,38,89,.15)}
.cat i{width:60px;height:60px;border-radius:17px;display:grid;place-items:center;color:#fff;font-style:normal;font-size:28px;margin-bottom:15px;background:var(--accent,#3157e7)}
.cat h3{margin:0 0 8px;font-size:18px;letter-spacing:-.25px}.cat p{margin:0;color:var(--muted);font-size:13px;line-height:1.45;min-height:58px}
.cat footer{border-top:1px solid #eef2f7;margin-top:15px;padding-top:12px;display:grid;grid-template-columns:auto 1fr auto 1fr auto;gap:8px;align-items:center}
.cat footer b{font-size:16px}.cat footer span{font-size:11px;color:var(--muted)}.cat footer em{font-style:normal;font-size:24px;color:var(--blue)}
.blue{--accent:#3157e7}.purple{--accent:#7c3aed}.amber{--accent:#ff7a1a}.lime{--accent:#5bbd4b}.indigo{--accent:#3157e7}
.right{display:flex;flex-direction:column;gap:20px}
.panel{background:#fff;border-radius:22px;padding:25px;box-shadow:var(--shadow);border:1px solid rgba(31,63,139,.08)}
.panel h3{margin:0 0 18px;font-size:20px;letter-spacing:-.3px}
.panel a{display:block;text-decoration:none;color:var(--text);padding:13px 0;border-bottom:1px solid #eef2f7}
.panel a:last-child{border-bottom:0}
.panel a b{display:block;font-size:14px;margin-bottom:5px}.panel a span{color:var(--muted);font-size:12px}
.panel-more{font-weight:950;color:var(--blue)!important}
.avatars{display:flex;gap:8px;margin:10px 0 16px}
.avatars span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#f97316;color:#fff;font-weight:950}
.avatars span:nth-child(2){background:#ef4444}.avatars span:nth-child(3){background:#66b84a}.avatars span:nth-child(4){background:#be185d}.avatars span:nth-child(5){background:#e2e8f0;color:#334155}
.users p{color:#16a34a;font-weight:850}
.quick{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px}.quick h3{grid-column:1/-1}.quick a{border:0;padding:8px 0}
.chat{position:fixed;right:28px;bottom:28px;width:62px;height:62px;border-radius:50%;background:#3157e7;color:#fff;text-decoration:none;display:grid;place-items:center;font-size:28px;box-shadow:0 18px 40px rgba(49,87,231,.36)}
@media(max-width:1180px){.body-grid{grid-template-columns:1fr}.right{display:grid;grid-template-columns:repeat(3,1fr)}.intent-grid{grid-template-columns:repeat(2,1fr)}.hero-visual{display:none}}
@media(max-width:960px){.main-nav{display:none}.categories-grid{grid-template-columns:repeat(2,1fr)}.right{display:none}.hero-features{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.wrap{padding:0 16px}.categories-grid,.intent-grid{grid-template-columns:1fr}.hero{padding:30px 24px}.hero h1{font-size:36px}.hero-features{position:static;margin-top:22px;grid-template-columns:1fr}.hero-actions{flex-direction:column}.nav-search,.cat-search{display:none}.nav{height:66px}.brand{font-size:18px}}

/* R6 — uproszczony nagłówek */
.main-nav.single-return {
  flex: 1;
  display: flex;
  justify-content: flex-start;
}

.return-main {
  color: #fff !important;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  padding: 12px 18px !important;
  margin-left: 4px;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.return-main:hover {
  background: rgba(255,255,255,.17);
}

/* R6 — dopracowanie homepage */
.hero {
  margin-top: 4px;
}

.intent-card span,
.cat footer em,
.panel-more {
  text-decoration: none !important;
}

.cat-search input {
  transition: .18s ease;
}

.cat-search input:focus {
  border-color: rgba(255,107,0,.55);
  box-shadow: 0 0 0 4px rgba(255,107,0,.12);
}

/* mniej sztucznego efektu przy scrollu */
.top {
  backdrop-filter: saturate(140%) blur(8px);
}

/* === STREFA R7 FINAL — HOMEPAGE TYPOGRAPHY / SPACING === */
:root {
  --sd-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body {
  font-family: var(--sd-font) !important;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
}

.wrap {
  max-width: 1360px !important;
}

.top .nav {
  height: 74px !important;
}

.brand {
  font-size: 21px !important;
  letter-spacing: -0.25px !important;
}

.return-main {
  font-size: 14px !important;
  padding: 11px 17px !important;
}

.nav-search {
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  font-size: 14px !important;
}

.hero {
  min-height: 390px !important;
  padding: 52px 50px 102px !important;
  border-radius: 24px !important;
}

.hero h1 {
  font-size: clamp(42px, 4.1vw, 58px) !important;
  line-height: 1.02 !important;
  letter-spacing: -2.2px !important;
}

.hero p {
  max-width: 650px !important;
  font-size: 18px !important;
  line-height: 1.55 !important;
}

.eyebrow {
  font-size: 14px !important;
  letter-spacing: .75px !important;
}

.hero-features {
  gap: 13px !important;
}

.hero-features div {
  padding: 14px 16px !important;
  border-radius: 17px !important;
}

.hero-features b {
  font-size: 13px !important;
}

.hero-features small {
  font-size: 12px !important;
}

.section-head {
  margin-bottom: 16px !important;
}

.section-head h2 {
  font-size: 27px !important;
  line-height: 1.15 !important;
  letter-spacing: -0.65px !important;
}

.section-head p {
  font-size: 14px !important;
  line-height: 1.45 !important;
}

.intent-grid {
  gap: 18px !important;
}

.intent-card {
  min-height: 214px !important;
  padding: 21px !important;
  border-radius: 22px !important;
}

.intent-card h3 {
  font-size: 19px !important;
  line-height: 1.18 !important;
}

.intent-card p {
  font-size: 13.5px !important;
  line-height: 1.45 !important;
}

.intent-card span {
  font-size: 14px !important;
}

.body-grid {
  gap: 32px !important;
  margin-top: 34px !important;
}

.categories-grid {
  gap: 18px !important;
}

.cat {
  min-height: 192px !important;
  padding: 22px !important;
  border-radius: 22px !important;
}

.cat h3 {
  font-size: 18px !important;
  line-height: 1.22 !important;
}

.cat p {
  font-size: 13px !important;
  line-height: 1.44 !important;
}

.cat footer {
  margin-top: 16px !important;
  padding-top: 13px !important;
}

.panel {
  border-radius: 22px !important;
  padding: 24px !important;
}

.panel h3 {
  font-size: 20px !important;
  line-height: 1.18 !important;
}

.panel a b {
  font-size: 14px !important;
  line-height: 1.35 !important;
}

.panel a span {
  font-size: 12px !important;
}

.chat {
  width: 60px !important;
  height: 60px !important;
}

/* === STREFA R8 — FONT / GRAPHICS / FINAL HOMEPAGE === */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap');

:root {
  --sd-font-modern: "Plus Jakarta Sans", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html,
body {
  font-family: var(--sd-font-modern) !important;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
}

body {
  background:
    url("/strefa-assets/forum-blueprint-left-r8.svg") left 120px top 170px / 330px auto no-repeat,
    url("/strefa-assets/forum-blueprint-right-r8.svg") right 80px top 190px / 350px auto no-repeat,
    radial-gradient(circle at 20% 0%, rgba(31,63,139,.10), transparent 32%),
    radial-gradient(circle at 86% 5%, rgba(255,107,0,.07), transparent 28%),
    #f4f7fb !important;
}

.wrap {
  max-width: 1340px !important;
}

.top .nav {
  height: 74px !important;
}

.brand {
  font-size: 21px !important;
  letter-spacing: -.35px !important;
}

.main-nav.single-return {
  flex: 1 !important;
  display: flex !important;
  justify-content: flex-start !important;
}

.return-main {
  color: #fff !important;
  background: rgba(255,255,255,.105);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  padding: 11px 18px !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.return-main:hover {
  background: rgba(255,255,255,.18);
}

.hero {
  position: relative;
  min-height: 392px !important;
  padding: 52px 50px 102px !important;
  border-radius: 26px !important;
  overflow: hidden;
}

.hero::before {
  background-image:
    url("/strefa-assets/forum-hero-tech-r8.svg"),
    radial-gradient(circle at 70% 45%, rgba(255,255,255,.16), transparent 32%) !important;
  background-position: right 10px center, center !important;
  background-repeat: no-repeat !important;
  background-size: 520px auto, auto !important;
  opacity: 1 !important;
}

.hero h1 {
  font-size: clamp(43px, 4.2vw, 60px) !important;
  line-height: 1.01 !important;
  letter-spacing: -2.4px !important;
  max-width: 760px !important;
}

.hero p {
  font-size: 18px !important;
  line-height: 1.58 !important;
  max-width: 670px !important;
}

.eyebrow {
  font-size: 13.5px !important;
  letter-spacing: .85px !important;
}

.btn {
  font-size: 14px !important;
  border-radius: 14px !important;
}

.hero-features {
  gap: 13px !important;
}

.hero-features div {
  border-radius: 17px !important;
  padding: 14px 16px !important;
}

.hero-features b {
  font-size: 13px !important;
}

.hero-features small {
  font-size: 12px !important;
}

.section-head h2 {
  font-size: 27px !important;
  letter-spacing: -.75px !important;
  color: #1f3f8b !important;
}

.section-head p {
  font-size: 14px !important;
  line-height: 1.48 !important;
}

.intent-grid,
.categories-grid {
  gap: 19px !important;
}

.intent-card,
.cat,
.panel {
  border-radius: 24px !important;
}

.intent-card {
  min-height: 214px !important;
  padding: 22px !important;
}

.intent-card h3 {
  font-size: 19px !important;
  line-height: 1.2 !important;
  letter-spacing: -.3px !important;
}

.intent-card p,
.cat p {
  font-size: 13.3px !important;
  line-height: 1.5 !important;
}

.cat {
  min-height: 196px !important;
  padding: 23px !important;
}

.cat h3 {
  font-size: 18.5px !important;
  line-height: 1.2 !important;
  letter-spacing: -.35px !important;
}

.cat i,
.intent-card i {
  box-shadow: 0 10px 24px rgba(15,38,89,.12);
}

.panel {
  padding: 24px !important;
}

.panel h3 {
  font-size: 20px !important;
  letter-spacing: -.35px !important;
}

.panel a b {
  font-size: 14px !important;
  line-height: 1.35 !important;
}

@media (max-width: 1100px) {
  body {
    background:
      radial-gradient(circle at 20% 0%, rgba(31,63,139,.10), transparent 32%),
      radial-gradient(circle at 86% 5%, rgba(255,107,0,.07), transparent 28%),
      #f4f7fb !important;
  }
}

/* === STREFA R9 — MODERN FONT FINAL === */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@500;600;700;800&display=swap');

:root {
  --sd-body-font: "Manrope", "Plus Jakarta Sans", "Aptos", "Segoe UI Variable", system-ui, sans-serif;
  --sd-head-font: "Sora", "Manrope", "Aptos Display", "Segoe UI Variable", system-ui, sans-serif;
}

html,
body {
  font-family: var(--sd-body-font) !important;
  letter-spacing: -0.01em;
}

h1, h2, h3,
.hero h1,
.section-head h2,
.brand,
.panel h3,
.cat h3,
.intent-card h3 {
  font-family: var(--sd-head-font) !important;
}

.hero h1 {
  font-weight: 800 !important;
  letter-spacing: -0.055em !important;
}

.section-head h2 {
  font-weight: 800 !important;
}

.hero p,
.intent-card p,
.cat p,
.panel a span {
  font-weight: 500 !important;
}

.cat,
.intent-card,
.panel {
  box-shadow: 0 18px 45px rgba(15,38,89,.075) !important;
}

.cat:hover,
.intent-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 24px 55px rgba(15,38,89,.11) !important;
}