:root{--color-bg: #f7fafd;--color-bg-alt: #fff;--color-text: #1a222a;--color-primary: #00e6ff;--color-secondary: #2c5364;--color-card: #f3f7fa;--color-border: #e3e8ee;--color-muted: #7a8ca3;--color-shadow: 0 4px 32px rgba(44,83,100,.08);--color-hero-gradient: linear-gradient(120deg, #eaf6fb 0%, #c9e7f5 100%);--color-service-gradient: linear-gradient(120deg, #eaf6fb 0%, #c9e7f5 100%)}[data-theme=dark]{--color-bg: #10151b;--color-bg-alt: #1a222a;--color-text: #eaf6fb;--color-primary: #00e6ff;--color-secondary: #f3f7fa;--color-card: #18212b;--color-border: #22303c;--color-muted: #7a8ca3;--color-shadow: 0 4px 32px rgba(0,230,255,.07);--color-hero-gradient: linear-gradient(120deg, #232526 0%, #414345 100%);--color-service-gradient: linear-gradient(120deg, #232526 0%, #2c5364 100%)}html,body{background:var(--color-bg);color:var(--color-text);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:18px;margin:0;padding:0;transition:background .4s,color .4s;line-height:1.7}body{font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(135deg,#0f2027,#2c5364);color:#eaf6fb;margin:0;padding:0;min-height:100vh}.site-header{background:var(--color-bg-alt);box-shadow:var(--color-shadow);position:static;top:0;z-index:100}.header-inner{display:flex;align-items:center;justify-content:flex-end;max-width:1200px;margin:0 auto;padding:1.2rem 2rem .5rem;gap:1.5rem}.lang-switcher{display:flex;gap:.2rem}.lang-switcher a{color:var(--color-text);text-decoration:none;font-weight:600;padding:.1rem .5rem;border-radius:4px;font-size:.95rem;border:1px solid transparent;transition:background .2s,color .2s;line-height:1.6}.lang-switcher a.active,.lang-switcher a:hover{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary)}#theme-toggle{background:none;border:none;cursor:pointer;padding:0;border-radius:999px;display:flex;align-items:center;margin-left:.2rem;margin-right:.7rem;height:36px;width:60px;position:relative}#theme-toggle .toggle-thumb{position:absolute;left:4px;top:4px;width:28px;height:28px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0002;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.4,2.2,.2,1),background .3s;z-index:2}#theme-toggle .toggle-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;opacity:0;transition:opacity .3s}.hamburger{display:none;flex-direction:column;justify-content:center;width:40px;height:40px;background:none;border:none;cursor:pointer;z-index:1201;margin-right:1rem}.hamburger span{display:block;height:4px;width:28px;margin:4px auto;background:var(--color-text);border-radius:2px;transition:all .3s}.mobile-menu{display:none;position:fixed;inset:0;background:var(--color-bg-alt);z-index:1200;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:32px 24px 24px;box-shadow:var(--color-shadow);transition:transform .3s,opacity .3s}.mobile-menu.open{display:flex}.mobile-menu-header{display:flex;justify-content:flex-end;margin-bottom:24px}.close-mobile-menu{background:none;border:none;font-size:2.2rem;color:var(--color-text);cursor:pointer}.mobile-nav-links{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:18px}.mobile-nav-links li{margin-bottom:0}.mobile-nav-links a{font-size:1.3rem;color:var(--color-text);text-decoration:none;font-weight:600;display:block;width:100%;padding:.7rem 0;margin:0;box-sizing:border-box}.mobile-menu-actions{display:flex;flex-direction:row;gap:18px;align-items:center;justify-content:center;margin-top:auto;border-top:1px solid var(--color-border);padding-top:18px}.mobile-menu .lang-switcher{margin-bottom:0}@media (max-width: 900px){.main-nav-inner{flex-direction:row;align-items:center;justify-content:space-between}.nav-links,.menu-actions{display:none!important}.hamburger{display:flex}}@media (min-width: 901px){.mobile-menu,.hamburger{display:none!important}}@media (max-width: 900px){.main-nav ul{gap:1rem}.menu-actions{gap:.2rem}}@media (max-width: 600px){.main-nav ul{flex-wrap:wrap;gap:.5rem}.menu-actions{margin-left:0;gap:.1rem}#theme-toggle,#theme-toggle-mobile{width:28px;height:28px}}#theme-toggle-mobile{background:none;border:none;cursor:pointer;padding:0;border-radius:999px;display:flex;align-items:center;margin-left:.2rem;margin-right:.7rem;height:36px;width:60px;position:relative;box-shadow:0 2px 8px #0001;transition:background .3s,box-shadow .3s}#theme-toggle-mobile .toggle-track{background:var(--color-border);border-radius:999px;width:60px;height:36px;display:flex;align-items:center;position:relative;transition:background .3s}#theme-toggle-mobile .toggle-thumb{position:absolute;left:4px;top:4px;width:28px;height:28px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0002;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.4,2.2,.2,1),background .3s;z-index:2}#theme-toggle-mobile .toggle-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;opacity:0;transition:opacity .3s}#theme-toggle-mobile .toggle-sun svg,#theme-toggle-mobile .toggle-moon svg{width:18px;height:18px;stroke:#f7b731;color:#f7b731}#theme-toggle-mobile .toggle-moon svg{stroke:#222b45;color:#222b45}#theme-toggle-mobile .toggle-sun{opacity:1}#theme-toggle-mobile .toggle-moon{opacity:0}#theme-toggle-mobile.dark .toggle-thumb{transform:translate(24px);background:#222b45}#theme-toggle-mobile.dark .toggle-sun{opacity:0}#theme-toggle-mobile.dark .toggle-moon{opacity:1}#theme-toggle-mobile.dark .toggle-moon svg{stroke:#fff;color:#fff}#theme-toggle-mobile:focus{outline:2px solid var(--color-primary)}@media (max-width: 600px){#theme-toggle-mobile{min-width:40px;min-height:40px;font-size:1.5rem}#theme-toggle-mobile .toggle-thumb{width:24px;height:24px;left:4px;top:4px}}main{max-width:1200px;margin:0 auto;padding:0 1.5rem 2rem}.hero-section{position:relative;min-height:340px;display:flex;align-items:center;justify-content:center;background:var(--color-hero-gradient);border-radius:0 0 2.5rem 2.5rem;box-shadow:var(--color-shadow);margin-bottom:2.5rem;overflow:hidden}.hero-bg-image{position:absolute;inset:0;width:100%;height:100%;z-index:0;filter:blur(12px) brightness(.7);opacity:.85;pointer-events:none}.hero-bg-anim{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 60% 40%,var(--color-primary) 0%,transparent 70%),radial-gradient(circle at 30% 70%,var(--color-secondary) 0%,transparent 80%);opacity:.13;animation:heroAnim 8s linear infinite alternate}@keyframes heroAnim{0%{background-position:60% 40%,30% 70%}to{background-position:70% 50%,20% 80%}}.hero-content{position:relative;z-index:2;text-align:center}.hero-content h1{font-size:2.8rem;font-weight:800;letter-spacing:2px;margin-bottom:.7rem;color:#fff;text-shadow:0 2px 16px #0008,0 1px 0 #222}[data-theme=dark] .hero-content h1{color:#fff}.hero-tagline{font-size:1.25rem;font-weight:500;color:#f3f7fa;margin-bottom:0;text-shadow:0 2px 12px #0007,0 1px 0 #222}[data-theme=dark] .hero-tagline{color:#fff;text-shadow:0 2px 8px #00e6ff55,0 1px 0 #222}.hero-tagline .en{display:none}.about-section,.services-section,.portfolio-section,.contact-section,.privacy-policy-section{background:var(--color-card);border-radius:1.2rem;box-shadow:var(--color-shadow);margin-bottom:2.5rem;padding:2.2rem 2rem 2rem;transition:background .4s,color .4s;color:var(--color-text)}.about-section h2,.services-section h2,.portfolio-section h2,.contact-section h2,.privacy-policy-section h1,.privacy-policy-section h2{font-size:1.4rem;font-weight:700;color:var(--color-primary)!important;margin-bottom:1.5rem;margin-top:1rem;padding-top:0;letter-spacing:.5px;display:block;width:100%}[data-theme=dark] .about-section h2,[data-theme=dark] .services-section h2,[data-theme=dark] .portfolio-section h2,[data-theme=dark] .contact-section h2,[data-theme=dark] .privacy-policy-section h1,[data-theme=dark] .privacy-policy-section h2{color:#00e6ff}.about-section p,.services-section p,.portfolio-section p,.contact-section p,.privacy-policy-section p{margin-top:0;margin-bottom:0}.privacy-policy-section ul{padding-left:1.2em}.contact-section form,.contact-section .company-details{margin-top:2.2rem}.about-section .sk,.about-section .en{color:var(--color-text)}.about-section .en,.services-section .en,.portfolio-section .en,.contact-section .en{display:none}.services-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.service-card{background:var(--color-service-gradient);border-radius:1rem;box-shadow:0 2px 12px #2c536412;padding:1.5rem 1.2rem;transition:transform .2s,box-shadow .2s;border:1.5px solid var(--color-border);display:flex;flex-direction:column;align-items:flex-start;text-align:left;position:relative}.service-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 6px 24px var(--color-primary);border-color:var(--color-primary)}.service-card h3{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;color:var(--color-secondary);position:relative;text-align:left;display:block;padding-top:0;margin-top:1.5rem}.service-card-icon{display:flex;justify-content:center;align-items:center;width:100%;margin-top:.5rem;margin-bottom:.5rem}.service-card-icon i{font-size:3.2rem;width:3.2rem;height:3.2rem;color:var(--color-primary);display:block;pointer-events:none}.service-card h3 span{font-size:.95rem;font-weight:400;color:var(--color-muted);text-align:left}.service-card p{color:var(--color-text);text-align:left}.service-card .en{display:none}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.portfolio-item{border:2px solid #00e6ff;box-shadow:0 4px 24px #00e6ff22;background:var(--color-bg-alt);border-radius:1rem;padding:1rem;flex-direction:column;transition:box-shadow .2s,border .2s;height:100%;width:100%;min-height:340px;max-height:100%}.portfolio-item:hover{box-shadow:0 6px 24px var(--color-primary);border-color:var(--color-primary)}.portfolio-img{background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;min-height:120px;border-radius:.7rem;background-color:#f8f9fa;flex-shrink:0;width:100%}.portfolio-img.placeholder{width:100%;height:120px;background:repeating-linear-gradient(135deg,var(--color-primary) 0 8px,var(--color-bg-alt) 8px 16px);border-radius:.7rem;margin-bottom:1rem;opacity:.18}.portfolio-caption{color:var(--color-text);text-align:center;flex-grow:1;display:flex;flex-direction:column;justify-content:flex-end;max-height:none;height:auto;overflow:visible}.portfolio-caption strong{display:block;font-size:1.15em;font-weight:700;margin-top:.7em;margin-bottom:.5em}.swiper-slide{height:auto!important;display:flex;align-items:stretch}.portfolio-item{display:flex;flex-direction:column;height:100%;align-items:stretch}.contact-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.contact-form input,.contact-form textarea{padding:.8rem;border:1.5px solid var(--color-border);border-radius:7px;font-size:1rem;background:var(--color-bg-alt);color:var(--color-text);resize:none;transition:border .2s}.contact-form input:focus,.contact-form textarea:focus{border:1.5px solid var(--color-primary);outline:none}.contact-form button{background:var(--color-primary);color:#fff;border:none;border-radius:7px;padding:.9rem;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px var(--color-primary) 33;letter-spacing:1px}.contact-form button:hover{background:var(--color-secondary);color:var(--color-primary);box-shadow:0 4px 16px var(--color-primary) 44}.company-details{font-size:1rem;color:var(--color-muted);border-top:1px solid var(--color-border);padding-top:1rem;letter-spacing:.5px;margin-top:1.5em}.company-details a{color:var(--color-primary);text-decoration:none;font-weight:600;transition:color .3s ease}.company-details a:hover{color:var(--color-secondary)}.company-details a i{font-size:1.6rem;margin-right:.5rem;vertical-align:middle;transition:color .3s}.company-details a:hover i{color:var(--color-secondary)}.company-details a .contact-text{text-decoration:none}.company-details a:hover .contact-text{text-decoration:underline}.swiper-wrapper{display:flex;align-items:stretch}.swiper-slide{display:flex;height:auto;width:100%;align-items:stretch}.portfolio-item{display:flex;flex-direction:column;height:100%;width:100%;align-items:stretch}.portfolio-img{min-height:120px;flex-shrink:0;width:100%}.portfolio-caption{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-end}.portfolio-item{min-height:420px}.main-nav{display:flex;justify-content:center;align-items:center;position:sticky;top:0;z-index:1000;background:var(--color-bg-alt);box-shadow:0 2px 8px #2c536412;padding:1.5rem .5rem;max-width:1200px;margin:0 auto;border-top:none}.main-nav-inner{display:flex;justify-content:space-between;align-items:center;width:100%}.main-nav ul{display:flex;justify-content:flex-start;align-items:center;gap:2rem;list-style:none;margin:0;padding:0}.main-nav ul li:first-child{margin-left:.5rem}.menu-actions{display:flex;align-items:center;gap:1rem}.lang-switcher{display:flex;align-items:center;gap:.3rem}#theme-toggle .toggle-track{background:var(--color-border);border-radius:999px;width:60px;height:36px;display:flex;align-items:center;position:relative;transition:background .3s}#theme-toggle .toggle-sun svg,#theme-toggle .toggle-moon svg{width:18px;height:18px;stroke:#f7b731;color:#f7b731}#theme-toggle .toggle-moon svg{stroke:#222b45;color:#222b45}#theme-toggle .toggle-sun{opacity:1}#theme-toggle .toggle-moon{opacity:0}#theme-toggle.dark .toggle-thumb{transform:translate(24px);background:#222b45}#theme-toggle.dark .toggle-sun{opacity:0}#theme-toggle.dark .toggle-moon{opacity:1}#theme-toggle.dark .toggle-moon svg{stroke:#fff;color:#fff}#theme-toggle:focus{outline:2px solid var(--color-primary)}.main-nav a{color:var(--color-text);text-decoration:none;font-weight:600;font-size:1.1rem;padding:.5rem 1rem;border-radius:5px;transition:background .2s,color .2s}.main-nav a:hover,.main-nav a.active{background:var(--color-primary);color:#fff}html{scroll-behavior:smooth}@media (max-width: 900px){.header-inner,main{padding-left:1rem;padding-right:1rem}.services-cards,.portfolio-grid{grid-template-columns:1fr 1fr}.site-header{position:static;top:0;z-index:1100}}@media (max-width: 600px){.header-inner,main{padding-left:.3rem;padding-right:.3rem}.services-cards,.portfolio-grid{grid-template-columns:1fr}.hero-content h1{font-size:2rem}.hero-tagline{font-size:1rem}.portfolio-grid{grid-template-columns:1fr;gap:1rem}.portfolio-item{min-width:0;width:100%;box-sizing:border-box;padding:.7rem 1.7rem;min-height:unset;height:auto;display:flex;flex-direction:column;justify-content:flex-start}.swiper-slide{height:auto!important;min-height:unset!important;max-height:unset!important;display:flex;align-items:stretch}.portfolio-img{min-height:100px}.portfolio-section{padding-left:.7rem;padding-right:.7rem}.portfolio-carousel-container{padding-bottom:4.5rem;position:relative}.swiper-button-next,.swiper-button-prev{bottom:1.2rem;top:auto;transform:none;position:absolute;z-index:10;opacity:.95}.swiper-button-prev{left:1.2rem;right:auto}.swiper-button-next{right:1.2rem;left:auto}.swiper-button-next,.swiper-button-prev{background:#fffffffa;border-radius:50%;width:44px;height:44px;box-shadow:0 2px 12px #0003;color:var(--color-primary);display:flex;align-items:center;justify-content:center;border:2px solid var(--color-primary)}.swiper-button-next:after,.swiper-button-prev:after{font-size:1.6rem;color:var(--color-primary)}.portfolio-caption{padding-bottom:1.8rem}.site-header{position:static;top:0;z-index:1100}}.main-nav .menu-link span{display:inline}.scroll-to-top{position:fixed;right:2rem;bottom:2rem;width:48px;height:48px;background:#1e2832d9;color:#fff;border:none;border-radius:50%;box-shadow:0 2px 12px #0003;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2000;opacity:0;pointer-events:none;transition:opacity .3s}.scroll-to-top.visible{opacity:1;pointer-events:auto}.scroll-to-top svg{width:28px;height:28px;display:block;fill:#fff}@media (max-width: 600px){.scroll-to-top{right:1rem;bottom:1rem;width:40px;height:40px}.scroll-to-top svg{width:22px;height:22px}}body[data-lang=en] .sk{display:none!important}body[data-lang=en] .en{display:block!important}body[data-lang=sk] .en{display:none!important}body[data-lang=sk] .sk{display:block!important}.main-nav .menu-link .sk,.main-nav .menu-link .en{display:inline-flex!important;align-items:center}body[data-lang=en] .main-nav .menu-link .en{display:inline-flex!important}body[data-lang=en] .main-nav .menu-link .sk,body[data-lang=sk] .main-nav .menu-link .en{display:none!important}body[data-lang=sk] .main-nav .menu-link .sk{display:inline-flex!important}.swiper-pagination-bullet{background-color:var(--color-muted)}[data-theme=dark] .swiper-pagination-bullet{background-color:var(--color-text)}.swiper-pagination-bullet{width:32px;height:32px;margin:0 8px!important;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.swiper-pagination-bullet-active{box-shadow:0 0 0 4px var(--color-primary, #00e6ff)}@media (max-width: 600px){.swiper-pagination-bullet{width:28px;height:28px;margin:0 6px!important}}.company-details a i{font-size:1.6rem;margin-right:.5rem;vertical-align:middle}.offer-list{padding-left:0}.offer-list li{margin:0}.contact-flash-message{margin-bottom:1rem;padding:.8rem 1.2rem;border-radius:7px;background:#e6fff7;color:#1a222a;font-weight:600;border:1.5px solid #00e6ff;transition:opacity 1.2s,background .2s,color .2s,border .2s;opacity:0;display:none}.contact-flash-message.error{background:#ffe6e6;color:#a00;border-color:red}.privacy-policy-section h1,.privacy-policy-section h2{color:var(--color-primary);margin-bottom:1.5rem;margin-top:1rem;font-weight:700;letter-spacing:.5px}[data-theme=dark] .privacy-policy-section h1,[data-theme=dark] .privacy-policy-section h2{color:#00e6ff}.privacy-policy-section p,.privacy-policy-section ul{margin-top:0;margin-bottom:1.2rem;color:var(--color-text)}.privacy-policy-section a.contact-text{color:var(--color-primary);font-weight:600;text-decoration:none;transition:color .2s}.privacy-policy-section a.contact-text:hover,.privacy-policy-section a.contact-text:focus{color:#fff;background:var(--color-primary);text-decoration:underline;border-radius:4px;outline:none;transition:color .2s,background .2s}.privacy-policy-section i.ti-mail{margin-right:.4em;color:var(--color-primary)}.main-nav .site-logo{padding-top:1rem}
