html,body{overflow-x:hidden;width:100%;margin:0;font-family:Arial,sans-serif;color:#333;line-height:1.6}*{box-sizing:border-box;max-width:100%}:root{--primary-color:#a66000;--secondary-color:#333}h1,h2,h3{margin:.5em 0}p{margin:.5em 0}header{background-color:#f4dfcc;background-image:linear-gradient(rgba(255,255,255,.42),rgba(255,255,255,.42)),url("images/szkolenia_komputerowe_z_dojazdem_do_domu.jpg");background-image:linear-gradient(rgba(255,255,255,.42),rgba(255,255,255,.42)),image-set(url("images/szkolenia_komputerowe_z_dojazdem_do_domu.avif") type("image/avif"),url("images/szkolenia_komputerowe_z_dojazdem_do_domu.webp") type("image/webp"),url("images/szkolenia_komputerowe_z_dojazdem_do_domu.jpg") type("image/jpeg"));background-position:center;background-size:cover;background-repeat:no-repeat;color:#03142E;padding:1em 0 4em}.header-top{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 1em}.logo a{color:#03142E;text-decoration:none}@media(max-width:600px){.logo{font-size:1em}}nav ul{list-style:none;margin:0;padding:0;display:flex}nav li{margin-left:1em}nav a{color:#03142E;text-decoration:none;font-weight:500;font-size:1.35em;transition:color .7s ease}nav a:hover,nav a:focus{color:#00f;text-decoration:underline}.hero{text-align:center;max-width:800px;margin:2em auto 0;padding:0 1em}.hero #identyfikator{font-size:1.2em}.hero h1{font-size:2em}.hero h1,h2{font-family:Arial,sans-serif}.hero h1+span,.testimonial .author{font-family:"Kristen ITC","Kristen ITC Regular","Comic Sans MS",cursive}.hero p.lead{font-size:1.2em;margin:.5em 0 1em}.hero p.lead1{font-size:.8em;margin:.5em 0 1em}.hero .cta-btn{display:inline-block;background-color:#fff;text-decoration:none;padding:.75em 1.5em;font-weight:700;border-radius:5px;margin-top:1em;font-size:1.2em;transition:background-color .2s ease}.hero .cta-btn:hover{background-color:#ff9800}section{padding:2em 1em;max-width:1200px;margin:0 auto}h2{text-align:center;color:var(--secondary-color);font-size:1.8em;font-weight:700;margin-bottom:.6em}h3{font-size:1.8em;font-weight:700;margin-bottom:.5em}.offer-cards{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1em}.offer-card{background:#d3d3d3;border:1px solid #eee;border-radius:5px;padding:1em;margin:.5em;flex:1 1 100%;text-align:center}.offer-card h3{color:#cc7a00;margin-top:0}.offer-card p{font-size:1.2em}.benefits-list{list-style:none;padding:0;margin:1em 0}.benefits-list li{padding-left:1.5em;margin-bottom:.5em;position:relative;font-size:1.35em}.benefits-list li::before{content:"\2713";position:absolute;left:0;color:var(--primary-color);font-weight:700}.testimonials{display:flex;flex-wrap:wrap;justify-content:space-around}.testimonial{background:#d3d3d3;border-radius:5px;padding:1em;margin:1em;flex:1 1 calc(45% - 1em);text-align:center}.testimonial img{width:60px;height:60px;object-fit:cover;border-radius:50%}.testimonial p{font-style:italic;font-size:1.35em}.testimonial .author{margin-top:.5em;font-weight:700;font-size:1.35em}.faq details{margin-bottom:1em}.faq summary{font-weight:700;cursor:pointer;font-size:1.35em}.faq summary::-webkit-details-marker{display:none}.faq summary::before{content:"\27A4";color:var(--primary-color)}.faq p{margin:.5em 0 0 1em;font-size:1.35em}.contact-container{display:flex;flex-wrap:wrap;align-items:center;font-size:1.35em}.contact-info,.contact-map{flex:1 1 300px;padding:1em}.contact-info a{color:#00f;font-size:1.1em;text-decoration:none;font-weight:700;transition:color .3s ease}.contact-info a:hover{color:#004499;text-decoration:underline}.contact-map iframe{width:100%;border:0;height:300px;border-radius:5px}.contact-form img{height:auto;width:min(400px,100%);aspect-ratio:2/1;display:block}footer{background:#333;color:#fff;text-align:center;padding:1em 0}footer p{margin:0;font-size:.9em}.menu-toggle{display:none}.menu-icon{display:none;font-size:2em;color:#00f;cursor:pointer;user-select:none}.oferta-flex-container{display:flex;flex-direction:column;gap:2em;align-items:flex-start;justify-content:flex-start;border:2px solid var(--primary-color);padding:1em;border-radius:8px}.oferta-tekst{flex:1}.oferta-heading{font-size:1.45em;font-weight:700;color:#333;margin:1em 0 .5em}.oferta-foto img{height:auto;display:block}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;will-change:opacity,transform}.reveal.visible{opacity:1;transform:translateY(0)}.no-js .reveal{opacity:1;transform:none}.pricing-container{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin:2rem auto;max-width:900px}.price-card{flex:1;min-width:280px;max-width:400px;background:#fff;border:1px solid #ddd;border-radius:8px;padding:2rem;text-align:center;box-shadow:0 2px 5px rgba(0,0,0,.1)}.price-card.highlighted{border:2px solid #a66000;position:relative;transform:scale(1.05)}.badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#a66000;color:#fff;padding:5px 15px;border-radius:15px;font-size:.85rem;font-weight:700}.price{font-size:2.5rem;font-weight:700;color:#a66000;margin:1rem 0}.duration{color:#666;margin-bottom:1rem}.savings{color:#4CAF50;font-weight:700;margin:.5rem 0}.price-features{list-style:none;padding:0;margin:1.5rem 0}.price-features li{padding:.5rem 0;border-bottom:1px dashed #eee}.price-note{text-align:center;font-style:italic;color:#555;margin-top:2rem;font-size:.95rem}.custom-orange-text{color:inherit}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-999px;left:0;background:#000;color:#fff;padding:10px 15px;z-index:9999;text-decoration:none;border-radius:4px;font-size:16px}.skip-link:focus{top:10px}.footer-menu-wrapper{position:relative;display:flex;justify-content:flex-end}.footer-menu-wrapper .main-menu ul{display:none;list-style:none;margin:0;padding:0}.footer-menu-wrapper .menu-icon{display:none;font-size:2em;color:#00f;cursor:pointer;user-select:none}.footer-menu-wrapper .menu-toggle{display:none}@media(min-width:1280px){.oferta-flex-container{flex-direction:row;align-items:flex-start}.oferta-foto{flex:0 0 auto}.oferta-tekst{flex:1 1 auto;padding-right:2em}.offer-card{flex:1 1 calc(33% - 1em)}.footer-menu-wrapper .main-menu ul{display:flex}.footer-menu-wrapper .main-menu li{margin-left:1em}.footer-menu-wrapper .main-menu a{color:#fff;text-decoration:none;font-weight:500;font-size:1.35em;transition:color .7s ease}.footer-menu-wrapper .main-menu a:hover,.footer-menu-wrapper .main-menu a:focus{color:#00f;text-decoration:underline}}@media(max-width:1279px){.menu-icon,.footer-menu-wrapper .menu-icon{display:block}.menu-wrapper{position:relative;width:100%;display:flex;justify-content:flex-end;align-items:center}.main-menu ul{display:none;max-width:180px;flex-direction:column;align-items:center;margin-top:1em;background:none;border-top:1px solid #ccc}.menu-toggle:checked~.main-menu ul{display:flex;flex-direction:column;align-items:flex-start;position:absolute;top:100%;right:0;left:auto;width:auto;background-color:#a66000;padding:1em;box-shadow:0 4px 8px rgba(0,0,0,.2);z-index:999}.menu-label{font-size:.8em;text-transform:uppercase}.menu-toggle:checked~.main-menu ul a{color:#fff}.footer-menu-wrapper .main-menu ul{display:none;position:absolute;bottom:100%;top:auto;right:0;left:auto;width:auto;background-color:#a66000;padding:1em;box-shadow:0 -4px 8px rgba(0,0,0,.2);z-index:999;flex-direction:column;align-items:flex-start}.footer-menu-wrapper .menu-toggle:checked~.main-menu ul{display:flex;top:auto;bottom:100%}.footer-menu-wrapper .menu-toggle:checked~.main-menu ul a{color:#fff}.oferta-foto{display:flex;justify-content:center;width:100%}.contact-container{flex-direction:column}.contact-form{order:2;display:flex;justify-content:center}.contact-info{order:1}.testimonials{flex-direction:column;align-items:center}.testimonial{flex:1 1 100%;max-width:100%}}@media(max-width:768px){.pricing-container{flex-direction:column;align-items:center}.price-card{width:100%;max-width:350px;margin-bottom:1.5rem}.price-card.highlighted{transform:scale(1)}.price{font-size:2rem}}@media(prefers-color-scheme:dark){body{background:#000;color:#ddd}header{background-color:#111;background-image:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),url("images/szkolenia_komputerowe_z_dojazdem_do_domu.jpg");background-image:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.35)),image-set(url("images/szkolenia_komputerowe_z_dojazdem_do_domu.avif") type("image/avif"),url("images/szkolenia_komputerowe_z_dojazdem_do_domu.webp") type("image/webp"),url("images/szkolenia_komputerowe_z_dojazdem_do_domu.jpg") type("image/jpeg"));background-position:center;background-size:cover;background-repeat:no-repeat;color:#fff}.header-top,.logo a,nav a{color:#fff}.menu-toggle:checked~.main-menu ul,.footer-menu-wrapper .menu-toggle:checked~.main-menu ul{background-color:#a66000!important}.hero .cta-btn{background:#bbb;color:#fff}.offer-card{background:#333;color:#fff;border-color:#444}.testimonial{background:#333;color:#fff}.faq summary{color:#ff9800}.contact-container,.contact-info,.contact-map{background:#111;color:#eee}footer{background:#111}footer p{color:#ccc}h1,h2,h3,.hero h1,.hero p.lead,.hero p.lead1,section h2,section h3,.offer-card h3,.benefits-list li::before,.faq summary,.contact-container h2,.custom-orange-text{color:#ff9800!important}.hero h1,.hero h1 .custom-orange-text{color:#fff!important}.price-card{background:#333;color:#ddd;border-color:#555}.price-card.highlighted{border-color:#a66000;background:#3a3a3a}.price{color:#ff9800!important}.duration,.price-features li{color:#bbb}.savings{color:#4CAF50}.price-features li{border-bottom-color:#555}.price-note{color:#aaa}.badge{background:#a66000;color:#fff}}a:focus-visible,.menu-icon:focus-visible,.cta-btn:focus-visible,summary:focus-visible{outline:3px solid #005fcc;outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}.hero-title-main{font-size:90%}.hero-title-sub{font-size:75%}.hero-subtitle{font-size:1.3em}.phone-cta-wrap{text-align:center;margin:2em 0}.phone-cta-link{font-weight:700;font-size:1.4em;color:#00f;text-decoration:none}.contact-address{font-style:normal}.contact-line{font-size:110%}.company-line{font-size:100%;margin-bottom:.7em}.contact-note{color:#00f;margin-top:1em}.google-profile-icon{height:24px;vertical-align:middle}.phone-color-pulse{animation:phone-color-pulse 17.6s ease-in-out infinite}@keyframes phone-color-pulse{0%,28.4%{color:#00f}50%,78.4%{color:#8b15ba}100%{color:#00f}}

/* Native controls inherit the original label and image presentation. */
button.menu-icon {
  padding: 0;
  border: 0;
  background: transparent;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-align: inherit;
}

.no-js button.menu-icon {
  display: none;
}

.no-js .menu-toggle {
  display: block;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.no-js .menu-toggle:focus-visible ~ noscript .menu-icon,
button:focus-visible {
  outline: 3px solid #005fcc;
  outline-offset: 3px;
}

.reveal:focus-within {
  opacity: 1;
  transform: none;
}

/* Release completed animation layers without changing their presentation. */
.reveal.visible {
  will-change: auto;
}

.contact-animation-group {
  max-width: 100%;
  text-align: center;
}

.animation-toggle {
  min-height: 44px;
  margin-top: .5rem;
  padding: .4rem .75rem;
  border: 1px solid currentColor;
  border-radius: 5px;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: .8em;
  cursor: pointer;
}

.animation-toggle[hidden] {
  display: none;
}

@media (max-width: 600px) {
  footer .header-top {
    flex-wrap: wrap;
    justify-content: center;
    gap: .75rem;
  }

  footer .header-top > p:not(.visually-hidden) {
    flex-basis: 100%;
  }

  .footer-menu-wrapper {
    width: 100%;
    min-width: 0;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: .75rem;
  }
}

@media (prefers-color-scheme: dark) {
  .animation-toggle:focus-visible {
    outline-color: #7ab0ff;
  }
}

@media print {
  .reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* Contrast corrections retain the existing warm palette and contact hierarchy. */
.offer-card h3 {
  color: #a66000;
}

.savings {
  color: #237d27;
}

.footer-menu-wrapper .menu-icon,
.footer-menu-wrapper .main-menu a:hover,
.footer-menu-wrapper .main-menu a:focus {
  color: #7ab0ff;
}

footer a:focus-visible,
footer button:focus-visible {
  outline-color: #7ab0ff;
}

.no-js .footer-menu-wrapper .menu-toggle:focus-visible ~ noscript .menu-icon {
  outline-color: #7ab0ff;
}

.menu-toggle:checked ~ .main-menu a:focus-visible {
  outline-color: #ffffff;
}

@media (prefers-color-scheme: light) {
  .menu-wrapper .main-menu a:hover,
  .menu-wrapper .main-menu a:focus {
    color: #03142e;
  }

  header :is(a, button, .menu-icon):focus-visible,
  .no-js header .menu-toggle:focus-visible ~ noscript .menu-icon {
    outline-color: #03142e;
  }

  footer p > a {
    color: #7ab0ff;
  }
}

@media (prefers-color-scheme: dark) {
  header {
    background-image: linear-gradient(rgba(0, 0, 0, .55), rgba(0, 0, 0, .55)), url("images/szkolenia_komputerowe_z_dojazdem_do_domu.jpg");
    background-image: linear-gradient(rgba(0, 0, 0, .55), rgba(0, 0, 0, .55)), image-set(url("images/szkolenia_komputerowe_z_dojazdem_do_domu.avif") type("image/avif"), url("images/szkolenia_komputerowe_z_dojazdem_do_domu.webp") type("image/webp"), url("images/szkolenia_komputerowe_z_dojazdem_do_domu.jpg") type("image/jpeg"));
  }

  header :is(a, button, .menu-icon):focus-visible,
  .no-js header .menu-toggle:focus-visible ~ noscript .menu-icon {
    outline-color: #ffffff;
  }

  .menu-wrapper .menu-icon {
    color: #ffffff;
  }

  .hero .cta-btn {
    color: #03142e;
  }

  .menu-wrapper .main-menu a:hover,
  .menu-wrapper .main-menu a:focus {
    color: #ffffff;
  }

  .savings {
    color: #63c36b;
  }

  .phone-cta-link,
  .contact-info a,
  .contact-note {
    color: #7ab0ff;
  }

  .contact-info a:hover {
    color: #a9cbff;
  }
}