:root{
  --purple:#8f4fc7;
  --purple-dark:#57229a;
  --purple-soft:#f5effb;
  --lime:#dce82b;
  --ink:#2d1549;
  --line:#d7c4ea;
  --white:#fff;
  --shell:1440px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}
img{display:block;max-width:100%}
.shell{width:min(calc(100% - 48px),var(--shell));margin-inline:auto}

/* HERO */
.hero{position:relative;min-height:500px;overflow:hidden;background:linear-gradient(100deg,#fff 0%,#fff 66%,#f5eafb 66%,#9b58ce 100%)}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(143,79,199,.18) 2px,transparent 2.5px);background-size:17px 17px;mask-image:linear-gradient(90deg,#000 0%,transparent 42%,#000 70%);opacity:.48;pointer-events:none}
.hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(620px,1.12fr) minmax(430px,.88fr);min-height:500px}
.hero__content{align-self:center;padding:28px 0 26px;max-width:760px}
.hero__logo{width:min(500px,68vw);max-height:255px;object-fit:contain;object-position:left center;margin:0 auto 20px 8%}
.hero__statements{display:grid;grid-template-columns:minmax(350px,1.08fr) minmax(330px,.92fr);gap:28px;align-items:center;margin:0 0 22px}
.hero__statements h1,.hero__statements p{margin:0;font-size:clamp(20px,1.65vw,28px);line-height:1.12}
.hero__statements h1{font-weight:800;color:#693894}
.hero__statements p{padding-left:28px;border-left:2px solid var(--purple);color:#9866b5}
.hero__statements strong{display:block;color:#693894;white-space:nowrap}
.plan-button{display:inline-flex;align-items:center;gap:16px;min-width:280px;padding:15px 20px;background:linear-gradient(90deg,#d9e72a,#edf34b);color:#23113f;text-decoration:none;font-size:22px;font-weight:800;border-radius:4px;box-shadow:0 6px 18px rgba(0,0,0,.08);transition:transform .2s ease,box-shadow .2s ease}
.plan-button:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.13)}
.plan-button svg,.round-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.plan-button__arrow{margin-left:auto;font-size:30px;font-weight:400}
.hero__player{position:relative;overflow:visible;min-height:500px}
.hero__player::before{content:"";position:absolute;inset:0 0 0 16%;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(115,35,165,.35));transform:skewX(-6deg);transform-origin:bottom}
.hero__player img{position:absolute;z-index:2;height:650px;width:auto;max-width:none;right:235px;top:12px}

/* TERMIN I MIEJSCE */
.event-bar{position:relative;z-index:4;background:linear-gradient(90deg,#542092,#8e4cc1);color:#fff}
.event-bar__inner{min-height:92px;display:grid;grid-template-columns:1fr 1px 1.3fr;gap:38px;align-items:center;max-width:1050px}
.event-detail{display:flex;align-items:center;gap:20px;min-width:0}
.event-detail strong,.event-detail span{display:block}
.event-detail strong{font-size:21px}
.event-detail div>span{margin-top:6px;font-size:15px}
.round-icon{position:relative;display:block;width:54px;height:54px;border:2px solid currentColor;border-radius:50%;flex:0 0 auto}
.round-icon svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:30px;height:30px}
.event-bar__divider{height:52px;background:rgba(255,255,255,.6)}

/* INFORMACJE */
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding-block:24px}
.fact{display:flex;gap:14px;padding:8px 22px;border-right:1px solid var(--line)}
.fact:last-child{border-right:0}
.fact__icon{display:grid;place-items:center;flex:0 0 52px;height:52px;border:2px solid var(--purple-dark);border-radius:50%;font-size:22px}
.fact h2{margin:3px 0 7px;font-size:15px;text-transform:uppercase;color:var(--purple-dark)}
.fact p{margin:0;font-size:13px;line-height:1.45;color:#2e2635}

/* ORGANIZATORZY I PARTNERZY */
.brands{display:grid;grid-template-columns:320px 1fr;gap:36px;padding-block:14px 22px;border-top:1px solid #eee}
.brand-group h2{display:flex;align-items:center;gap:12px;margin:0 0 16px;text-transform:uppercase;font-size:15px;color:var(--purple-dark);white-space:nowrap}
.brand-group h2::before,.brand-group h2::after{content:"";height:1px;background:var(--purple);flex:1}
.organizer-logos{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.organizer-logos a,.partner-logos a{display:flex;align-items:center;justify-content:center;min-width:0}
.organizer-logos img{width:125px;height:105px;object-fit:contain}
.partner-logos{display:grid;grid-template-columns:repeat(8,minmax(70px,1fr));gap:20px;align-items:center}
.partner-logos img{width:100%;height:68px;object-fit:contain}
.partner-logos a:nth-child(6) img{width:auto;height:52px;max-width:100%}
.partner-logos a:nth-child(7) img{width:auto;height:54px;max-width:100%}

/* STOPKA */
.footer{background:linear-gradient(90deg,#6030a0,#9c56c9);color:#fff}
.footer__inner{min-height:92px;display:grid;grid-template-columns:1.1fr 1fr auto;gap:34px;align-items:center}
.footer__contact{display:flex;align-items:center;gap:16px}
.footer strong,.footer a{display:block;color:#fff}
.footer__contact a{margin-top:6px;text-decoration:none}
.footer__social{display:flex;align-items:center;gap:14px}
.footer__social a{display:grid;place-items:center;width:44px;height:44px;border:2px solid rgba(255,255,255,.85);border-radius:50%}
.footer__social svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8}
.footer__social a:first-of-type svg{fill:currentColor;stroke:none}
.footer p{margin:0;text-align:right;font-size:13px;line-height:1.45}

/* MNIEJSZE DESKTOPY I TABLETY POZIOME */
@media(max-width:1200px){
  .hero__inner{grid-template-columns:minmax(540px,1.06fr) minmax(400px,.94fr)}
  .hero__content{max-width:690px}
  .hero__logo{width:450px;margin-left:0}
  .hero__statements{grid-template-columns:minmax(310px,1fr) minmax(280px,.9fr);gap:18px}
  .hero__statements h1,.hero__statements p{font-size:clamp(19px,2.1vw,25px)}
  .hero__statements p{padding-left:22px}
  .hero__player img{height:590px;right:150px}
  .brands{grid-template-columns:260px 1fr}
  .partner-logos{grid-template-columns:repeat(4,1fr)}
  .facts{grid-template-columns:repeat(2,1fr)}
  .fact:nth-child(2){border-right:0}
}

/* TABLETY PIONOWE */
@media(max-width:900px){
  .shell{width:min(calc(100% - 36px),var(--shell))}
  .hero{min-height:auto;background:linear-gradient(180deg,#fff 0%,#fff 61%,#f3e7fa 61%,#a55fd0 100%)}
  .hero__inner{display:flex;flex-direction:column;min-height:0}
  .hero__content{padding:24px 0 16px;max-width:none}
  .hero__logo{width:min(430px,72vw);max-height:220px;margin:0 auto 18px}
  .hero__statements{grid-template-columns:1fr 1fr;max-width:700px;margin:0 auto 22px}
  .hero__statements h1,.hero__statements p{font-size:clamp(20px,3vw,26px)}
  .plan-button{display:flex;margin-inline:auto}
  .hero__player{min-height:410px;overflow:hidden;margin-inline:calc(50% - 50vw)}
  .hero__player::before{inset:0;transform:none;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(143,79,199,.14))}
  .hero__player img{height:430px;right:50%;top:0;transform:translateX(50%)}
  .event-bar__inner{max-width:760px}
  .brands{grid-template-columns:1fr}
  .organizer-logos{max-width:360px;margin-inline:auto}
}

/* TELEFONY */
@media(max-width:760px){
  .shell{width:min(calc(100% - 28px),var(--shell))}
  .hero{background:linear-gradient(180deg,#fff 0%,#fff 66%,#f3e7fa 66%,#ad6bd3 100%)}
  .hero__content{padding:20px 0 12px}
  .hero__logo{width:min(360px,86vw);max-height:190px;margin-bottom:16px}
  .hero__statements{grid-template-columns:1fr;gap:13px;max-width:520px;text-align:center;margin-bottom:18px}
  .hero__statements h1,.hero__statements p{font-size:clamp(19px,5.6vw,25px);line-height:1.16}
  .hero__statements p{padding:13px 0 0;border-left:0;border-top:1px solid var(--purple)}
  .hero__statements strong{white-space:normal}
  .plan-button{width:min(280px,100%);font-size:20px;padding:14px 18px}
  .hero__player{min-height:360px;margin-top:4px}
  .hero__player img{height:clamp(330px,92vw,390px);top:0}
  .event-bar__inner{grid-template-columns:1fr;gap:16px;padding-block:18px;max-width:520px}
  .event-bar__divider{display:none}
  .event-detail{gap:18px}
  .event-detail strong{font-size:clamp(19px,5.2vw,23px)}
  .event-detail div>span{font-size:15px;line-height:1.35}
  .round-icon{width:58px;height:58px}
  .facts{grid-template-columns:1fr;padding-block:16px}
  .fact,.fact:nth-child(2){border-right:0;border-bottom:1px solid var(--line);padding:14px 4px}
  .fact:last-child{border-bottom:0}
  .partner-logos{grid-template-columns:repeat(2,1fr);gap:18px 20px}
  .organizer-logos img{width:115px}
  .footer__inner{grid-template-columns:1fr;padding-block:20px}
  .footer__social{justify-content:flex-start;flex-wrap:wrap}
  .footer p{text-align:left}
}

/* MAŁE TELEFONY */
@media(max-width:480px){
  .shell{width:min(calc(100% - 22px),var(--shell))}
  .hero__logo{width:min(320px,88vw);max-height:170px}
  .hero__statements h1,.hero__statements p{font-size:clamp(18px,5.8vw,23px)}
  .hero__player{min-height:320px}
  .hero__player img{height:clamp(300px,88vw,345px);top:2px}
  .event-detail{align-items:flex-start;gap:15px}
  .round-icon{width:54px;height:54px;margin-top:2px}
  .event-detail strong{font-size:20px}
  .event-detail div>span{font-size:14px}
  .partner-logos img{height:60px}
  .partner-logos a:nth-child(6) img{height:44px}
  .partner-logos a:nth-child(7) img{height:48px}
  .footer__contact{align-items:flex-start}
  .footer__contact a{overflow-wrap:anywhere}
}

/* BARDZO MAŁE TELEFONY */
@media(max-width:360px){
  .hero__logo{width:290px}
  .hero__player{min-height:292px}
  .hero__player img{height:300px}
  .plan-button{min-width:0}
  .fact{gap:11px}
  .fact__icon{flex-basis:46px;height:46px}
}