/* 10.11.2026: efekt 3D na stronach Skypera — warstwowe cienie, uniesienie kart przy najechaniu */
.f,.pricing-card,.voyage-card,.download-btn,.modal,.dl-card,.krok-box,.feature,.plan,.box3d{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 2px 4px rgba(0,0,0,.35),0 14px 32px rgba(0,0,0,.5);
  transition:transform .25s ease,box-shadow .25s ease,border-color .2s}
.f:hover,.pricing-card:hover,.voyage-card:hover,.download-btn:hover,.feature:hover,.plan:hover{
  transform:translateY(-5px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 8px 14px rgba(0,0,0,.4),0 28px 56px rgba(0,0,0,.6)}
.btn-blue,.nav-cta,.btn-plan-primary,.btn-pobierz,.btn-submit{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 4px 10px rgba(255,255,255,.35),0 12px 26px rgba(255,255,255,.25);
  transition:transform .2s,box-shadow .2s}
.btn-blue:hover,.nav-cta:hover,.btn-plan-primary:hover,.btn-pobierz:hover,.btn-submit:hover{
  transform:translateY(-2px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 8px 16px rgba(255,255,255,.45),0 20px 40px rgba(255,255,255,.3)}
.h-xl,.h-l{text-shadow:0 2px 0 rgba(0,0,0,.45),0 14px 34px rgba(0,0,0,.6)}
.lightsec .card{box-shadow:0 2px 6px rgba(0,0,0,.08),0 20px 44px rgba(0,0,0,.14);transition:transform .25s,box-shadow .25s}
.lightsec .card:hover{transform:translateY(-4px);box-shadow:0 6px 12px rgba(0,0,0,.1),0 30px 60px rgba(0,0,0,.18)}
.tablet,.phone,.tab-big{transform:perspective(1400px) rotateX(4deg);transform-origin:50% 100%}

/* 12.11.2026: poświaty 3D — światło za treścią strony i obwódka kart */
body{background-image:radial-gradient(900px 520px at 50% -120px,rgba(255,255,255,.07),transparent 70%),radial-gradient(700px 400px at 85% 30%,rgba(255,255,255,.06),transparent 70%);background-attachment:fixed}
.f,.pricing-card,.voyage-card,.modal,.card,.k,.box3d,.nav-btn.active{position:relative}
.f::before,.pricing-card::before,.voyage-card::before,.modal::before,.card::before,.k::before,.box3d::before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;
  background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,0) 38%,rgba(255,255,255,0) 70%,rgba(255,255,255,.14));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px}
.f:hover,.pricing-card:hover,.voyage-card:hover,.card:hover,.k:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 8px 14px rgba(0,0,0,.4),0 28px 56px rgba(0,0,0,.6),0 0 46px rgba(255,255,255,.12)}
.card,.k{box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 2px 4px rgba(0,0,0,.35),0 18px 40px rgba(0,0,0,.55),0 0 60px rgba(255,255,255,.035)}

/* 12.11.2026: większy górny pasek i menu; znak Skypera zamiast granatowej kropki */
nav{height:72px;padding:0 40px}
.logo{font-size:22px}
.logo i{width:32px;height:32px;border-radius:9px;background:url(/app/icons/Icon-192.png) center/cover}
.nav-links{gap:42px;font-size:17px;font-weight:500}
.nav-login{font-size:17px}
.nav-cta{font-size:16px;padding:12px 22px;border-radius:10px}
.jezyki{font-size:15px!important;gap:14px!important}

/* 12.11.2026: monochrom — białe przyciski z czarnym napisem, białe poświaty */
.btn-blue,.nav-cta,.btn-plan-primary,.btn-submit,.btn-pobierz,#as-fab,#as-send,.as-btn,.as-m.u{color:#000!important}
.btn-blue:hover,.nav-cta:hover,.btn-plan-primary:hover{background:#fff!important}
a{text-decoration-color:rgba(255,255,255,.3)}

/* 12.11.2026: poświata tylko na kafelkach, przyciski płaskie */
.btn-blue,.nav-cta,.btn-plan-primary,.btn-pobierz,.btn-submit,.btn,.btn-plan,#as-fab,.as-btn,#as-send,button{box-shadow:none!important}
.btn-blue:hover,.nav-cta:hover,.btn-plan-primary:hover,.btn-pobierz:hover,.btn-submit:hover{transform:none!important;box-shadow:none!important}
.voyage-card,.f,.pricing-card,.card,.k,.zaj-cta{box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 2px 4px rgba(0,0,0,.35),0 18px 40px rgba(0,0,0,.55),0 0 36px rgba(255,255,255,.06)!important}
.voyage-card:hover,.f:hover,.pricing-card:hover,.card:hover,.k:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 8px 14px rgba(0,0,0,.4),0 28px 56px rgba(0,0,0,.6),0 0 52px rgba(255,255,255,.10)!important}

/* 12.11.2026: rozsądne rozmiary paska — przycisk logowania i logo nie rosną, na telefonie zwarte */
.nav-cta{white-space:nowrap;font-size:14px;padding:9px 16px;line-height:1.2}
.logo{font-size:19px;letter-spacing:.28em}
.logo i{width:28px;height:28px}
@media(max-width:820px){
  nav{height:60px;padding:0 14px}
  .logo{font-size:15px;letter-spacing:.18em;gap:8px}
  .logo i{width:24px;height:24px}
  .nav-cta{font-size:12px;padding:7px 10px;border-radius:8px}
  .jezyki{font-size:12px!important;gap:8px!important;margin-right:8px!important}
}

/* 12.11.2026: poświata w obrysie okienek i formularzy */
.modal,.modal-content,#as-panel,#lg-ramka,.cz-zgl,.zgl-form,form.cz-form,.rj-pasek,.card form{border:1px solid rgba(255,255,255,.25)!important;box-shadow:0 0 28px rgba(255,255,255,.18),0 0 60px rgba(255,255,255,.07),0 20px 50px rgba(0,0,0,.6)!important}
input:focus,select:focus,textarea:focus{outline:none;border-color:rgba(255,255,255,.55)!important;box-shadow:0 0 0 3px rgba(255,255,255,.08),0 0 16px rgba(255,255,255,.18)!important}
.modal,#as-panel,#lg-ramka{box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(255,255,255,.06),0 0 30px rgba(255,255,255,.20),0 0 80px rgba(255,255,255,.08),0 30px 70px rgba(0,0,0,.75)!important;background-image:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 40%)!important}