/*
Theme Name: TrainMaster WP
Theme URI: https://www.trainmaster.pl/
Author: TrainMaster
Description: Statyczny motyw WordPress wygenerowany z pliku trainmaster.html. Zawiera stronę główną, podstrony hash, referencje, szkolenia i kontakt.
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: trainmaster-wp
*/

    :root{
      --blue:#0b5fff;
      --cyan:#00d4ff;
      --dark:#020b18;
      --navy:#06142c;
      --soft:#f4f8ff;
      --line:#dce7f7;
      --text:#10203c;
      --muted:#63708a;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;font-family:'Atkinson Hyperlegible',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;background:#fff;color:var(--text)}
    a{text-decoration:none}
    img{max-width:100%;height:auto}

    .skip-link{position:absolute;left:-999px;top:auto}
    .skip-link:focus{left:1rem;top:1rem;z-index:99999;background:#fff;color:#000;padding:.75rem 1rem;border-radius:.75rem}

    .glass-nav{background:rgba(255,255,255,.92);backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(6,20,44,.08)}
    .logo{font-size:1.55rem;font-weight:300;letter-spacing:.14em;color:#1766ff!important;text-decoration:none}
    .logo .divider{color:#06142c;margin:0 .25rem;font-weight:300}
    .logo .master{font-weight:900;color:#06142c}
    .nav-link{font-weight:750;color:#10203c!important}
    .nav-social{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(11,95,255,.08);color:var(--blue);font-size:14px;transition:.25s}
    .nav-social:hover{transform:translateY(-3px);box-shadow:0 0 14px rgba(0,212,255,.45);color:#fff}
    .linkedin:hover{background:#0a66c2}.facebook:hover{background:#1877f2}.instagram:hover{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af,#515bd4)}.twitter:hover{background:#000}

    .btn-main,.btn-primary{background:linear-gradient(135deg,var(--blue),#0078ff);color:#fff;border:0;border-radius:14px;padding:.95rem 1.45rem;font-weight:850;box-shadow:0 16px 40px rgba(11,95,255,.28)}
    .btn-main:hover,.btn-primary:hover{color:#fff;transform:translateY(-2px)}

    .hero{min-height:100vh;background:radial-gradient(circle at 78% 20%,rgba(11,95,255,.36),transparent 34%),linear-gradient(135deg,#020b18,#06142c);color:#fff;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:100px}
    .hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,#000,transparent 85%)}
    .hero .container{position:relative;z-index:2}
    .eyebrow{text-transform:uppercase;font-weight:900;letter-spacing:.12em;color:#63b3ff;margin-bottom:1rem}.eyebrow.blue{color:var(--blue)}
    .hero h1{font-size:clamp(3rem,6vw,6rem);line-height:1;font-weight:900;letter-spacing:-.065em}.hero h1 span{color:var(--blue)}
    h2{font-size:clamp(2rem,4vw,4rem);font-weight:900;letter-spacing:-.05em}h3{font-weight:850}
    .lead{color:#c7d4e8;font-size:1.2rem;line-height:1.8;max-width:720px}.section-lead{color:var(--muted);font-size:1.1rem;line-height:1.75;max-width:760px;margin:auto}
    .section{padding:110px 0}.soft{background:var(--soft)}

    .tm-showcase{background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%)}.tm-showcase h2{font-size:clamp(2.4rem,4.6vw,4.4rem)}.tm-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.45rem}.tm-card{background:#fff;border:1px solid #e8eef8;border-radius:16px;padding:1.7rem 1.55rem 1.65rem;min-height:650px;box-shadow:0 20px 50px rgba(6,20,44,.07);transition:.25s}.tm-card:hover{transform:translateY(-6px)}.tm-card h3{font-size:1.65rem;line-height:1.05;margin:1.15rem 0 .75rem}.tm-card p{color:#526079;font-size:.98rem;line-height:1.55}.tm-card ul{list-style:none;padding:0;margin:1rem 0 1.4rem}.tm-card li{color:#465572;font-size:.94rem;margin:.55rem 0;display:flex;gap:.55rem}.tm-card li:before{content:'✓';color:var(--blue);font-weight:900}.tm-card a{color:var(--blue);font-weight:850}.blue-line,.white-line{width:38px;height:3px;border-radius:8px;background:var(--blue);margin-bottom:1rem}.white-line{background:#fff}.tm-visual{height:220px;border-radius:18px;position:relative;overflow:hidden;background:#fff}.tm-img-visual{display:flex;align-items:center;justify-content:center}.tm-img-visual img{width:100%;height:100%;object-fit:cover;display:block}.cyber-img{background:#061b3a}.tm-cyber-card{background:linear-gradient(180deg,#06234e 0%,#020b18 100%);color:#fff;border-color:#174f9d;box-shadow:0 24px 70px rgba(11,95,255,.18)}.tm-cyber-card p,.tm-cyber-card li{color:#d8e7ff}.tm-cyber-card a{color:#dbeaff}.tm-stats{margin-top:1.4rem;display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#e5edf8;border:1px solid #e8eef8;border-radius:14px;overflow:hidden;box-shadow:0 14px 35px rgba(6,20,44,.05)}.tm-stats div{background:#fff;padding:1.2rem 1rem;display:grid;grid-template-columns:48px 1fr;align-items:center;gap:.2rem 1rem}.tm-stats i{grid-row:span 2;color:var(--blue);font-size:1.9rem}.tm-stats strong{font-size:1.25rem;color:#10203c;line-height:1}.tm-stats span{font-size:.86rem;color:#64718a}.tm-cta-band{margin-top:1.4rem;background:radial-gradient(circle at 70% 30%,rgba(11,95,255,.24),transparent 38%),#061a3a;color:#fff;border-radius:14px;padding:1.45rem 1.8rem;display:grid;grid-template-columns:64px 1fr auto;gap:1.3rem;align-items:center;box-shadow:0 18px 45px rgba(6,20,44,.18)}.tm-cta-band h3{margin:0;font-size:1.35rem}.tm-cta-band p{margin:.25rem 0 0;color:#d4e5ff}.cta-icon{width:58px;height:58px;border-radius:16px;background:linear-gradient(145deg,#0b5fff,#06214a);display:grid;place-items:center;color:#71d8ff;font-size:1.5rem}
    .team-section{background:linear-gradient(180deg,#f4f8ff 0%,#ffffff 100%)}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.35rem}.team-card{background:#fff;border:1px solid #dce7f7;border-radius:24px;padding:1.35rem;height:100%;box-shadow:0 16px 50px rgba(6,20,44,.08);transition:.25s}.team-card:hover{transform:translateY(-6px);box-shadow:0 0 36px rgba(0,212,255,.16)}.team-photo{height:250px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#dce7f7,#f4f8ff);margin-bottom:1.25rem;position:relative}.team-photo img{width:100%;height:100%;object-fit:cover;display:block}.team-role{display:inline-flex;align-items:center;gap:.45rem;background:#eef5ff;color:#0b5fff;border-radius:999px;padding:.38rem .7rem;font-weight:850;font-size:.82rem;margin-bottom:.75rem}.team-card h3{font-size:1.22rem;margin-bottom:.55rem}.team-card p{color:#63708a;line-height:1.6;margin-bottom:0}.team-note{margin-top:1.5rem;background:#06142c;color:#fff;border-radius:22px;padding:1.4rem 1.6rem;display:grid;grid-template-columns:56px 1fr;gap:1rem;align-items:center}.team-note i{width:56px;height:56px;border-radius:16px;background:linear-gradient(145deg,#0b5fff,#06214a);display:grid;place-items:center;color:#71d8ff;font-size:1.35rem}.team-note p{margin:0;color:#d4e5ff}

    .subpage{display:none;padding-top:130px;min-height:100vh}.subpage.active{display:block}.home-hidden{display:none!important}.page-hero{background:radial-gradient(circle at 78% 20%,rgba(11,95,255,.34),transparent 36%),linear-gradient(135deg,#020b18,#06142c);color:#fff;border-radius:32px;padding:4rem 3rem;box-shadow:0 28px 90px rgba(6,20,44,.24)}.page-hero h1{font-size:clamp(2.6rem,5vw,5rem);line-height:1;font-weight:900;letter-spacing:-.06em}.meta-pills{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.6rem}.meta-pills span{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.62rem .9rem;color:#eaf4ff;font-weight:800}.course-list-card{background:#fff;border:1px solid #dce7f7;border-radius:26px;padding:2rem;height:100%;box-shadow:0 18px 55px rgba(6,20,44,.08);transition:.25s}.course-list-card:hover{transform:translateY(-7px);box-shadow:0 0 35px rgba(0,212,255,.16)}.course-list-card .course-icon{width:72px;height:72px;border-radius:18px;background:linear-gradient(135deg,#0b5fff,#06142c);display:grid;place-items:center;color:#fff;font-size:1.7rem;margin-bottom:1.4rem}.program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.program-item{background:#fff;border:1px solid #dce7f7;border-radius:22px;padding:1.5rem;box-shadow:0 14px 40px rgba(6,20,44,.06);height:100%}.program-item span{color:var(--blue);font-weight:900}.program-item h3{font-size:1.08rem;margin:.4rem 0 .65rem}.program-item p{color:var(--muted);margin:0;line-height:1.6}.info-card{background:#fff;border:1px solid #dce7f7;border-radius:22px;padding:1.6rem;height:100%;box-shadow:0 14px 40px rgba(6,20,44,.06)}.info-card h3{font-size:1.2rem}.info-card p{color:var(--muted)}.signup-card{background:linear-gradient(180deg,#06234e,#020b18);color:#fff;border-radius:26px;padding:2rem;box-shadow:0 22px 70px rgba(6,20,44,.18)}.signup-card p{color:#d9e7ff}.back-link{font-weight:850;color:var(--blue)}

    .hero-panel{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 80px rgba(0,0,0,.35);border-radius:32px;padding:2rem;backdrop-filter:blur(12px)}
    .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.mini-tile{min-height:150px;border-radius:24px;padding:1.35rem;background:rgba(255,255,255,.9);color:#071833}.mini-tile i{font-size:2rem;color:var(--blue);margin-bottom:1rem}.mini-tile.darktile{background:linear-gradient(180deg,#072451,#020b18);color:#fff;border:1px solid #1f7cff;box-shadow:0 0 45px rgba(11,95,255,.35)}

    .service-card,.case-card,.blog-card,.team-card,.training-card{background:#fff;border:1px solid #e7eef8;border-radius:24px;padding:2rem;height:100%;box-shadow:0 18px 55px rgba(6,20,44,.06);transition:.3s}.service-card:hover,.case-card:hover,.blog-card:hover,.training-card:hover{transform:translateY(-8px);box-shadow:0 0 40px rgba(0,212,255,.14)}
    .service-card i,.training-card i{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:linear-gradient(135deg,#0b5fff,#06142c);color:#fff;font-size:1.6rem;margin-bottom:1.4rem}
    .service-card p,.case-card p,.blog-card p,.training-card p,.team-card p{color:var(--muted);line-height:1.7}
    .featured-card{background:linear-gradient(180deg,#06234e,#020b18);color:#fff;border-color:#174f9d}.featured-card p,.featured-card li{color:#d8e7ff}

    .cyber-section,.references-section{background:radial-gradient(circle at 80% 20%,rgba(11,95,255,.26),transparent 35%),linear-gradient(180deg,#06142c,#020b18);color:#fff}
    .process-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:2rem;height:100%;backdrop-filter:blur(12px)}
    .process-card span{color:var(--cyan);font-weight:900;font-size:1.1rem}.process-card p{color:#c7d4e8}

    .team-photo{height:240px;border-radius:18px;background:linear-gradient(135deg,#dce7f7,#f4f8ff);margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;font-weight:800;color:#63708a;overflow:hidden}.team-photo img{width:100%;height:100%;object-fit:cover}

    .case-card strong{display:block;color:var(--blue);font-size:1.15rem;margin-top:1rem}.blog-card small{font-weight:850;color:var(--blue);text-transform:uppercase;letter-spacing:.08em}
    .logo-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:rgba(255,255,255,.12);border-radius:22px;overflow:hidden}.logo-tile{min-height:96px;background:rgba(255,255,255,.055);display:flex;align-items:center;justify-content:center;text-align:center;padding:1rem}.logo-tile span{font-weight:850;color:#dcecff}

    .contact{background:linear-gradient(135deg,#06142c,#082d66);color:#fff}.contact p{color:#d9e7ff}.contact-box{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:2rem}
    .contact-box input,.contact-box textarea,.contact-box select{width:100%;border:1px solid #dce7f7;border-radius:12px;padding:.8rem 1rem;margin-bottom:1rem}.contact-box label{font-weight:750;color:#fff;width:100%}
    .contact-steps{margin-top:2rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:1.75rem}.contact-steps h3{font-size:1.45rem;font-weight:850;margin-bottom:1.25rem;color:#fff}.contact-steps ul{list-style:none;padding:0;margin:0}.contact-steps li{display:flex;align-items:flex-start;gap:.9rem;margin-bottom:1rem;color:#d9e7ff;font-size:1.05rem;font-weight:500}.contact-steps li i{color:var(--cyan);margin-top:.25rem;font-size:1rem}

    .footer{background:#020b18;color:#c7d4e8;padding:2rem 0}.footer a{color:#fff}.social-footer i{font-size:1.25rem;margin-left:1rem}

    .cookie-banner{position:fixed;bottom:20px;left:20px;right:20px;background:#06142c;color:#fff;padding:1rem 1.4rem;border-radius:18px;display:flex;justify-content:space-between;align-items:center;gap:1rem;z-index:9999;box-shadow:0 18px 55px rgba(0,0,0,.35)}.cookie-banner button{background:var(--blue);border:0;color:#fff;padding:.8rem 1.3rem;border-radius:12px;font-weight:800}

    .reveal{opacity:0;transform:translateY(18px)}.reveal.show{opacity:1;transform:none;transition:opacity .55s ease,transform .55s ease}

    @media(max-width:1199px){.logo-wall{grid-template-columns:repeat(3,1fr)}}
    @media(max-width:991px){.hero{text-align:left}.hero-panel{margin-top:2rem}.nav-social{margin-top:1rem}.logo-wall{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:768px){.hero{text-align:center}.hero-grid,.logo-wall,.program-grid{grid-template-columns:1fr}.cookie-banner{flex-direction:column;align-items:flex-start}.hero-panel{display:none}.page-hero{padding:2.5rem 1.5rem}.subpage{padding-top:110px}}
  
/* === Screen matched dark TrainMaster redesign === */
:root{--tm-bg:#061221;--tm-card:#0b1928;--tm-card2:#0e2032;--tm-line:#173044;--tm-blue:#38bdf8;--tm-blue2:#55cdf6;--tm-text:#f5f7fb;--tm-muted:#a8b2c1}
html,body{background:#050d17;color:var(--tm-text);font-family:'Atkinson Hyperlegible',system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
.glass-nav{background:rgba(7,18,32,.95)!important;box-shadow:none!important;border-bottom:1px solid rgba(82,146,183,.12);backdrop-filter:blur(18px);height:78px}
.navbar .container{max-width:1210px}.logo{font-size:20px!important;letter-spacing:-.04em!important;font-weight:900!important;color:#fff!important}.logo .master{color:var(--tm-blue)!important;font-weight:900!important}.logo .divider{display:none}.navbar-nav{gap:18px!important}.nav-link{color:#a7b3c2!important;font-size:14px;font-weight:700!important;padding:10px 4px!important}.nav-link:hover,.nav-link.active{color:#fff!important}.nav-link.active{border:2px solid #69a8ff;border-radius:11px;padding:11px 16px!important;box-shadow:0 0 0 2px rgba(70,135,255,.18) inset}.nav-pill{border:1px solid rgba(56,189,248,.35);border-radius:10px;background:rgba(14,74,112,.45);color:#fff!important;padding:9px 14px!important}.nav-pill i{color:var(--tm-blue);margin-right:7px}.nav-pill span{background:var(--tm-blue);color:#04101a;border-radius:999px;font-size:9px;font-weight:900;padding:2px 7px;margin-left:8px}.btn-main,.btn-primary{background:linear-gradient(180deg,#5fd5fb,#43c6ef)!important;color:#001522!important;border-radius:10px!important;padding:14px 22px!important;font-weight:850!important;box-shadow:0 0 0 6px rgba(56,189,248,.12)!important;border:0!important}.btn-outline-light{border:1px solid rgba(148,163,184,.25)!important;border-radius:10px!important;color:#fff!important;background:rgba(11,25,40,.75)!important;padding:14px 22px!important;font-weight:850!important}.hero{padding-top:78px;min-height:930px;align-items:flex-start;background:radial-gradient(circle at 70% 54%,rgba(30,105,140,.20),transparent 20%),linear-gradient(90deg,rgba(7,18,32,.99),rgba(7,18,32,.92)),#071220!important}.hero:before{content:"";position:absolute;inset:78px 0 0 0;background-image:linear-gradient(rgba(56,189,248,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.035) 1px,transparent 1px);background-size:104px 104px;pointer-events:none}.hero:after{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 700"><g stroke="%2338bdf8" stroke-width="3" opacity=".14" fill="none"><path d="M60 570 L220 470 L430 610 L590 320 L880 540 L1110 440"/><path d="M400 80 L520 220 L690 150 L930 60"/><path d="M170 210 L520 220 L860 300 L1110 300"/><path d="M720 520 L780 210 L1040 110"/></g><g fill="%2338bdf8" opacity=".16"><circle cx="170" cy="210" r="13"/><circle cx="520" cy="220" r="18"/><circle cx="860" cy="300" r="16"/><circle cx="1110" cy="300" r="15"/><circle cx="590" cy="320" r="20"/><circle cx="930" cy="60" r="14"/></g></svg>') center/cover no-repeat!important;opacity:.9;mask-image:none}.hero .container{max-width:1210px;padding-top:110px}.hero .col-lg-7{width:58.333%;}.hero .col-lg-5{display:none}.hero-badge{display:inline-flex;align-items:center;gap:12px;color:#a8b2c1;background:rgba(10,25,41,.75);border:1px solid rgba(80,118,145,.35);border-radius:999px;padding:9px 16px;margin-bottom:28px;font-size:14px;font-weight:700}.hero-badge span{width:7px;height:7px;border-radius:99px;background:var(--tm-blue);display:inline-block}.hero h1{font-size:72px!important;line-height:1.02!important;letter-spacing:-.065em!important;color:#f8fafc}.hero h1 span{color:#45c8f5!important}.lead{font-size:18px!important;line-height:1.55!important;color:#a7b3c2!important;max-width:680px}.section{padding:110px 0;background:#fff}.contact{background:radial-gradient(circle at 50% 110%,rgba(34,211,238,.18),transparent 33%),linear-gradient(135deg,#0d3754 0%,#071220 72%)!important;color:#f8fafc}.contact .container{max-width:1210px}.contact-card{background:#0c1929;border:1px solid rgba(103,130,158,.18);border-radius:14px;padding:25px 24px;margin-bottom:24px;min-height:86px;display:flex;gap:20px;align-items:center}.contact-card.firm{min-height:100px}.contact-card i{color:#38bdf8;font-size:18px;width:18px;text-align:center}.contact-card p{margin:0;color:#9aa6b5!important;font-size:14px}.contact-card h3{margin:5px 0 0;color:#f8fafc;font-size:16px;font-weight:850;line-height:1.45}.contact-steps{background:#0c1929!important;border:1px solid rgba(103,130,158,.18)!important;border-radius:14px!important;padding:25px!important;margin-top:24px!important}.contact-steps h3{font-size:16px!important;color:#fff!important}.contact-steps li{font-size:14px!important;color:#a7b3c2!important;margin-bottom:11px!important}.contact-steps li i{color:#38bdf8!important}.contact-box{background:#0c1929!important;border:1px solid rgba(103,130,158,.18)!important;border-radius:14px!important;padding:32px!important;box-shadow:none!important}.contact-box h2{font-size:26px!important;letter-spacing:-.04em;color:#f8fafc;margin-bottom:8px}.contact-box p{color:#a7b3c2!important;font-size:14px;line-height:1.35}.contact-box label{font-size:14px;color:#e5e7eb!important;font-weight:850!important;margin-bottom:14px}.contact-box label::first-letter{} .contact-box input,.contact-box textarea,.contact-box select{background:#050d17!important;border:1px solid #183148!important;color:#fff!important;border-radius:8px!important;padding:13px 15px!important;margin-top:8px!important;margin-bottom:0!important}.contact-box textarea{min-height:160px}.contact-box input:focus,.contact-box textarea:focus,.contact-box select:focus{outline:2px solid rgba(56,189,248,.45);border-color:#38bdf8!important}.contact-box textarea::placeholder{color:#8f9aaa}.contact-box button{margin-top:12px}.footer,.cookie-banner{display:none!important}@media(max-width:991px){.glass-nav{height:auto}.hero .col-lg-7{width:100%}.hero h1{font-size:52px!important}.hero .container{padding-top:80px}.navbar-collapse{background:#071220;padding:20px}.contact-card{margin-bottom:14px}}

/* === kolejny etap dopasowania 1:1 do screenów === */
.hero{min-height:760px!important;align-items:flex-start!important;padding-top:0!important;padding-bottom:190px!important}
.hero-stats-wrap{position:absolute;left:0;right:0;bottom:85px;z-index:3;pointer-events:none}
.hero-stats{max-width:1210px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);background:#0d1b2b;border:1px solid rgba(103,130,158,.24);border-radius:14px;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.18)}
.hero-stats div{padding:26px 24px;border-right:1px solid rgba(103,130,158,.18)}.hero-stats div:last-child{border-right:0}.hero-stats strong{display:block;color:#38bdf8;font-size:38px;line-height:1;font-weight:900;letter-spacing:-.04em}.hero-stats span{display:block;color:#a7b3c2;font-size:14px;margin-top:8px}
.tm-showcase{background:radial-gradient(circle at 50% 20%,rgba(56,189,248,.11),transparent 35%),linear-gradient(135deg,#0d3852 0%,#071220 58%,#071220 100%)!important;color:#f8fafc!important;padding:94px 0 190px!important}.tm-showcase .container{max-width:1210px}.section-head-left{max-width:760px;margin-bottom:64px}.section-head-left .eyebrow{font-size:13px;letter-spacing:.14em;margin-bottom:16px;color:#38bdf8!important}.section-head-left h2{font-size:48px!important;line-height:1.04!important;letter-spacing:-.06em!important;color:#f8fafc!important;margin:0}.tm-showcase .tm-card-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:24px!important}.tm-showcase .tm-card{min-height:310px!important;background:#0d1b2b!important;border:1px solid rgba(103,130,158,.18)!important;border-radius:14px!important;padding:28px!important;box-shadow:0 18px 40px rgba(0,0,0,.16)!important;color:#f8fafc!important}.tm-showcase .tm-card:hover{transform:none!important}.tm-showcase .tm-card h3{font-size:21px!important;line-height:1.16!important;margin:22px 0 14px!important;color:#f8fafc!important}.tm-showcase .tm-card p{font-size:14px!important;line-height:1.45!important;color:#a7b3c2!important;margin-bottom:22px}.tm-showcase .tm-card a{color:#38bdf8!important;font-size:14px;font-weight:850}.tm-showcase .tm-icon{width:48px;height:48px;border-radius:14px;background:#45c8f5;color:#071220;display:grid;place-items:center;font-size:21px}.tm-showcase .tm-cyber-card{background:radial-gradient(circle at 70% 15%,rgba(56,189,248,.18),transparent 45%),#0d2639!important;border-color:#38bdf8!important;box-shadow:0 0 0 1px rgba(56,189,248,.22),0 20px 55px rgba(56,189,248,.08)!important}.tm-showcase .tm-visual,.tm-showcase .blue-line,.tm-showcase .white-line,.tm-showcase ul,.tm-showcase .tm-stats,.tm-showcase .tm-cta-band{display:none!important}
.audience-section{background:linear-gradient(135deg,#071220 0%,#082636 100%)!important;color:#f8fafc!important;padding:0 0 130px!important}.audience-section .container{max-width:1210px}.section-lead-left{color:#a7b3c2!important;font-size:18px;line-height:1.55;max-width:720px;margin-top:18px}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.audience-card{background:#0d1b2b;border:1px solid rgba(103,130,158,.18);border-radius:14px;padding:28px;min-height:240px}.audience-card i{width:48px;height:48px;border-radius:14px;background:#45c8f5;color:#071220;display:grid;place-items:center;font-size:20px;margin-bottom:22px}.audience-card h3{font-size:22px;color:#fff;margin-bottom:14px}.audience-card p{color:#a7b3c2;line-height:1.5;margin:0;font-size:14px}
@media(max-width:991px){.hero-stats-wrap{position:relative;bottom:auto;margin-top:40px;padding:0 16px}.hero-stats{grid-template-columns:1fr 1fr}.tm-showcase .tm-card-grid,.audience-grid{grid-template-columns:1fr!important}.section-head-left h2{font-size:38px!important}.hero{padding-bottom:80px!important}}
.audience-section{background:linear-gradient(135deg,#071220 0%,#0b3d4a 100%)!important;color:#f8fafc!important;padding:116px 0 150px!important}.audience-section .container,.about-dark .container{max-width:1210px}.audience-section .section-head-left{max-width:760px;margin-bottom:48px}.audience-section .section-head-left h2{font-size:48px!important;line-height:1.04!important;letter-spacing:-.06em!important;color:#f8fafc!important}.audience-section .audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.audience-section .audience-card{min-height:170px;background:#0d1b2b;border:1px solid rgba(103,130,158,.20);border-radius:14px;padding:26px}.audience-section .audience-card i{background:transparent;color:#38bdf8;width:auto;height:auto;display:block;font-size:25px;margin-bottom:24px}.audience-section .audience-card h3{font-size:18px;line-height:1.15;color:#f8fafc;margin-bottom:14px}.audience-section .audience-card p{font-size:14px;color:#a7b3c2;line-height:1.45}.about-dark{background:linear-gradient(135deg,#071220 0%,#0b3c49 100%)!important;color:#f8fafc!important;padding:105px 0 150px!important}.about-dark h2{font-size:48px!important;line-height:1.04!important;letter-spacing:-.06em!important;color:#f8fafc!important}.about-dark p{color:#a7b3c2;font-size:18px;line-height:1.55}.about-list{list-style:none;padding:0;margin:34px 0 0}.about-list li{display:flex;align-items:center;gap:14px;color:#f8fafc;font-size:16px;font-weight:800;margin-bottom:18px}.about-list i{width:19px;height:19px;border:2px solid #38bdf8;border-radius:50%;color:#38bdf8;display:grid;place-items:center;font-size:10px}.about-tiles{display:grid;grid-template-columns:1fr 1fr;gap:16px}.about-tile{height:106px;background:#0d1b2b;border:1px solid rgba(103,130,158,.18);border-radius:14px;padding:30px;display:flex;align-items:center}.about-tile i{font-size:34px;color:#38bdf8}.cyber-section{background:linear-gradient(135deg,#071220 0%,#082636 100%)!important;color:#f8fafc!important;padding:110px 0!important}.cyber-section .container{max-width:1210px}.cyber-section .text-center{text-align:left!important;max-width:760px}.cyber-section h2{font-size:48px!important;color:#f8fafc!important}.process-card{background:#0d1b2b!important;border:1px solid rgba(103,130,158,.18)!important;border-radius:14px!important}.process-card span{color:#38bdf8!important}@media(max-width:991px){.audience-section .audience-grid,.about-tiles{grid-template-columns:1fr!important}.audience-section .section-head-left h2,.about-dark h2{font-size:38px!important}}



/* === FIX: hero CTA and stats spacing === */
.hero .d-flex.mt-4{position:relative;z-index:4;margin-top:24px!important;gap:14px!important}
.hero-stats-wrap{bottom:54px!important}
.hero{padding-bottom:230px!important;min-height:800px!important}
@media(min-width:992px){
  .hero .container{padding-top:92px!important}
  .hero h1{font-size:68px!important;line-height:1.03!important}
  .lead{max-width:660px!important}
}
@media(max-width:991px){
  .hero{min-height:auto!important;padding-bottom:70px!important}
  .hero-stats-wrap{position:relative!important;bottom:auto!important;margin-top:38px!important;padding:0 16px!important}
}
@media(max-width:575px){
  .hero-stats{grid-template-columns:1fr!important}
}


/* === Sekcja zespołu jak na mockupie === */
.people-section{background:linear-gradient(135deg,#071220 0%,#0b3d4a 100%)!important;color:#f8fafc!important;padding:110px 0 105px!important;border-top:1px solid rgba(103,130,158,.14)}
.people-section + .people-section{padding-top:92px!important;border-top:1px solid rgba(103,130,158,.18)}
.people-section .container{max-width:1210px}.people-layout{display:grid;grid-template-columns:360px 1fr;gap:72px;align-items:center}.people-copy .eyebrow{font-size:13px;letter-spacing:.14em;color:#38bdf8!important;margin-bottom:16px}.people-copy h2{font-size:42px!important;line-height:1.03!important;letter-spacing:-.06em!important;color:#f8fafc!important;margin:0}.people-copy p{color:#a7b3c2;font-size:16px;line-height:1.55;margin-top:20px}.people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.person-card{background:#0d1b2b;border:1px solid rgba(103,130,158,.20);border-radius:14px;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.18)}.person-photo{height:235px;background:radial-gradient(circle at 50% 38%,rgba(56,189,248,.12),transparent 34%),linear-gradient(135deg,#12314a,#092033);display:grid;place-items:center;position:relative}.person-photo img{width:100%;height:100%;object-fit:cover;display:block}.person-photo.placeholder:before{content:"IN";width:82px;height:82px;border-radius:50%;border:1px solid rgba(148,163,184,.16);display:grid;place-items:center;color:#8a96a5;font-size:28px;font-weight:900}.person-photo.placeholder:after{content:"ZDJĘCIE WKRÓTCE";position:absolute;left:16px;bottom:12px;background:rgba(5,13,23,.55);color:#94a3b8;border-radius:999px;padding:4px 9px;font-size:9px;font-weight:900;letter-spacing:.08em}.person-body{padding:22px 22px 24px}.person-body h3{font-size:17px;margin:0 0 7px;color:#fff}.person-role{display:block;color:#38bdf8;font-size:12px;font-weight:850;margin-bottom:16px}.person-body p{color:#a7b3c2;font-size:13px;line-height:1.48;margin:0 0 18px}.person-linkedin{width:34px;height:34px;border-radius:8px;background:#2f7ee6;color:#fff;display:grid;place-items:center;font-size:18px}.tech-strip{background:#071220;color:#a7b3c2;text-align:center;padding:26px 16px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;border-top:1px solid rgba(103,130,158,.14)}
@media(max-width:991px){.people-layout{grid-template-columns:1fr;gap:34px}.people-grid{grid-template-columns:1fr}.people-copy h2{font-size:36px!important}.person-photo{height:260px}}



/* === Final CTA + osobna podstrona kontaktu === */
.final-cta-section{
  position:relative;
  min-height:560px;
  padding:125px 0 120px;
  background:radial-gradient(circle at 38% 105%,rgba(34,211,238,.18),transparent 35%),linear-gradient(135deg,#071220 0%,#06101c 62%,#071220 100%);
  border-top:1px solid rgba(103,130,158,.16);
  overflow:hidden;
}
.final-cta-section:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(56,189,248,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.025) 1px,transparent 1px);
  background-size:96px 96px;
  pointer-events:none;
}
.final-cta-section .container{max-width:1210px;position:relative;z-index:2}.final-cta-box{max-width:820px;margin:0 auto;padding:72px 72px 70px;border-radius:26px;background:radial-gradient(circle at 82% 18%,rgba(56,189,248,.16),transparent 35%),linear-gradient(135deg,rgba(10,25,41,.98),rgba(8,26,44,.94));border:1px solid rgba(103,130,158,.18);box-shadow:0 32px 90px rgba(0,0,0,.34)}.final-cta-box h2{max-width:610px;font-size:42px!important;line-height:1.03!important;letter-spacing:-.06em!important;font-weight:900;color:#f8fafc;margin:0 0 22px}.final-cta-box h2 span{color:#45c8f5}.final-cta-box p{max-width:560px;color:#a7b3c2;font-size:16px;line-height:1.55;margin:0 0 34px}.contact-page{padding-top:120px!important;background:radial-gradient(circle at 50% 100%,rgba(34,211,238,.18),transparent 33%),linear-gradient(135deg,#0d3754 0%,#071220 72%)!important;color:#f8fafc!important;padding-bottom:110px}.contact-page .contact-container{max-width:1210px}.contact-back{display:inline-flex;margin-bottom:28px;color:#38bdf8!important}.site-footer{display:block!important;background:linear-gradient(135deg,#071220 0%,#082636 100%)!important;color:#a7b3c2!important;padding:70px 0 0!important;border-top:1px solid rgba(103,130,158,.16)}.footer-main{max-width:1210px;display:grid;grid-template-columns:1.45fr .7fr .9fr;gap:90px;padding-bottom:70px}.footer-logo{display:inline-block;margin-bottom:18px}.footer-brand p{max-width:460px;color:#a7b3c2;line-height:1.55;font-size:14px}.footer-socials{display:flex;gap:12px;margin-top:22px}.footer-socials a{width:36px;height:36px;border-radius:10px;background:#0d1b2b;border:1px solid rgba(103,130,158,.2);color:#a7b3c2!important;display:grid;place-items:center}.footer-nav h3,.footer-contact h3{color:#a7b3c2;text-transform:uppercase;letter-spacing:.12em;font-size:12px;margin-bottom:20px}.footer-nav a{display:block;color:#f8fafc!important;font-size:14px;font-weight:800;margin-bottom:13px}.footer-contact p{position:relative;color:#f8fafc!important;font-size:14px;font-weight:800;line-height:1.55;margin-bottom:18px;padding-left:28px}.footer-contact i{position:absolute;left:0;top:3px;color:#38bdf8}.footer-bottom{max-width:1210px;border-top:1px solid rgba(103,130,158,.14);text-align:center;padding:26px 0;color:#8d99a8;font-size:12px}.contact-page-head{max-width:760px;margin-bottom:42px}.contact-page-head h1{font-size:56px;line-height:1.02;letter-spacing:-.06em;font-weight:900;color:#f8fafc;margin:0 0 18px}.contact-page-head p:not(.eyebrow){color:#a7b3c2;font-size:18px;line-height:1.55;margin:0}@media(max-width:991px){.contact-page{padding-top:96px!important}.contact-page-head h1{font-size:38px}}@media(max-width:991px){.final-cta-section{padding:80px 0}.final-cta-box{padding:42px 28px}.final-cta-box h2{font-size:34px!important}.footer-main{grid-template-columns:1fr;gap:34px}.site-footer{padding-top:50px!important}}


/* === FIX: Portfolio / Realizacje - pełna widoczność i spójność z dark layout === */
#portfolio{
  position:relative;
  overflow:hidden;
  background:radial-gradient(circle at 50% 18%,rgba(56,189,248,.12),transparent 34%),linear-gradient(135deg,#071220 0%,#082636 58%,#071220 100%)!important;
  color:#f8fafc!important;
  padding:110px 0 130px!important;
}
#portfolio:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(56,189,248,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.028) 1px,transparent 1px);
  background-size:96px 96px;
  pointer-events:none;
}
#portfolio .container{max-width:1210px;position:relative;z-index:2}
#portfolio .text-center{text-align:left!important;max-width:780px;margin-bottom:52px!important}
#portfolio .eyebrow{color:#38bdf8!important;font-size:13px;letter-spacing:.14em;margin-bottom:16px}
#portfolio h2{font-size:48px!important;line-height:1.04!important;letter-spacing:-.06em!important;color:#f8fafc!important;margin:0}
#portfolio .case-card{
  position:relative;
  min-height:245px;
  background:#0d1b2b!important;
  border:1px solid rgba(103,130,158,.20)!important;
  border-radius:14px!important;
  padding:30px 28px!important;
  box-shadow:0 18px 45px rgba(0,0,0,.18)!important;
  opacity:1!important;
  transform:none!important;
}
#portfolio .case-card:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(56,189,248,.55)!important;
  box-shadow:0 22px 60px rgba(56,189,248,.10)!important;
}
#portfolio .case-card:before{
  content:"";
  width:44px;
  height:44px;
  border-radius:12px;
  background:#45c8f5;
  display:block;
  margin-bottom:22px;
}
#portfolio .case-card h3{font-size:21px!important;line-height:1.16!important;color:#f8fafc!important;margin:0 0 14px}
#portfolio .case-card p{font-size:14px!important;line-height:1.5!important;color:#a7b3c2!important;margin:0 0 22px}
#portfolio .case-card strong{font-size:17px!important;line-height:1.25!important;color:#38bdf8!important;margin-top:0!important}
@media(max-width:991px){
  #portfolio{padding:86px 0 96px!important}
  #portfolio h2{font-size:38px!important}
  #portfolio .case-card{min-height:auto}
}


/* === FIX: Referencje - pełna czytelność zamiast wyszarzenia === */
#references.references-section{
  background:#ffffff!important;
  color:#071220!important;
  padding:110px 0 125px!important;
}
#references .container{max-width:1210px}
#references .eyebrow{
  color:#0b5fff!important;
  opacity:1!important;
  font-size:13px;
  letter-spacing:.14em;
  font-weight:900;
}
#references h2{
  color:#071220!important;
  opacity:1!important;
  font-size:48px!important;
  line-height:1.04!important;
  letter-spacing:-.06em!important;
}
#references .lead{
  color:#10203c!important;
  opacity:1!important;
  max-width:760px;
}
#references .logo-wall{
  display:grid!important;
  grid-template-columns:repeat(6,1fr)!important;
  gap:24px!important;
  background:transparent!important;
  border-radius:0!important;
  overflow:visible!important;
}
#references .logo-tile{
  min-height:150px!important;
  background:transparent!important;
  border:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  padding:0 8px!important;
  opacity:1!important;
}
#references .logo-tile i{
  display:block;
  color:#0b7cff!important;
  font-size:58px;
  line-height:1;
  margin-bottom:24px;
  opacity:1!important;
  text-shadow:0 10px 24px rgba(11,124,255,.12);
}
#references .logo-tile span{
  color:#071220!important;
  opacity:1!important;
  font-weight:900!important;
  font-size:16px;
  line-height:1.35;
}
@media(max-width:1199px){#references .logo-wall{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:768px){#references .logo-wall{grid-template-columns:repeat(2,1fr)!important}#references h2{font-size:38px!important}}
@media(max-width:480px){#references .logo-wall{grid-template-columns:1fr!important}}



/* === FIX: Szkolenia IT - kontrast i widoczność === */
#training{
  position:relative;
  overflow:hidden;
  background:#ffffff!important;
  color:#10203c!important;
  padding:110px 0 130px!important;
}
#training .container{max-width:1210px;position:relative;z-index:2}
#training .text-center{text-align:center!important;margin-bottom:52px!important}
#training .eyebrow,
#training .eyebrow.blue{
  color:#0b5fff!important;
  font-size:13px!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
  opacity:1!important;
}
#training h2{
  color:#10203c!important;
  opacity:1!important;
  font-size:48px!important;
  line-height:1.04!important;
  letter-spacing:-.06em!important;
  margin:0 0 18px!important;
  font-weight:900!important;
}
#training .section-lead{
  color:#526079!important;
  opacity:1!important;
  font-size:18px!important;
  line-height:1.55!important;
}
#training .training-card{
  background:#ffffff!important;
  border:1px solid #dce7f7!important;
  border-radius:22px!important;
  padding:32px!important;
  min-height:300px!important;
  box-shadow:0 22px 65px rgba(6,20,44,.08)!important;
  color:#10203c!important;
  opacity:1!important;
  transform:none!important;
}
#training .training-card:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(11,95,255,.28)!important;
  box-shadow:0 26px 75px rgba(11,95,255,.12)!important;
}
#training .training-card i{
  width:70px!important;
  height:70px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#245cff,#06142c)!important;
  color:#ffffff!important;
  font-size:1.55rem!important;
  margin-bottom:26px!important;
  opacity:1!important;
}
#training .training-card h3{
  color:#10203c!important;
  opacity:1!important;
  font-size:24px!important;
  line-height:1.18!important;
  margin:0 0 14px!important;
  font-weight:900!important;
}
#training .training-card p{
  color:#526079!important;
  opacity:1!important;
  font-size:15px!important;
  line-height:1.65!important;
  margin:0 0 20px!important;
}
#training .training-card a{
  color:#0b5fff!important;
  opacity:1!important;
  font-weight:850!important;
}
#training .training-card a i{
  width:auto!important;
  height:auto!important;
  display:inline!important;
  background:transparent!important;
  color:#0b5fff!important;
  border-radius:0!important;
  margin:0 0 0 6px!important;
  font-size:14px!important;
}
@media(max-width:991px){
  #training{padding:86px 0 96px!important}
  #training h2{font-size:38px!important}
  #training .training-card{min-height:auto!important}
}



/* === Kontakt 1:1 ze screenem === */
.contact-page{
  padding:0 0 34px!important;
  background:radial-gradient(circle at 50% 0%,rgba(42,128,178,.28),transparent 36%),linear-gradient(135deg,#0d3754 0%,#071220 54%,#082f35 100%)!important;
  color:#f8fafc!important;
  min-height:100vh;
}
.contact-hero{
  min-height:216px;
  padding:72px 0 44px;
  border-bottom:1px solid rgba(103,130,158,.14);
  background:radial-gradient(circle at 50% 0%,rgba(56,189,248,.12),transparent 34%);
}
.contact-page .contact-container{max-width:1210px}
.contact-page-head{max-width:720px;margin:0 auto;text-align:center}
.contact-page-head .eyebrow{color:#38bdf8!important;font-size:11px!important;letter-spacing:.16em!important;font-weight:900!important;margin:0 0 12px!important;text-transform:uppercase}
.contact-page-head h1{font-size:40px!important;line-height:1.02!important;letter-spacing:-.055em!important;font-weight:900!important;color:#f8fafc!important;margin:0 0 14px!important}
.contact-page-head h1 span{color:#45c8f5!important}
.contact-page-head p:not(.eyebrow){max-width:520px;margin:0 auto!important;color:#a7b3c2!important;font-size:14px!important;line-height:1.45!important}
.contact-main{padding-top:50px}
.contact-main .row{--bs-gutter-x:40px;--bs-gutter-y:24px}
.contact-card{background:#0c1929!important;border:1px solid rgba(103,130,158,.20)!important;border-radius:9px!important;padding:18px 20px!important;margin-bottom:14px!important;min-height:60px!important;display:flex!important;gap:15px!important;align-items:center!important;box-shadow:none!important}
.contact-card.firm{min-height:68px!important}
.contact-card i{color:#38bdf8!important;font-size:14px!important;width:15px!important;text-align:center!important;flex:0 0 15px!important}
.contact-card p{margin:0!important;color:#9aa6b5!important;font-size:11px!important;line-height:1.2!important}
.contact-card h3{margin:3px 0 0!important;color:#f8fafc!important;font-size:12px!important;font-weight:850!important;line-height:1.35!important}
.contact-steps{background:#0c1929!important;border:1px solid rgba(103,130,158,.20)!important;border-radius:9px!important;padding:15px 20px!important;margin-top:0!important}
.contact-steps h3{font-size:12px!important;line-height:1.25!important;color:#fff!important;margin:0 0 12px!important;font-weight:900!important}
.contact-steps ul{list-style:none!important;padding:0!important;margin:0!important}
.contact-steps li{font-size:11px!important;color:#a7b3c2!important;margin-bottom:7px!important;display:flex!important;gap:8px!important;align-items:flex-start!important;line-height:1.35!important}
.contact-steps li:last-child{margin-bottom:0!important}
.contact-steps li i{color:#38bdf8!important;font-size:10px!important;margin-top:2px!important}
.contact-box{background:#0c1929!important;border:1px solid rgba(103,130,158,.20)!important;border-radius:9px!important;padding:20px 24px!important;box-shadow:none!important}
.contact-box h2{font-size:18px!important;letter-spacing:-.035em!important;line-height:1.15!important;color:#f8fafc!important;margin:0 0 10px!important;font-weight:900!important}
.contact-box p{color:#a7b3c2!important;font-size:11px!important;line-height:1.35!important;margin-bottom:16px!important}
.contact-box label{font-size:11px!important;color:#e5e7eb!important;font-weight:850!important;margin-bottom:12px!important;width:100%!important}
.contact-box input,.contact-box textarea,.contact-box select{background:#050d17!important;border:1px solid #183148!important;color:#fff!important;border-radius:5px!important;padding:10px 11px!important;margin-top:7px!important;margin-bottom:0!important;font-size:12px!important;width:100%!important}
.contact-box textarea{min-height:84px!important;resize:vertical}
.contact-box textarea::placeholder{color:#8f9aaa!important}
.contact-box input:focus,.contact-box textarea:focus,.contact-box select:focus{outline:2px solid rgba(56,189,248,.45)!important;border-color:#38bdf8!important}
.contact-box .btn-main{margin-top:5px!important;padding:10px 18px!important;border-radius:6px!important;font-size:11px!important;box-shadow:none!important}
.contact-note{font-size:10px!important;color:#a7b3c2!important;margin:10px 0 0!important;line-height:1.35!important}
#formMsg{min-height:0!important;margin:0!important}
@media(min-width:992px){.contact-left{max-width:380px}.contact-main .col-lg-7{flex:0 0 auto;width:58.33333333%}}
@media(max-width:991px){.contact-hero{padding-top:92px}.contact-page-head h1{font-size:34px!important}.contact-main{padding-top:28px}.contact-main .row{--bs-gutter-x:0}}



/* === FIX 2026-05-14: kontakt nie nachodzi na fixed navbar + kompaktowa nawigacja === */
.glass-nav{
  z-index:1030!important;
}
.subpage{
  scroll-margin-top:78px;
}
.contact-page{
  padding-top:78px!important;
}
.contact-hero{
  min-height:216px!important;
  padding:46px 0 44px!important;
}
.contact-page-head .eyebrow{
  display:block!important;
  margin-top:0!important;
}
@media (min-width:992px) and (max-width:1199px){
  .navbar .container{
    max-width:100%!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .logo{font-size:17px!important;}
  .navbar-nav{gap:8px!important;}
  .nav-link{font-size:13px!important;padding:9px 2px!important;}
  .nav-link.active{padding:9px 12px!important;}
  .nav-pill{padding:8px 10px!important;}
  .nav-pill span{font-size:8px!important;padding:2px 6px!important;margin-left:5px!important;}
  .navbar .btn-main{padding:11px 15px!important;font-size:13px!important;}
}
@media (max-width:991px){
  .contact-page{padding-top:0!important;}
  .contact-hero{padding-top:104px!important;}
}


/* === Subtelna animacja tylko dla przycisku „Porozmawiajmy” w menu === */
.cta-talk-animated{
  position:relative;
  isolation:isolate;
  overflow:visible;
  animation:tmTalkPulse 3.6s ease-in-out infinite;
}
.cta-talk-animated:before{
  content:"";
  position:absolute;
  inset:-5px;
  border-radius:14px;
  background:rgba(56,189,248,.22);
  opacity:0;
  transform:scale(.96);
  z-index:-1;
  animation:tmTalkGlow 3.6s ease-in-out infinite;
}
.cta-talk-animated i{
  transition:transform .25s ease;
}
.cta-talk-animated:hover i{
  transform:translateX(3px);
}
@keyframes tmTalkPulse{
  0%,100%{transform:translateY(0);box-shadow:0 0 0 6px rgba(56,189,248,.12)!important}
  50%{transform:translateY(-1px);box-shadow:0 0 0 7px rgba(56,189,248,.18),0 10px 26px rgba(56,189,248,.18)!important}
}
@keyframes tmTalkGlow{
  0%,100%{opacity:0;transform:scale(.96)}
  50%{opacity:1;transform:scale(1.02)}
}
@media (prefers-reduced-motion: reduce){
  .cta-talk-animated,
  .cta-talk-animated:before{animation:none!important}
}


/* === Referencje jako osobna podstrona w motywie TrainMaster === */
.references-page{
  padding:118px 0 125px!important;
  min-height:100vh;
  background:radial-gradient(circle at 50% 12%,rgba(56,189,248,.14),transparent 36%),linear-gradient(135deg,#071220 0%,#082636 58%,#071220 100%)!important;
  color:#f8fafc!important;
  position:relative;
  overflow:hidden;
}
.references-page:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(56,189,248,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.028) 1px,transparent 1px);
  background-size:96px 96px;
  pointer-events:none;
}
.references-page .container{max-width:1210px;position:relative;z-index:2}
.references-page .references-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:34px;color:#38bdf8!important}
.references-page .row{margin-bottom:62px!important}
.references-page .eyebrow{color:#38bdf8!important;font-size:13px;letter-spacing:.14em;font-weight:900;text-transform:uppercase}
.references-page h2{font-size:56px!important;line-height:1.02!important;letter-spacing:-.06em!important;color:#f8fafc!important;margin:0 0 20px}
.references-page .lead{max-width:760px;color:#a7b3c2!important;font-size:18px!important;line-height:1.55!important}
.references-page .logo-wall{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:24px!important;background:transparent!important;border-radius:0!important;overflow:visible!important}
.references-page .logo-tile{min-height:210px!important;background:#0d1b2b!important;border:1px solid rgba(103,130,158,.20)!important;border-radius:14px!important;padding:34px 26px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important;box-shadow:0 18px 45px rgba(0,0,0,.18)!important}
.references-page .logo-tile i{display:block;color:#38bdf8!important;font-size:42px!important;line-height:1;margin-bottom:28px;text-shadow:none!important}
.references-page .logo-tile span{color:#f8fafc!important;font-weight:900!important;font-size:21px!important;line-height:1.18!important}
@media(max-width:991px){.references-page{padding:100px 0 96px!important}.references-page h2{font-size:38px!important}.references-page .logo-wall{grid-template-columns:1fr!important}.references-page .logo-tile{min-height:auto!important}}



/* === Unified TrainMaster navy / blue theme override === */
:root{
  --tm-bg:#071220;
  --tm-bg-deep:#050d17;
  --tm-bg-soft:#0d1b2b;
  --tm-bg-card:#102235;
  --tm-line:rgba(103,130,158,.20);
  --tm-blue:#38bdf8;
  --tm-blue-strong:#0ea5e9;
  --tm-blue-soft:#7dd3fc;
  --tm-text:#f8fafc;
  --tm-muted:#a7b3c2;
  --blue:#38bdf8;
  --cyan:#7dd3fc;
  --dark:#050d17;
  --navy:#071220;
  --soft:#0d1b2b;
  --line:rgba(103,130,158,.20);
  --text:#f8fafc;
  --muted:#a7b3c2;
}

html,body{
  background:var(--tm-bg-deep)!important;
  color:var(--tm-text)!important;
}
body{
  background:linear-gradient(135deg,#071220 0%,#082636 58%,#050d17 100%)!important;
}

/* Navigation */
.glass-nav{
  background:rgba(7,18,32,.96)!important;
  border-bottom:1px solid rgba(56,189,248,.14)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.18)!important;
}
.logo,.logo .master{color:#f8fafc!important}
.logo .master{color:var(--tm-blue)!important}
.nav-link{color:#a7b3c2!important}
.nav-link:hover,.nav-link.active{color:#fff!important}
.nav-link.active,.nav-pill{
  border-color:rgba(56,189,248,.55)!important;
  background:rgba(14,165,233,.10)!important;
}

/* Global dark section system */
.section,
.soft,
.tm-showcase,
.audience-section,
.about-dark,
.cyber-section,
.people-section,
#portfolio,
#training,
#references.references-section,
.references-section,
.references-page,
.final-cta-section,
.contact,
.contact-page,
.site-footer{
  background:radial-gradient(circle at 50% 18%,rgba(56,189,248,.12),transparent 34%),linear-gradient(135deg,#071220 0%,#082636 58%,#050d17 100%)!important;
  color:var(--tm-text)!important;
}

.tm-showcase:before,
.audience-section:before,
.about-dark:before,
.cyber-section:before,
.people-section:before,
#portfolio:before,
#training:before,
#references.references-section:before,
.references-page:before,
.final-cta-section:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(56,189,248,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.028) 1px,transparent 1px);
  background-size:96px 96px;
  pointer-events:none;
}
.section,
.tm-showcase,
.audience-section,
.about-dark,
.cyber-section,
.people-section,
#portfolio,
#training,
#references.references-section,
.references-page,
.final-cta-section{position:relative;overflow:hidden}
.section > .container,
.tm-showcase > .container,
.audience-section > .container,
.about-dark > .container,
.cyber-section > .container,
.people-section > .container,
#portfolio > .container,
#training > .container,
#references > .container,
.references-page > .container,
.final-cta-section > .container{position:relative;z-index:2}

/* Typography */
.eyebrow,.eyebrow.blue,
#training .eyebrow,#training .eyebrow.blue,
#references .eyebrow,
.references-page .eyebrow,
.section-head-left .eyebrow,
.people-copy .eyebrow{
  color:var(--tm-blue)!important;
}
h1,h2,h3,
#training h2,#training .training-card h3,
#references h2,#references .logo-tile span,
.references-page h2,
.tm-showcase h2,.section-head-left h2,
.audience-section .section-head-left h2,
.about-dark h2,
.cyber-section h2,
.people-copy h2{
  color:var(--tm-text)!important;
}
.lead,.section-lead,#training .section-lead,
#references .lead,
.references-page .lead,
.service-card p,.case-card p,.blog-card p,.training-card p,.team-card p,
.tm-card p,.audience-card p,.process-card p,.people-copy p,.person-body p,
.about-dark p,.section-lead-left{
  color:var(--tm-muted)!important;
}

/* Cards */
.service-card,.case-card,.blog-card,.team-card,.training-card,
.course-list-card,.program-item,.info-card,.tm-card,.audience-card,.process-card,
.person-card,.about-tile,.contact-card,.contact-box,.contact-steps,
#training .training-card,
#references .logo-tile,
.references-page .logo-tile{
  background:var(--tm-bg-soft)!important;
  border:1px solid var(--tm-line)!important;
  color:var(--tm-text)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.18)!important;
}
.service-card:hover,.case-card:hover,.blog-card:hover,.team-card:hover,.training-card:hover,
.course-list-card:hover,.program-item:hover,.info-card:hover,.tm-card:hover,.audience-card:hover,
.process-card:hover,.person-card:hover,
#training .training-card:hover,
.references-page .logo-tile:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(56,189,248,.55)!important;
  box-shadow:0 22px 60px rgba(56,189,248,.10)!important;
}

/* Icons and accents */
.service-card i,.training-card i,.course-list-card .course-icon,
.tm-showcase .tm-icon,.audience-card i,.about-tile i,
.process-card span,.case-card strong,.blog-card small,
#training .training-card i,
#references .logo-tile i,
.references-page .logo-tile i,
.contact-card i,.contact-steps li i,.footer-contact i{
  color:var(--tm-blue)!important;
}
.service-card > i,.training-card > i,#training .training-card > i,
.tm-showcase .tm-icon,.audience-card i{
  background:linear-gradient(135deg,#38bdf8,#0ea5e9)!important;
  color:#071220!important;
}
a,.back-link,.tm-card a,#training .training-card a,#training .training-card a i,
.references-page .references-back,.contact-back{
  color:var(--tm-blue)!important;
}

/* Training specifically: remove all purple remnants */
#training{
  padding:110px 0 130px!important;
}
#training .training-card{
  border-radius:22px!important;
  padding:32px!important;
  min-height:300px!important;
}
#training .training-card p{color:var(--tm-muted)!important}
#training .training-card a{color:var(--tm-blue-soft)!important}
#training .training-card a i{
  background:transparent!important;
  color:var(--tm-blue-soft)!important;
}

/* References: match dark premium cards */
#references.references-section{
  padding:110px 0 125px!important;
}
#references .logo-wall{
  background:transparent!important;
  gap:24px!important;
}
#references .logo-tile{
  min-height:150px!important;
  border-radius:14px!important;
  padding:24px 18px!important;
}
#references .logo-tile span{color:var(--tm-text)!important}
#references .lead{color:var(--tm-muted)!important}

/* Forms */
.contact-box input,.contact-box textarea,.contact-box select{
  background:#050d17!important;
  border:1px solid rgba(56,189,248,.18)!important;
  color:#fff!important;
}
.contact-box input:focus,.contact-box textarea:focus,.contact-box select:focus{
  outline:2px solid rgba(56,189,248,.45)!important;
  border-color:var(--tm-blue)!important;
}

/* Buttons */
.btn-main,.btn-primary,.contact-box .btn-main{
  background:linear-gradient(135deg,#38bdf8,#0ea5e9)!important;
  color:#03121f!important;
  box-shadow:0 0 0 6px rgba(56,189,248,.12)!important;
}
.btn-main:hover,.btn-primary:hover{
  box-shadow:0 14px 34px rgba(56,189,248,.20)!important;
}

/* Selection */
::selection{background:rgba(56,189,248,.28);color:#fff}

@media(max-width:991px){
  #training{padding:86px 0 96px!important}
  #references.references-section{padding:86px 0 96px!important}
}



/* === FIX: ikonki w sekcji „Organizacje” — outline jak na screenie === */
.audience-section .audience-card .audience-icon{
  width:25px!important;
  height:25px!important;
  display:block!important;
  margin:0 0 24px!important;
  background:transparent!important;
  color:#38bdf8!important;
  line-height:1!important;
}
.audience-section .audience-card .audience-icon svg{
  width:25px!important;
  height:25px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.audience-section .audience-card > i{
  width:25px!important;
  height:25px!important;
  margin:0 0 24px!important;
  display:block!important;
  background:transparent!important;
  color:#38bdf8!important;
  font-size:25px!important;
  line-height:1!important;
  box-shadow:none!important;
}


/* === 2026-05-14: spójny motyw bez ostrych cięć między sekcjami === */
:root{
  --tm-ink:#f8fafc;
  --tm-muted-2:#a7b3c2;
  --tm-surface:#0b1928;
  --tm-surface-2:#0f2235;
  --tm-border:rgba(125,211,252,.16);
  --tm-glow:rgba(56,189,248,.14);
}
html{background:#050d17!important;}
body{
  background:
    radial-gradient(circle at 50% 4%,rgba(56,189,248,.15),transparent 32%),
    radial-gradient(circle at 14% 38%,rgba(14,165,233,.09),transparent 28%),
    radial-gradient(circle at 82% 64%,rgba(45,212,191,.08),transparent 30%),
    linear-gradient(135deg,#071220 0%,#082636 45%,#061421 72%,#050d17 100%)!important;
  background-attachment:fixed!important;
  color:var(--tm-ink)!important;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background-image:
    linear-gradient(rgba(56,189,248,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(56,189,248,.022) 1px,transparent 1px);
  background-size:96px 96px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.7),rgba(0,0,0,.28));
}
#main,
.section,
.soft,
.tm-showcase,
.audience-section,
.about-dark,
.cyber-section,
.people-section,
#portfolio,
#training,
#references.references-section,
.references-section,
.references-page,
.final-cta-section,
.contact,
.contact-page,
.site-footer,
.subpage{
  background:transparent!important;
  color:var(--tm-ink)!important;
}
.hero{
  background:
    radial-gradient(circle at 68% 28%,rgba(56,189,248,.15),transparent 32%),
    linear-gradient(180deg,rgba(7,18,32,.72) 0%,rgba(7,18,32,.38) 78%,rgba(7,18,32,0) 100%)!important;
  min-height:760px!important;
  padding-bottom:170px!important;
}
.hero:before,
.hero:after{opacity:.72!important;}
.tm-showcase,
.audience-section,
.about-dark,
.cyber-section,
.people-section,
#portfolio,
#training,
#references.references-section,
.final-cta-section{
  padding-top:92px!important;
  padding-bottom:92px!important;
  border-top:0!important;
  overflow:hidden!important;
}
.tm-showcase:before,
.audience-section:before,
.about-dark:before,
.cyber-section:before,
.people-section:before,
#portfolio:before,
#training:before,
#references.references-section:before,
.references-page:before,
.final-cta-section:before{
  opacity:.38!important;
  mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 86%,transparent 100%)!important;
}
.tm-showcase:after,
.audience-section:after,
.about-dark:after,
.cyber-section:after,
.people-section:after,
#portfolio:after,
#training:after,
#references.references-section:after,
.final-cta-section:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:120px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(5,13,23,0),rgba(5,13,23,.26) 55%,rgba(5,13,23,0));
  opacity:.55;
}
.section-head-left,
#portfolio .text-center,
#training .text-center,
#references .text-center,
.cyber-section .text-center{
  margin-bottom:42px!important;
}
h2,
.section-head-left h2,
.audience-section .section-head-left h2,
.about-dark h2,
.cyber-section h2,
#portfolio h2,
#training h2,
#references h2{
  color:var(--tm-ink)!important;
  text-wrap:balance;
}
.lead,
.section-lead,
.section-lead-left,
.about-dark p,
#training .section-lead,
#references .lead{
  color:var(--tm-muted-2)!important;
}
.tm-card,
.audience-card,
.about-tile,
.process-card,
.case-card,
.training-card,
.team-card,
.person-card,
.logo-tile,
.contact-card,
.contact-box,
.contact-steps,
.course-list-card,
.program-item,
.info-card,
.signup-card,
.final-cta-box,
.hero-stats,
.mini-tile{
  background:linear-gradient(180deg,rgba(15,34,53,.86),rgba(9,22,36,.86))!important;
  border:1px solid var(--tm-border)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(10px)!important;
}
.tm-card:hover,
.audience-card:hover,
.process-card:hover,
.case-card:hover,
.training-card:hover,
.person-card:hover,
.logo-tile:hover,
.about-tile:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(56,189,248,.38)!important;
  box-shadow:0 22px 70px rgba(56,189,248,.10),0 18px 55px rgba(0,0,0,.20)!important;
}
.tm-cyber-card,
.featured-card,
.signup-card,
.final-cta-box{
  background:radial-gradient(circle at 76% 20%,rgba(56,189,248,.16),transparent 35%),linear-gradient(180deg,rgba(13,38,57,.92),rgba(7,18,32,.92))!important;
}
#training,
#references.references-section{
  color:var(--tm-ink)!important;
}
#training .training-card h3,
#references .logo-tile span,
#references h2,
#training h2{
  color:var(--tm-ink)!important;
}
#training .training-card p,
#references .lead{
  color:var(--tm-muted-2)!important;
}
#references .logo-wall{
  gap:16px!important;
}
#references .logo-tile{
  justify-content:center!important;
  min-height:160px!important;
}
#references .logo-tile i{
  color:#38bdf8!important;
}
.hero-stats-wrap{bottom:42px!important;}
.hero-stats{
  background:rgba(13,27,43,.72)!important;
}
.hero-stats div{border-color:rgba(125,211,252,.12)!important;}
.glass-nav{
  background:rgba(7,18,32,.82)!important;
  backdrop-filter:blur(20px)!important;
  border-bottom:1px solid rgba(125,211,252,.12)!important;
}
.nav-link.active{
  box-shadow:0 0 0 1px rgba(56,189,248,.12) inset,0 0 24px rgba(56,189,248,.10)!important;
}
.btn-main,.btn-primary,.btn-outline-light{
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.reveal{opacity:1!important;transform:none!important;}
.reveal.show{transition:transform .45s ease,box-shadow .3s ease,border-color .3s ease!important;}
@media(min-width:992px){
  .tm-showcase .tm-card-grid,
  .audience-section .audience-grid{gap:18px!important;}
  .people-section + .people-section{padding-top:76px!important;}
}
@media(max-width:991px){
  .hero{padding-bottom:72px!important;}
  .tm-showcase,
  .audience-section,
  .about-dark,
  .cyber-section,
  .people-section,
  #portfolio,
  #training,
  #references.references-section,
  .final-cta-section{padding-top:76px!important;padding-bottom:76px!important;}
}



/* === FIX: mniejsze wyróżnienie aktywnej pozycji menu === */
.navbar .nav-link.active{
  border:1px solid rgba(56,189,248,.38)!important;
  border-radius:8px!important;
  padding:7px 11px!important;
  background:rgba(56,189,248,.055)!important;
  box-shadow:0 0 0 1px rgba(56,189,248,.06) inset!important;
}
.navbar .nav-link.active:hover{
  border-color:rgba(56,189,248,.55)!important;
  background:rgba(56,189,248,.09)!important;
}
@media (max-width:991px){
  .navbar .nav-link.active{
    display:inline-block;
    padding:7px 11px!important;
  }
}



/* === FIX: logo przy kartach szkoleń + poprawiony układ === */
#training .training-card.training-card-logo{
  min-height:360px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:0!important;
}
#training .training-card.training-card-logo > i{
  display:none!important;
}
#training .training-logo{
  width:100%!important;
  height:106px!important;
  border-radius:16px!important;
  margin:0 0 26px!important;
  padding:18px 22px!important;
  background:rgba(255,255,255,.97)!important;
  border:1px solid rgba(125,211,252,.20)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  box-shadow:0 16px 38px rgba(0,0,0,.14)!important;
}
#training .training-logo img{
  max-width:100%!important;
  max-height:100%!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  display:block!important;
}
#training .training-logo-wazuh{
  background:linear-gradient(135deg,#284261,#0b5fff)!important;
  padding:0!important;
}
#training .training-logo-wazuh img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
#training .training-logo-ad img{
  transform:scale(1.08);
}
#training .training-card h3 span{
  background:rgba(56,189,248,.18)!important;
  color:#f8fafc!important;
  padding:0 .18em!important;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}
@media(max-width:991px){
  #training .training-card.training-card-logo{min-height:auto!important}
  #training .training-logo{height:92px!important;margin-bottom:22px!important}
}



/* === Logo rządowe w kafelku Cyberbezpieczeństwo === */
.tm-showcase .gov-logo-icon{
  width:48px;
  height:48px;
  border-radius:14px;
  background:#45c8f5;
  display:grid;
  place-items:center;
  padding:6px;
  overflow:hidden;
}
.tm-showcase .gov-logo-icon img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}


/* === Logo w kafelkach usług: neutralne tło zamiast niebieskiego === */
.tm-showcase .tm-icon,
.tm-showcase .gov-logo-icon{
  background:linear-gradient(145deg,#f8fafc,#dce7f7)!important;
  color:#071220!important;
  border:1px solid rgba(255,255,255,.62)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
}
.tm-showcase .tm-icon i{
  color:#071220!important;
}
.tm-showcase .tm-logo-icon{
  padding:7px!important;
  overflow:hidden!important;
}
.tm-showcase .tm-logo-icon img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.tm-showcase .gov-logo-icon{
  padding:5px!important;
}

/* === Active Directory redesigned training page accent === */
.ad-redesign-page .wz-hero-copy{background:radial-gradient(circle at 86% 20%,rgba(59,130,246,.22),transparent 38%),#0d1b2b}
.ad-redesign-page .wz-hero-panel{border-color:rgba(56,189,248,.34)}
.ad-redesign-page .wz-module:nth-child(6){border-color:rgba(56,189,248,.38)}



/* === FIX 2026-05-15: powiększony desktopowy widok zakładki Kontakt === */
@media (min-width: 992px){
  #kontakt-page.contact-page{
    padding-top: 78px !important;
    padding-bottom: 76px !important;
  }

  #kontakt-page .contact-container{
    max-width: 1320px !important;
  }

  #kontakt-page .contact-hero{
    min-height: 260px !important;
    padding: 74px 0 56px !important;
  }

  #kontakt-page .contact-page-head{
    max-width: 820px !important;
  }

  #kontakt-page .contact-page-head .eyebrow{
    font-size: 13px !important;
    letter-spacing: .18em !important;
    margin-bottom: 16px !important;
  }

  #kontakt-page .contact-page-head h1{
    font-size: clamp(48px, 3.6vw, 64px) !important;
    line-height: 1.04 !important;
    margin-bottom: 18px !important;
  }

  #kontakt-page .contact-page-head p:not(.eyebrow){
    max-width: 690px !important;
    font-size: 18px !important;
    line-height: 1.55 !important;
  }

  #kontakt-page .contact-main{
    padding-top: 68px !important;
  }

  #kontakt-page .contact-main .row{
    --bs-gutter-x: 56px !important;
    --bs-gutter-y: 32px !important;
    justify-content: center !important;
  }

  #kontakt-page .contact-left{
    max-width: none !important;
  }

  #kontakt-page .contact-card{
    min-height: 88px !important;
    padding: 26px 30px !important;
    margin-bottom: 22px !important;
    border-radius: 14px !important;
    gap: 22px !important;
  }

  #kontakt-page .contact-card.firm{
    min-height: 104px !important;
  }

  #kontakt-page .contact-card i{
    width: 22px !important;
    flex-basis: 22px !important;
    font-size: 20px !important;
  }

  #kontakt-page .contact-card p{
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  #kontakt-page .contact-card h3{
    font-size: 18px !important;
    line-height: 1.42 !important;
    margin-top: 5px !important;
  }

  #kontakt-page .contact-steps{
    padding: 24px 30px !important;
    border-radius: 14px !important;
    margin-top: 6px !important;
  }

  #kontakt-page .contact-steps h3{
    font-size: 18px !important;
    margin-bottom: 18px !important;
  }

  #kontakt-page .contact-steps li{
    font-size: 15px !important;
    line-height: 1.55 !important;
    gap: 12px !important;
    margin-bottom: 10px !important;
  }

  #kontakt-page .contact-steps li i{
    font-size: 13px !important;
    margin-top: 5px !important;
  }

  #kontakt-page .contact-box{
    padding: 34px 40px 38px !important;
    border-radius: 14px !important;
  }

  #kontakt-page .contact-box h2{
    font-size: 30px !important;
    line-height: 1.16 !important;
    margin-bottom: 12px !important;
  }

  #kontakt-page .contact-box p{
    font-size: 15px !important;
    line-height: 1.65 !important;
    margin-bottom: 24px !important;
  }

  #kontakt-page .contact-box .row{
    --bs-gutter-x: 34px !important;
    --bs-gutter-y: 26px !important;
  }

  #kontakt-page .contact-box label{
    font-size: 15px !important;
    line-height: 1.35 !important;
    margin-bottom: 0 !important;
  }

  #kontakt-page .contact-box input,
  #kontakt-page .contact-box textarea,
  #kontakt-page .contact-box select{
    min-height: 48px !important;
    padding: 14px 16px !important;
    margin-top: 10px !important;
    border-radius: 8px !important;
    font-size: 16px !important;
  }

  #kontakt-page .contact-box textarea{
    min-height: 170px !important;
  }

  #kontakt-page .contact-box .btn-main{
    margin-top: 12px !important;
    padding: 14px 24px !important;
    border-radius: 10px !important;
    font-size: 15px !important;
  }

  #kontakt-page .contact-note{
    font-size: 13px !important;
    line-height: 1.55 !important;
    margin-top: 16px !important;
  }
}

@media (min-width: 1400px){
  #kontakt-page .contact-container{
    max-width: 1380px !important;
  }
}



/* === Realne miniatury referencji na podstronie Referencje === */
.references-real-page .references-gallery{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
  align-items:start;
}
.references-real-page .reference-thumb{
  display:block;
  background:#0d1b2b;
  border:1px solid rgba(103,130,158,.22);
  border-radius:14px;
  padding:12px;
  box-shadow:0 18px 45px rgba(0,0,0,.18);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.references-real-page .reference-thumb:hover{
  transform:translateY(-5px);
  border-color:rgba(56,189,248,.65);
  box-shadow:0 24px 70px rgba(56,189,248,.12);
}
.references-real-page .reference-thumb img{
  width:100%;
  aspect-ratio:724/1024;
  height:auto;
  object-fit:cover;
  object-position:top center;
  display:block;
  background:#fff;
  border-radius:10px;
}
.references-real-page .reference-thumb span{
  display:block;
  margin-top:10px;
  color:#a7b3c2;
  font-size:12px;
  font-weight:850;
  letter-spacing:.02em;
}
.references-real-page .reference-thumb.is-missing{
  display:none;
}
@media(max-width:1199px){.references-real-page .references-gallery{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:768px){.references-real-page .references-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}}
@media(max-width:480px){.references-real-page .references-gallery{grid-template-columns:1fr;}}


/* === FIX referencji: poprawne miniatury + fallback przy braku obrazu === */
.reference-thumb{position:relative}
.reference-thumb img[data-fixed="true"]{background:#fff}
.reference-thumb.img-error::after{content:"Kliknij, aby otworzyć referencję";position:absolute;inset:auto 12px 12px 12px;background:rgba(7,18,32,.88);color:#fff;border:1px solid rgba(56,189,248,.35);border-radius:10px;padding:8px 10px;font-size:12px;text-align:center}


/* === FIX 2026-05-15: Szkolenia — czytelne brand-cardy zamiast przyciętych obrazków === */
#training .training-card.training-card-logo{
  min-height:378px!important;
  padding:36px!important;
  position:relative!important;
  overflow:hidden!important;
}
#training .training-card.training-card-logo:before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:22px;
  background:radial-gradient(circle at 82% 0%,rgba(56,189,248,.16),transparent 34%);
  pointer-events:none;
}
#training .training-card.training-card-logo > *{position:relative;z-index:1}
#training .training-logo{
  width:100%!important;
  height:128px!important;
  border-radius:18px!important;
  margin:0 0 28px!important;
  padding:24px 28px!important;
  background:linear-gradient(135deg,rgba(7,18,32,.98),rgba(13,37,56,.98))!important;
  border:1px solid rgba(125,211,252,.22)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:22px!important;
  overflow:hidden!important;
  box-shadow:0 18px 44px rgba(0,0,0,.20)!important;
}
#training .training-logo:after{
  content:"";
  position:absolute;
  right:-30px;
  top:-42px;
  width:150px;
  height:150px;
  border-radius:50%;
  background:rgba(56,189,248,.12);
}
#training .training-logo-wazuh,
#training .training-logo-ad{
  background:linear-gradient(135deg,#071220 0%,#0d2a40 100%)!important;
}
#training .training-logo-text strong{
  display:block;
  color:#f8fafc!important;
  font-size:30px;
  line-height:1;
  letter-spacing:-.045em;
  font-weight:900;
}
#training .training-logo-text small{
  display:block;
  margin-top:9px;
  color:#7dd3fc!important;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
#training .wazuh-mark{
  width:70px;
  height:70px;
  flex:0 0 70px;
  border-radius:18px;
  background:#f8fafc;
  display:grid;
  place-items:center;
  box-shadow:0 0 0 8px rgba(248,250,252,.06);
}
#training .wazuh-mark span{
  width:43px;
  height:43px;
  display:block;
  background:#304865;
  clip-path:polygon(50% 0,63% 29%,94% 33%,70% 54%,76% 86%,50% 68%,24% 86%,30% 54%,6% 33%,37% 29%);
}
#training .ad-window{
  width:72px;
  height:72px;
  flex:0 0 72px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5px;
  transform:skewY(-6deg);
}
#training .ad-window span{
  display:block;
  background:#38bdf8;
  border-radius:4px;
  box-shadow:0 0 18px rgba(56,189,248,.22);
}
#training .ad-window span:nth-child(2),
#training .ad-window span:nth-child(4){background:#7dd3fc}
#training .training-card h3 span,
#training .training-card h3::selection{
  background:transparent!important;
  color:inherit!important;
  padding:0!important;
}
#training .training-card.training-card-logo h3{
  font-size:25px!important;
  margin-bottom:14px!important;
}
@media(max-width:575px){
  #training .training-logo{height:auto!important;min-height:124px!important;padding:22px!important;gap:16px!important}
  #training .training-logo-text strong{font-size:24px!important}
  #training .wazuh-mark,#training .ad-window{width:58px;height:58px;flex-basis:58px}
}

  

/* === Rafał Decyk founder card polish === */
.founder-card{
  position:relative;
  border-color:rgba(56,189,248,.44)!important;
  box-shadow:0 24px 70px rgba(56,189,248,.12),0 18px 45px rgba(0,0,0,.2)!important;
}
.founder-card:before{
  content:"FOUNDER";
  position:absolute;
  top:14px;
  left:14px;
  z-index:3;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(5,13,23,.72);
  border:1px solid rgba(56,189,248,.28);
  color:#7dd3fc;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
}
.founder-photo{
  background:linear-gradient(135deg,#0d1b2b,#12314a)!important;
}
.founder-photo img{
  transform:scale(1.03);
}
.founder-card .person-linkedin{
  background:linear-gradient(135deg,#0a66c2,#38bdf8);
  color:#fff;
}
@media(min-width:992px){
  .founder-card{transform:translateY(-10px);}
  .founder-card:hover{transform:translateY(-16px)!important;}
}


/* === FIX 2026-05-15: spójne kadrowanie zdjęć w sekcji zespołu (HTML/CSS, bez generowania grafik) === */
.people-grid .person-photo:not(.placeholder){
  height:235px!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 28%, rgba(125,211,252,.18), transparent 34%),
    linear-gradient(135deg,#102235 0%,#071220 100%)!important;
}
.people-grid .person-photo:not(.placeholder)::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(7,18,32,.02) 0%,rgba(7,18,32,.12) 78%,rgba(7,18,32,.34) 100%),
    radial-gradient(circle at 50% 18%,rgba(56,189,248,.08),transparent 44%);
  mix-blend-mode:normal;
}
.people-grid .person-photo:not(.placeholder)::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03), inset 0 -44px 58px rgba(5,13,23,.22);
}
.people-grid .person-photo:not(.placeholder) img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  position:relative!important;
  z-index:1!important;
  filter:saturate(.92) contrast(.98) brightness(.92)!important;
}
.people-grid .founder-photo img{
  object-position:center 24%!important;
  transform:scale(1.10)!important;
  transform-origin:center 22%!important;
}
.people-grid .martyna-photo img{
  object-position:center 18%!important;
  transform:scale(1.46)!important;
  transform-origin:center 18%!important;
}
@media(max-width:991px){
  .people-grid .person-photo:not(.placeholder){height:260px!important}
  .people-grid .founder-photo img{transform:scale(1.08)!important}
  .people-grid .martyna-photo img{transform:scale(1.36)!important}
}



/* === FINAL FIX: równe kafelki zespołu + żywe, niewyblakłe zdjęcia === */
.people-grid .person-card{
  transform:none!important;
  border-color:rgba(103,130,158,.20)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.18)!important;
}
.people-grid .person-card:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(56,189,248,.36)!important;
  box-shadow:0 22px 60px rgba(56,189,248,.10)!important;
}
.founder-card,
.founder-card:hover{
  transform:none!important;
  border-color:rgba(103,130,158,.20)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.18)!important;
}
.founder-card:before{
  content:none!important;
  display:none!important;
}
.people-grid .person-photo:not(.placeholder){
  height:235px!important;
  background:#0d1b2b!important;
}
.people-grid .person-photo:not(.placeholder)::before{
  background:linear-gradient(180deg,rgba(7,18,32,0) 0%,rgba(7,18,32,.04) 78%,rgba(7,18,32,.16) 100%)!important;
}
.people-grid .person-photo:not(.placeholder)::after{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03), inset 0 -22px 36px rgba(5,13,23,.12)!important;
}
.people-grid .person-photo:not(.placeholder) img,
.people-grid .rafal-photo img,
.people-grid .martyna-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
  filter:saturate(1.06) contrast(1.03) brightness(1.02)!important;
}
@media(max-width:991px){
  .people-grid .person-photo:not(.placeholder){height:260px!important}
  .people-grid .rafal-photo img,
  .people-grid .martyna-photo img{transform:none!important}
}



  /* Więcej oddechu między sekcjami i od góry strony */
  .section,
  .tm-showcase,
  .audience-section,
  .about-dark,
  .cyber-section,
  .people-section,
  #portfolio,
  #training,
  #references.references-section,
  .references-page,
  .final-cta-section{
    padding-top:140px !important;
    padding-bottom:140px !important;
  }

  /* Hero mniej skondensowane */
  .hero{
    padding-bottom:280px !important;
  }

  .hero .container{
    padding-top:125px !important;
  }

  /* Lepszy odstęp pod nagłówkami sekcji */
  .section-head-left,
  .audience-section .section-head-left,
  #portfolio .text-center,
  #training .text-center,
  #references .text-center{
    margin-bottom:72px !important;
  }

  /* Większe przerwy między kartami */
  .tm-showcase .tm-card-grid,
  .audience-section .audience-grid,
  .people-grid,
  #portfolio .row,
  #training .row{
    row-gap:32px !important;
  }

  .tm-showcase .tm-card-grid,
  .audience-section .audience-grid,
  .people-grid{
    column-gap:32px !important;
  }

  /* Trochę więcej przestrzeni wewnątrz kart */
  .tm-showcase .tm-card,
  .audience-card,
  .person-body,
  #portfolio .case-card,
  #training .training-card{
    padding:34px !important;
  }

  /* Kontakt mniej ściśnięty */
  .contact-main{
    padding-top:70px !important;
  }

  .contact-card,
  .contact-steps,
  .contact-box{
    margin-bottom:22px !important;
  }

  /* Podstrony mają więcej miejsca pod navbar */
  .subpage{
    padding-top:150px !important;
  }

  .contact-page{
    padding-top:92px !important;
  }

  /* Responsywność */
  @media(max-width:991px){
    .section,
    .tm-showcase,
    .audience-section,
    .about-dark,
    .cyber-section,
    .people-section,
    #portfolio,
    #training,
    #references.references-section,
    .references-page,
    .final-cta-section{
      padding-top:96px !important;
      padding-bottom:96px !important;
    }

    .hero{
      padding-bottom:120px !important;
    }

    .hero .container{
      padding-top:110px !important;
    }

    .section-head-left,
    .audience-section .section-head-left,
    #portfolio .text-center,
    #training .text-center,
    #references .text-center{
      margin-bottom:46px !important;
    }

    .subpage{
      padding-top:118px !important;
    }

    .contact-page{
      padding-top:0 !important;
    }
  }


/* === ACCESSIBILITY FONT OVERRIDE: maksymalna czytelność === */
html,
body,
button,
input,
textarea,
select {
  font-family: 'Atkinson Hyperlegible', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body {
  line-height: 1.65;
  letter-spacing: 0.005em;
}

p,
li,
.section-lead,
.lead,
.contact-box p,
.contact-card p {
  line-height: 1.7 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.logo,
.nav-link,
.btn-main,
.btn-primary {
  font-family: 'Atkinson Hyperlegible', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif !important;
  letter-spacing: -0.025em;
}

.hero h1,
.page-hero h1,
.contact-page-head h1 {
  letter-spacing: -0.035em !important;
}

.nav-link,
.btn-main,
.btn-primary,
.btn-outline-light {
  font-weight: 700 !important;
}

strong,
b,
h1,
h2,
h3 {
  font-weight: 700 !important;
}


/* === Mastering Wazuh redesigned training page === */
.wazuh-redesign-page{
  background:radial-gradient(circle at 72% 8%,rgba(56,189,248,.18),transparent 30%),linear-gradient(135deg,#071220 0%,#082636 58%,#050d17 100%)!important;
  color:#f8fafc!important;
  padding-top:138px!important;
  padding-bottom:115px!important;
  position:relative;
  overflow:hidden;
}
.wazuh-redesign-page:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(56,189,248,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.026) 1px,transparent 1px);background-size:96px 96px;pointer-events:none}.wazuh-redesign-page .container{max-width:1210px;position:relative;z-index:2}.wazuh-redesign-page .back-link{color:#38bdf8!important}.wz-hero{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:34px;align-items:stretch;margin-bottom:30px}.wz-hero-copy{background:radial-gradient(circle at 86% 20%,rgba(56,189,248,.14),transparent 38%),#0d1b2b;border:1px solid rgba(103,130,158,.20);border-radius:18px;padding:52px;box-shadow:0 24px 70px rgba(0,0,0,.22)}.wz-hero-copy h1{max-width:780px;font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-.065em;font-weight:900;color:#f8fafc;margin:0 0 22px}.wz-hero-copy .lead{max-width:720px;color:#a7b3c2!important;font-size:18px!important;line-height:1.58!important}.wz-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.wz-hero-panel{background:#0d1b2b;border:1px solid rgba(56,189,248,.28);border-radius:18px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.22)}.wz-hero-panel div{padding:26px 28px;border-bottom:1px solid rgba(103,130,158,.18)}.wz-hero-panel div:last-child{border-bottom:0}.wz-hero-panel span{display:block;color:#7dd3fc;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;margin-bottom:8px}.wz-hero-panel strong{display:block;color:#f8fafc;font-size:20px;line-height:1.3}.wz-outcomes{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:30px 0 88px}.wz-outcomes article,.wz-day-grid article,.wz-module,.wz-final-cta{background:#0d1b2b;border:1px solid rgba(103,130,158,.20);border-radius:14px;box-shadow:0 18px 45px rgba(0,0,0,.16)}.wz-outcomes article{padding:26px;min-height:220px}.wz-outcomes i{color:#38bdf8;font-size:26px;margin-bottom:22px}.wz-outcomes h3,.wz-day-grid h3,.wz-module h3{color:#f8fafc;font-weight:900}.wz-outcomes h3{font-size:18px;margin-bottom:12px}.wz-outcomes p,.wz-day-grid p,.wz-module li,.wz-section-head p,.wz-final-cta p{color:#a7b3c2;line-height:1.55}.wz-outcomes p{font-size:14px;margin:0}.wz-section-head{max-width:780px;margin-bottom:34px}.wz-section-head h2{font-size:clamp(34px,4vw,52px);line-height:1.04;letter-spacing:-.06em;color:#f8fafc;margin:0 0 18px}.wz-section-head p{font-size:17px;margin:0}.wz-day-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:32px}.wz-day-grid article{padding:26px;min-height:210px}.wz-day-grid span{display:inline-flex;color:#071220;background:#45c8f5;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;margin-bottom:22px}.wz-day-grid h3{font-size:20px;margin-bottom:12px}.wz-day-grid p{font-size:14px;margin:0}.wz-program-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wz-module{display:grid;grid-template-columns:58px 1fr;gap:20px;padding:24px}.wz-module-no{width:58px;height:58px;border-radius:14px;background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.35);display:grid;place-items:center;color:#38bdf8;font-size:18px;font-weight:900}.wz-module h3{font-size:20px;margin:4px 0 14px}.wz-module ul{list-style:none;padding:0;margin:0}.wz-module li{position:relative;font-size:14px;margin-bottom:8px;padding-left:18px}.wz-module li:before{content:"";width:6px;height:6px;border-radius:50%;background:#38bdf8;position:absolute;left:0;top:.63em}.wz-final-cta{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;margin-top:36px;padding:38px;background:radial-gradient(circle at 86% 22%,rgba(56,189,248,.15),transparent 38%),#0d1b2b}.wz-final-cta h2{font-size:34px;letter-spacing:-.05em;line-height:1.08;margin:0 0 12px}.wz-final-cta p{margin:0;max-width:660px}.wz-final-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:991px){.wazuh-redesign-page{padding-top:112px!important}.wz-hero,.wz-outcomes,.wz-day-grid,.wz-program-list,.wz-final-cta{grid-template-columns:1fr}.wz-hero-copy{padding:32px 24px}.wz-outcomes{margin-bottom:64px}.wz-final-actions{justify-content:flex-start}.wz-module{grid-template-columns:48px 1fr;padding:20px}.wz-module-no{width:48px;height:48px}.wz-hero-panel strong{font-size:18px}}
/* === Active Directory redesigned training page accent === */
.ad-redesign-page .wz-hero-copy{background:radial-gradient(circle at 86% 20%,rgba(59,130,246,.22),transparent 38%),#0d1b2b}
.ad-redesign-page .wz-hero-panel{border-color:rgba(56,189,248,.34)}
.ad-redesign-page .wz-module:nth-child(6){border-color:rgba(56,189,248,.38)}



/* Contact Form 7 inside TrainMaster contact box */
.contact-box .wpcf7 form{margin:0;}
.contact-box .wpcf7 p{margin:0 0 12px!important;color:#e5e7eb!important;}
.contact-box .wpcf7 label{font-size:11px!important;color:#e5e7eb!important;font-weight:850!important;margin-bottom:12px!important;width:100%!important;display:block!important;}
.contact-box .wpcf7 input[type="text"],
.contact-box .wpcf7 input[type="email"],
.contact-box .wpcf7 input[type="tel"],
.contact-box .wpcf7 input[type="url"],
.contact-box .wpcf7 input[type="number"],
.contact-box .wpcf7 select,
.contact-box .wpcf7 textarea{
  width:100%!important;
  background:#050d17!important;
  border:1px solid #183148!important;
  color:#fff!important;
  border-radius:5px!important;
  padding:10px 11px!important;
  margin-top:7px!important;
  margin-bottom:0!important;
  font-size:12px!important;
}
.contact-box .wpcf7 textarea{min-height:84px!important;resize:vertical;}
.contact-box .wpcf7 input:focus,
.contact-box .wpcf7 textarea:focus,
.contact-box .wpcf7 select:focus{outline:2px solid rgba(56,189,248,.45)!important;border-color:#38bdf8!important;}
.contact-box .wpcf7 input[type="submit"],
.contact-box .wpcf7 button[type="submit"]{
  background:linear-gradient(180deg,#5fd5fb,#43c6ef)!important;
  color:#001522!important;
  border:0!important;
  border-radius:6px!important;
  padding:10px 18px!important;
  font-size:11px!important;
  font-weight:850!important;
  box-shadow:none!important;
  cursor:pointer;
}
.contact-box .wpcf7-spinner{margin-left:10px;}
.contact-box .wpcf7-not-valid-tip{color:#ffb4b4!important;font-size:11px!important;margin-top:5px!important;}
.contact-box .wpcf7-response-output{border-radius:6px!important;margin:12px 0 0!important;padding:10px 12px!important;color:#f8fafc!important;font-size:12px!important;}


/* === Cookie banner: aktywny po pierwszym wejściu, znika po akceptacji === */
#cookieBanner.cookie-banner{
  display:flex!important;
  position:fixed!important;
  left:20px!important;
  right:20px!important;
  bottom:20px!important;
  z-index:99999!important;
  background:#06142c!important;
  color:#fff!important;
  border:1px solid rgba(56,189,248,.28)!important;
  border-radius:18px!important;
  padding:1rem 1.4rem!important;
  box-shadow:0 18px 55px rgba(0,0,0,.35)!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:1rem!important;
}
#cookieBanner.cookie-banner.is-hidden{display:none!important;}
#cookieBanner.cookie-banner strong{color:#fff!important;}
#cookieBanner.cookie-banner button{
  background:#38bdf8!important;
  border:0!important;
  color:#001522!important;
  padding:.8rem 1.3rem!important;
  border-radius:12px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
@media(max-width:768px){
  #cookieBanner.cookie-banner{flex-direction:column!important;align-items:flex-start!important;left:12px!important;right:12px!important;bottom:12px!important;}
}