*,*::before,*::after{box-sizing:border-box}body{margin:0;font-family:sans-serif;background:#fff}header{display:flex;justify-content:flex-end;padding:10px 20px}.language-selector select{font-size:16px;padding:5px 10px}.headline{text-align:center;font-size:clamp(1.125rem,4vw,3rem);margin:30px auto 10px auto;max-width:800px;word-wrap:break-word;padding:0 20px}.layout{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:20px;padding:20px}.side{flex:1 1 30%;max-width:33%;min-width:150px;display:flex;align-items:center;justify-content:center}.side img{width:100%;height:auto;max-width:100%;object-fit:contain;transition:transform 0.3s ease}.side img:hover{transform:scale(1.05)}.center{flex:1 1 30%;max-width:33%;min-width:250px;display:flex;flex-direction:column;justify-content:center;align-items:center}.buttons-container{display:flex;flex-direction:column;gap:20px;width:100%;max-width:250px}.btn{padding:12px 32px;font-size:1rem;background-color:#007BFF;border:none;border-radius:8px;color:white;cursor:pointer;transition:background-color 0.3s ease,transform 0.2s ease;box-shadow:0 4px 8px rgba(0,0,0,0.1)}.btn:hover{background-color:#0056b3;transform:translateY(-2px)}@media (max-width:768px){.layout{flex-direction:column}.side,.center{max-width:100%}.side img{width:80%;max-height:30vh}.headline{font-size:clamp(1rem,6vw,2rem)}.language-selector select{font-size:16px;padding:5px 10px;border-radius:6px;background-color:#f9f9f9;border:1px solid #ccc;appearance:none}}.footer{text-align:center;font-size:0.9rem;color:#777;padding:20px}.form-container{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px;z-index:2}.form-container input,.form-container select{padding:12px;border-radius:8px;border:none;font-size:1rem}.checkbox-label{font-size:0.95rem;color:#444;display:flex;align-items:center;gap:0.5rem}@media (max-width:768px){}.content-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;max-width:1400px;margin:0 auto;padding:40px 20px;box-sizing:border-box}.svg-image{flex:1 1 50%;max-width:45%;box-sizing:border-box;padding:10px;overflow:hidden}.svg-image svg{width:100%;height:auto;display:block}@media (max-width:768px){.content-wrapper{flex-direction:column;align-items:center}.svg-image{max-width:90%}}.svg-image-container{width:100%;max-width:600px;aspect-ratio:16 / 9;overflow:hidden;margin:20px auto}.svg-image-container svg{width:100%;height:auto;display:block}.side svg,svg.responsive{width:100% !important;height:auto !important;max-width:100%;display:block}button.btn,.btn,a.btn,input[type=submit].btn{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;text-decoration:none!important;font-weight:600;line-height:1;padding:12px 20px;border:0;border-radius:12px;cursor:pointer}.btn:link,.btn:visited,.btn:hover,.btn:active,.btn:focus{text-decoration:none!important}button.btn span,a.btn span{display:inline-block}.hero-title{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.35em;margin:clamp(16px,4vw,40px) auto;line-height:1.15}.hero-title span{font-weight:700;font-size:clamp(20px,3.2vw,40px);letter-spacing:-.01em;background:linear-gradient(90deg,#1e2a78 0%,#1b74d1 40%,#1fb9ad 100%);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;transform:translateY(12px);animation:heroFadeUp .8s ease forwards}.hero-title span:nth-child(2){animation-delay:.15s}.hero-title span:nth-child(3){animation-delay:.3s}@keyframes heroFadeUp{to{opacity:1;transform:translateY(0)}}/*mobile-fix*/@media(max-width:768px){.container{max-width:100%;padding:16px;}.hero{padding:12px 8px;text-align:center;}.hero h1{font-size:clamp(20px,6vw,28px);line-height:1.2;margin:8px 0;}.hero p{font-size:14px;margin:6px auto 0;max-width:92vw;}.actions .btn,button.btn{width:100%;max-width:100%;}.side{display:none !important;}.language-selector{position:static;margin:8px 0 0 auto;}header,footer{padding-left:12px;padding-right:12px;}}@media(max-width:480px){.hero h1{font-size:clamp(18px,7vw,24px)}.actions{gap:10px}}

/* === MOBILE VISIBILITY FIX === */

/* FORCE SHOW LEFT/RIGHT GRAPHICS ON ALL BREAKPOINTS */
.side{display:flex !important}
/* Make SVGs responsive on small screens */
.side svg, svg.responsive{width:100% !important;height:auto !important;max-width:100%;display:block}
/* Stack layout on narrow screens so graphics don't collide with tytuł/przyciski */
@media (max-width: 600px){
  .layout, .container, .hero, body { overflow-x: hidden; }
  .side{flex:1 1 100% !important; max-width:100% !important; justify-content:center}
  .center{order: 2}
  .side.left{order: 1}
  .side.right{order: 3}
  .side svg{max-height:40vh}
}
