/* scale whole layout to 130% — all rem values below are derived from the original px design */
:root{
  font-size:130%;
  --ink:#0a0a0a; --body:#3a3a3a; --muted:#8c8c8c; --line:#d9d9d9; --paper:#ffffff;
  --green:#16b364; --cyan:#12c7d4; --orange:#ff9e00; --pink:#ff1e6f;
  --font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
body{font-family:var(--font);color:var(--body);line-height:1.7;background:var(--paper)}
h1,h2,h3,h4{color:var(--ink);line-height:1.15;font-weight:700;letter-spacing:-.02em}
h2{font-size:clamp(1.7rem,3vw,2.4rem)}
a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)} a:hover{border-color:var(--ink)}
a.no-line{border-bottom:0}
img{max-width:100%}
.sec{padding:clamp(3.25rem,6vw,5.625rem) 0;border-bottom:1px solid var(--line)}
.sec__head{max-width:40rem;margin-bottom:2.375rem}
.dashline{display:flex;height:.25rem;width:4rem;margin-bottom:1rem;overflow:hidden;border-radius:.125rem}
.dashline span{flex:1}
.dashline span:nth-child(1){background:var(--green)} .dashline span:nth-child(2){background:var(--cyan)}
.dashline span:nth-child(3){background:var(--orange)} .dashline span:nth-child(4){background:var(--pink)}
.eyebrow{display:block;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem}

/* --- BUTTONS (Bootstrap .btn overrides) --- */
.btn{border-radius:0;font-weight:600;padding:.9375rem 1.875rem}
.btn-sm{padding:.6875rem 1.125rem!important;font-size:.78rem}
.btn-dark{background:var(--ink);border-color:var(--ink)}
.btn-dark:hover{background:#fff;color:var(--ink)}
.btn-light:hover{background:transparent;color:#fff;border-color:#fff}

/* --- HEADER (Bootstrap navbar) --- */
.navbar{border-bottom:1px solid var(--line);background:rgba(255,255,255,.94)!important;backdrop-filter:blur(8px)}
.navbar-brand img{height:1.875rem;width:auto}
.navbar-nav .nav-link{color:var(--ink)!important;font-weight:500;font-size:.84rem;position:relative;padding:.5rem .75rem!important;white-space:nowrap}
.navbar-nav .nav-link::after{content:"";position:absolute;left:.75rem;right:.75rem;bottom:.125rem;height:.125rem;background:transparent}
.navbar-nav .nav-item:nth-child(4n+1) .nav-link:hover::after{background:var(--green)}
.navbar-nav .nav-item:nth-child(4n+2) .nav-link:hover::after{background:var(--cyan)}
.navbar-nav .nav-item:nth-child(4n+3) .nav-link:hover::after{background:var(--orange)}
.navbar-nav .nav-item:nth-child(4n+4) .nav-link:hover::after{background:var(--pink)}
.navbar-nav .dropdown-menu{border-color:var(--line);font-size:.84rem;box-shadow:0 .5rem 1.5rem rgba(0,0,0,.12);margin-top:.25rem}
.navbar-nav .dropdown-item{padding:.5rem 1rem;color:var(--ink)}
.navbar-nav .dropdown-item:hover,.navbar-nav .dropdown-item:focus{background:#f5f5f5;color:var(--green)}
@media(min-width:992px){ .navbar-nav .dropdown:hover>.dropdown-menu{display:block;margin-top:0} }

/* --- HERO --- */
.hero{position:relative;padding:clamp(6rem,16vw,10rem) 0;text-align:center;color:#fff;
  background:linear-gradient(180deg,rgba(10,10,10,.72),rgba(10,10,10,.8)),url("../img/hero-bg.jpg") center/cover no-repeat}
.hero h1{color:#fff;font-size:clamp(2.4rem,6vw,4rem);margin-bottom:.15em}
.hero h2{font-weight:500;color:#d6d6d6;font-size:clamp(1.1rem,2vw,1.5rem);margin-bottom:1.75rem}
.hero .dashline{margin:0 auto 1.375rem}

/* --- PASEK PROMOCJI --- */
.promo{background:var(--ink);color:#fff;position:relative}
.promo::before,.promo::after{content:"";position:absolute;left:0;right:0;height:.25rem;
  background:linear-gradient(90deg,var(--green) 0 25%,var(--cyan) 25% 50%,var(--orange) 50% 75%,var(--pink) 75% 100%)}
.promo::before{top:0}
.promo::after{bottom:0}
.promo__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem 1.5rem;padding:1.05rem 0;font-size:.85rem}

/* --- SEKCJA PROMOCJI (duza, nad kursami) --- */
.promo-big{background:var(--ink);color:#fff;text-align:center;padding:4rem 0;position:relative}
.promo-big::before,.promo-big::after{content:"";position:absolute;left:0;right:0;height:.3rem;
  background:linear-gradient(90deg,var(--green) 0 25%,var(--cyan) 25% 50%,var(--orange) 50% 75%,var(--pink) 75% 100%)}
.promo-big::before{top:0}
.promo-big::after{bottom:0}
.promo-big__badge{display:inline-block;background:var(--pink);color:#fff;padding:.35rem 1rem;border-radius:2px;font-weight:800;letter-spacing:.08em;font-size:.85rem;text-transform:uppercase;margin-bottom:1.5rem;animation:promoPulse 1.6s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.promo-big__badge{animation:none;box-shadow:0 0 0 .2rem rgba(255,30,111,.35)}}
.promo-big__title{color:#fff;font-size:clamp(1.8rem,4vw,3rem);font-weight:800;margin-bottom:1rem}
.promo-big__title span{color:var(--pink)}
.promo-big__desc{max-width:44rem;margin:0 auto 2.5rem;color:#d9d9d9;font-size:1.05rem}
.promo-big__timer{display:flex;justify-content:center;gap:1rem;margin-bottom:2.5rem;flex-wrap:wrap}
.promo-big__timer div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:4px;min-width:6rem;padding:.75rem 1rem}
.promo-big__timer b{display:block;font-size:2.25rem;font-weight:800;line-height:1.1}
.promo-big__timer span{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#a8a8a8;margin-top:.25rem}
.promo-big__cta{display:inline-block;background:#fff;color:var(--ink)!important;font-weight:800;padding:.9rem 2.25rem;border-radius:2px;font-size:1.05rem;border-bottom:0}
.promo-big__cta:hover{background:var(--pink);color:#fff!important}
.promo__badge{background:var(--pink);color:#fff;padding:.2rem .6rem;border-radius:2px;font-weight:800;letter-spacing:.06em;font-size:.68rem;text-transform:uppercase;white-space:nowrap;animation:promoPulse 1.6s ease-in-out infinite}
@keyframes promoPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,30,111,.55)}50%{box-shadow:0 0 0 .4rem rgba(255,30,111,0)}}
@media (prefers-reduced-motion:reduce){.promo__badge{animation:none;box-shadow:0 0 0 .2rem rgba(255,30,111,.35)}}
.promo__msg{font-weight:600;flex:1 1 auto}
.promo__msg strong{color:#fff}
.promo__timer{display:flex;gap:.35rem}
.promo__timer div{background:rgba(255,255,255,.12);border-radius:2px;min-width:2.75rem;text-align:center;padding:.15rem .3rem}
.promo__timer b{display:block;font-size:.95rem;line-height:1.15;font-weight:800}
.promo__timer span{display:block;font-size:.55rem;text-transform:uppercase;letter-spacing:.04em;opacity:.85}
.promo__cta{background:#fff;color:var(--ink)!important;border:0;font-weight:800;padding:.4rem 1rem;border-radius:2px;font-size:.8rem;white-space:nowrap;border-bottom:0}
.promo__cta:hover{background:var(--pink);color:#fff!important}

/* --- ABOUT --- */
.portrait{width:12.5rem;height:12.5rem;border-radius:50%;object-fit:cover;
  border:.125rem solid transparent;background:conic-gradient(from 0deg,var(--green),var(--cyan),var(--orange),var(--pink),var(--green)) border-box}
.ext{color:var(--green);border-color:var(--green)}

/* --- COURSES (Bootstrap card) --- */
.course{border:1px solid var(--line)}
.course--hot{border:1px solid var(--ink)!important;box-shadow:.375rem .375rem 0 var(--pink)}
.course__ribbon{position:absolute;top:.75rem;left:.75rem;background:var(--ink);color:#fff;font-size:.66rem;font-weight:800;letter-spacing:.06em;padding:.3125rem .625rem;text-transform:uppercase;z-index:2;border-radius:0}
.course__img{aspect-ratio:16/10;overflow:hidden;border-bottom:1px solid var(--line)}
.course__img img{width:100%;height:100%;object-fit:cover}
.course__meta{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.course__meta b{color:var(--ink);font-size:.92rem;letter-spacing:0;text-transform:none;font-weight:700}
.course h3{font-size:1.05rem;margin-bottom:.25rem}
.course h3 a{border:0;color:var(--ink)}
.course p{font-size:.86rem;color:var(--body)}
.course__cart{font-size:.82rem;font-weight:700;color:var(--ink);border-bottom:1px solid var(--ink);align-self:flex-start;margin-top:auto}
.course:nth-child(4n+1) .course__meta b{color:var(--green)}
.course:nth-child(4n+2) .course__meta b{color:#0e8393}
.course:nth-child(4n+3) .course__meta b{color:#c97900}

/* --- STATS --- */
.stats>div{border-top:.1875rem solid var(--green);padding-top:.875rem}
.stats>div:nth-child(2){border-top-color:var(--cyan)} .stats>div:nth-child(3){border-top-color:var(--orange)} .stats>div:nth-child(4){border-top-color:var(--pink)}
.stats b{display:block;font-size:2.2rem;color:var(--ink);font-weight:800} .stats span{font-size:.8rem;color:var(--muted)}

/* --- TESTIMONIALS --- */
.t-row{scroll-snap-type:x mandatory}
.t-row::-webkit-scrollbar{height:.375rem} .t-row::-webkit-scrollbar-thumb{background:var(--line)}
.t-card{scroll-snap-align:start;flex:0 0 20rem;border:1px solid var(--line);border-top:.25rem solid var(--green);padding:1.5rem;position:relative;background:#fff;display:flex;flex-direction:column;gap:.75rem}
.t-card:nth-child(4n+2){border-top-color:var(--cyan)}
.t-card:nth-child(4n+3){border-top-color:var(--orange)}
.t-card:nth-child(4n+4){border-top-color:var(--pink)}
.t-quote{position:absolute;top:.5rem;right:1rem;font-size:3.5rem;font-weight:800;line-height:1;font-family:Georgia,"Times New Roman",serif;color:var(--green);opacity:.18}
.t-card:nth-child(4n+2) .t-quote{color:var(--cyan)}
.t-card:nth-child(4n+3) .t-quote{color:var(--orange)}
.t-card:nth-child(4n+4) .t-quote{color:var(--pink)}
.t-head{display:flex;align-items:center;gap:.75rem}
.t-avatar{flex:none;width:2.75rem;height:2.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.9rem;background:var(--green)}
.t-card:nth-child(4n+2) .t-avatar{background:var(--cyan)}
.t-card:nth-child(4n+3) .t-avatar{background:var(--orange)}
.t-card:nth-child(4n+4) .t-avatar{background:var(--pink)}
.t-card h4{font-size:.98rem;margin:0}
.t-tag{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.t-card p{font-size:.86rem;color:var(--body);margin:0}
.t-nav button{width:2.5rem;height:2.5rem;border:1px solid var(--ink);background:#fff;cursor:pointer;font-size:1rem}
.t-nav button:hover{background:var(--ink);color:#fff}

/* --- CERTIFICATE --- */
.cert__num{width:1.625rem;height:1.625rem;border-radius:50%;background:var(--ink);color:#fff;font-size:.76rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.cert__img{border:1px solid var(--line);padding:.625rem}
.cert__gallery a{border:.125rem solid var(--line);display:block;transition:transform .15s ease,border-color .15s ease}
.cert__gallery a:hover{transform:translateY(-.3rem);border-color:var(--green)}
.cert__gallery .col:nth-child(3n+2) a:hover{border-color:var(--cyan)}
.cert__gallery .col:nth-child(3n+3) a:hover{border-color:var(--orange)}

/* --- TRAINERS --- */
.trainer{border:1px solid var(--line)}
.trainer img{width:5.5rem;height:5.5rem;border-radius:50%;object-fit:cover;border:1px solid var(--line)}
.trainer h4{margin-bottom:.125rem} .trainer .site{font-size:.8rem;color:var(--green);border-color:var(--green)}
.trainer p{font-size:.85rem;color:var(--body);text-align:left;margin-top:.75rem}

/* --- YOUTUBE --- */
.yt-card{border:.125rem solid var(--line);transition:border-color .15s ease}
.yt-card:hover{border-color:var(--green)}
.yt-card:nth-child(4n+2):hover{border-color:var(--cyan)}
.yt-card:nth-child(4n+3):hover{border-color:var(--orange)}
.yt-card:nth-child(4n+4):hover{border-color:var(--pink)}
.yt-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid var(--line)}
.yt-thumb img{width:100%;height:100%;object-fit:cover}
.yt-thumb::after{content:"▶";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff;
  background:rgba(10,10,10,.28);opacity:0;transition:opacity .15s}
.yt-card:hover .yt-thumb::after{opacity:1}
.yt-card:nth-child(4n+1) .yt-thumb::after{background:rgba(22,179,100,.55)}
.yt-card:nth-child(4n+2) .yt-thumb::after{background:rgba(18,199,212,.55)}
.yt-card:nth-child(4n+3) .yt-thumb::after{background:rgba(255,158,0,.55)}
.yt-card:nth-child(4n+4) .yt-thumb::after{background:rgba(255,30,111,.55)}
.yt-card h3{font-size:.98rem;margin-bottom:.375rem} .yt-card h3 a{border:0;color:var(--ink)}
.yt-card p{font-size:.84rem;color:var(--body);margin:0}

/* --- FOOTER --- */
.ft{background:var(--ink);color:#c9c9c9;font-size:.72rem}
.ft h3,.ft h4{color:#fff;font-weight:600;margin-bottom:.3rem;font-size:.82rem}
.ft p{margin-bottom:.25rem}
.ft a{color:#c9c9c9;border-color:#3a3a3a} .ft a:hover{color:#fff;border-color:#fff}
.ft__bar{border-top:1px solid #2a2a2a;font-size:.7rem;color:#8c8c8c}

@media(max-width:991.98px){ .navbar-nav .nav-link::after{display:none} }