/* 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(47,123,255,.35),0 12px 26px rgba(47,123,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(47,123,255,.45),0 20px 40px rgba(47,123,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%}