
:root{--fd:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Helvetica,Arial,sans-serif;--ft:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{margin:0;background:#101213}
a{color:#FDBE01}@media (hover:hover) and (pointer:fine){a:hover{color:#FFD54A}}
.dots{background-image:radial-gradient(rgba(237,234,228,.16) 1.2px,transparent 1.4px);background-size:9px 9px}
.dots-dark{background-image:radial-gradient(rgba(16,18,19,.10) 1.2px,transparent 1.4px);background-size:9px 9px}
details summary{cursor:pointer;list-style:none}
details summary::-webkit-details-marker{display:none}
details[open] .plus{transform:rotate(45deg)}
.nav-a{display:inline-flex;align-items:center;gap:4px;padding:12px 0;color:#EDEAE4;text-decoration:none;font-family:var(--ft);font-weight:500;font-size:15px;letter-spacing:-0.01em;white-space:nowrap}
@media (hover:hover) and (pointer:fine){.nav-a:hover{color:#FDBE01}}
.qs-v{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.qs-t{display:flex;gap:14px;width:max-content;margin:12px 0 0;padding:0;list-style:none;animation:qsmove 70s linear infinite}
.qs:focus-within .qs-t{animation-play-state:paused}
@media (hover:hover) and (pointer:fine){.qs:hover .qs-t{animation-play-state:paused}}
.qs-i{flex:0 0 auto;background:#FFFFFF;border:1px solid #DDD8CE;border-radius:999px;padding:10px 20px;font-size:15px;color:#16191A;white-space:nowrap}
.qs-i q{quotes:"\201E" "\201D"}
@keyframes qsmove{to{transform:translateX(calc(-50% - 7px))}}
@media (prefers-reduced-motion: reduce){.qs-v{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.qs-t{animation:none}}
.tl{position:relative}
.tl::before{content:"";position:absolute;top:8px;bottom:8px;left:50%;width:2px;margin-left:-1px;background:linear-gradient(#FDBE01,#2C3133)}
.tl-row{display:grid;grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);align-items:start;margin-bottom:48px}
.tl-row:last-child{margin-bottom:0}
.tl-right{margin-top:-24px}
.tl-dot{grid-column:2;grid-row:1;justify-self:center;position:relative;width:52px;height:52px;border-radius:50%;background:#101213;border:2px solid #FDBE01;color:#FDBE01;display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-weight:700;font-size:24px}
.tl-card{grid-row:1;background:rgba(26,29,31,.88);border:1px solid #2C3133;border-radius:10px;padding:28px}
.tl-left .tl-card{grid-column:1}
.tl-right .tl-card{grid-column:3}
@media (max-width: 760px){.zintro{text-align:left!important}}
@media (min-width: 820px){.h1line{white-space:nowrap;width:max-content;position:relative;left:50%;transform:translateX(-50%)}}
@media (max-width: 760px){.tl::before{left:26px}.tl-row{grid-template-columns:52px minmax(0,1fr);column-gap:16px;margin-bottom:28px}.tl-right{margin-top:0}.tl-dot{grid-column:1}.tl-left .tl-card,.tl-right .tl-card{grid-column:2}}
.dd{position:relative}
.dd-menu{display:none;position:absolute;top:100%;left:-18px;min-width:230px;flex-direction:column;padding:10px;background:#1A1D1F;border:1px solid #2C3133;border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.45)}
.dd:hover .dd-menu,.dd:focus-within .dd-menu{display:flex}
.dd:hover>.nav-a{color:#FDBE01}
.dd-a{padding:12px 14px;border-radius:8px;color:#EDEAE4;text-decoration:none;font-family:var(--ft);font-weight:500;font-size:15px;letter-spacing:-0.01em}
@media (hover:hover) and (pointer:fine){.dd-a:hover{background:#24282A;color:#FDBE01}}
@media (max-width: 1240px){.navlinks{display:none !important}.burger{display:inline-flex !important}}
@media (max-width: 860px){.hide-sm{display:none !important}}
.zz{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(12px,1.6vw,20px)}
@media (max-width: 860px){.zz{grid-template-columns:minmax(0,1fr)}}
.soc{transition:transform .25s,opacity .25s}
@media (hover:hover) and (pointer:fine){.soc:hover{transform:translateY(-3px) scale(1.05);opacity:.9}}

@media (hover:hover) and (pointer:fine){#korzysci .hcard:hover{box-shadow:0 16px 34px rgba(22,25,26,.12)}}
.rv{opacity:0;transform:translateY(64px) scale(.97);transition:opacity 1s ease,transform 1.1s cubic-bezier(.16,.8,.24,1)}
.rv.in{opacity:1;transform:none}
.mk{background-repeat:no-repeat;background-size:0% 100%;animation:mkdraw 1.4s .6s cubic-bezier(.65,0,.25,1) forwards}
.mk-late{animation:none}
.mk-late.go{animation:mkdraw 1.4s .5s cubic-bezier(.65,0,.25,1) forwards}
@keyframes mkdraw{to{background-size:100% 100%}}
.tl::before{transform-origin:top;transform:scaleY(var(--tl,1))}
.tl-dot{transition:background .5s,color .5s,box-shadow .5s,transform .5s cubic-bezier(.3,1.6,.5,1)}
.tl-row.on .tl-dot{background:#FDBE01;color:#101213;transform:scale(1.18);box-shadow:0 0 0 10px rgba(253,190,1,.18),0 0 32px rgba(253,190,1,.45)}
.tl::before{width:4px !important;margin-left:-2px !important}
#filmy a img,#wideo a img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
@media (hover:hover) and (pointer:fine){#filmy a:hover img,#wideo a:hover img{transform:scale(1.12)}}
#filmy a,#wideo a{transition:transform .35s}@media (hover:hover) and (pointer:fine){#filmy a:hover,#wideo a:hover{transform:translateY(-6px)}}
.hcard,.tl-card{transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s}
@media (hover:hover) and (pointer:fine){.hcard:hover,.tl-card:hover{transform:translateY(-10px);border-color:#FDBE01 !important;box-shadow:0 18px 40px rgba(0,0,0,.35)}}
.btn{transition:transform .2s,box-shadow .2s,filter .2s}
@media (hover:hover) and (pointer:fine){.btn:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 14px 32px rgba(253,190,1,.45);filter:brightness(1.06)}}
@media (prefers-reduced-motion: reduce){.rv{opacity:1 !important;transform:none !important;transition:none}.mk,.mk-late,.mk-late.go{animation:none;background-size:100% 100%}.tl::before{transform:none}.hcard:hover,.tl-card:hover,.btn:hover,#filmy a:hover img,#wideo a:hover img{transform:none}}
.mnav{position:relative}
.mnav>summary{list-style:none;cursor:pointer;width:44px;height:44px;border:1px solid #2C3133;border-radius:8px;color:#EDEAE4;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.mnav>summary::-webkit-details-marker{display:none}
.mnav[open]>summary{border-color:#FDBE01;color:#FDBE01}
.mnav .x{display:none}.mnav[open] .x{display:block}.mnav[open] .bars{display:none}
.mnav-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(320px,calc(100vw - 32px));max-height:calc(100vh - 120px);overflow:auto;background:#1A1D1F;border:1px solid #2C3133;border-radius:14px;padding:10px;box-shadow:0 20px 50px rgba(0,0,0,.5);display:flex;flex-direction:column;z-index:50}
.mnav-panel a{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:8px;color:#EDEAE4;text-decoration:none;font-weight:500;font-size:16px}
.mnav-panel a[aria-current]{background:#24282A;color:#FDBE01}
@media (hover:hover) and (pointer:fine){.mnav-panel a:hover{background:#24282A;color:#FDBE01}}
.mnav-panel .sub{padding-left:30px;font-size:15px;color:#C9C4BB}
.mnav-panel .cta{margin-top:8px;justify-content:center;background:#FDBE01;color:#101213 !important;font-weight:600;border-radius:999px}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #FDBE01;outline-offset:3px}
@media (max-width: 760px){.hdr-cta{display:none !important}}
.mnav-lang{display:flex;gap:8px;margin-top:8px;padding-top:10px;border-top:1px solid #2C3133}
.mnav-lang a{flex:1;gap:10px;justify-content:center;border:1px solid #2C3133}
.mnav-lang a[aria-current]{border-color:#FDBE01;background:transparent;color:#EDEAE4}
.klgrid{grid-template-columns:repeat(6,minmax(0,1fr))}.klgrid>.hcard{padding:20px 18px !important}@media (max-width:1100px){.klgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.klgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:400px){.klgrid{grid-template-columns:1fr}}
.mbar{display:none}@media (max-width:760px){.mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#101213;border-top:1px solid #24282A;box-shadow:0 -6px 24px rgba(0,0,0,.25)}.mbar a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:999px;font-weight:600;font-size:16px;text-decoration:none}footer{padding-bottom:72px}}.gbadge{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 14px 8px 10px;border-radius:999px;background:#FFFFFF;border:1px solid #DDD8CE;color:#16191A;text-decoration:none;font-size:15px;min-height:44px;box-sizing:border-box}@media (hover:hover) and (pointer:fine){.gbadge:hover{border-color:#FDBE01}}
.mfab{position:fixed;right:24px;bottom:24px;z-index:50;display:flex;align-items:center;gap:0;height:60px;min-width:60px;padding:0;border-radius:999px;background:#0866FF;color:#FFFFFF;text-decoration:none;font-weight:600;font-size:16px;box-shadow:0 8px 24px rgba(8,102,255,.35);overflow:hidden;transition:gap .2s ease,padding .2s ease}.mfab .ic{flex:0 0 60px;height:60px;display:flex;align-items:center;justify-content:center}.mfab .tx{max-width:0;white-space:nowrap;transition:max-width .25s ease}.mfab:focus-visible{padding-right:22px}@media (hover:hover) and (pointer:fine){.mfab:hover{padding-right:22px}}.mfab:focus-visible .tx{max-width:160px}@media (hover:hover) and (pointer:fine){.mfab:hover .tx{max-width:160px}}@media (max-width:760px){.mfab{display:none}}@media (prefers-reduced-motion:reduce){.mfab,.mfab .tx{transition:none}}
@keyframes vzclip{0%,100%{clip-path:inset(0 85% 0 0)}50%{clip-path:inset(0 15% 0 0)}}@keyframes vzline{0%,100%{left:15%}50%{left:85%}}.vz-po{animation:vzclip 7s ease-in-out infinite}.vz-line{animation:vzline 7s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.vz-po,.vz-line{animation:none}}


@media (min-width: 1200px){.cities-line{white-space:nowrap;font-size:14px !important;letter-spacing:-0.01em}}

.kmp-root{font-family: var(--ft); color: rgb(237, 234, 228); background: rgb(16, 18, 19); width: 100%; line-height: 1.6;}
