body{background:linear-gradient(135deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#ffeaa7);margin:0;font-family:Nunito,Segoe UI,Arial,sans-serif;overflow-x:hidden;color:#2c3e50}.top-navbar>div:first-child>div:first-child{display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;overflow:visible!important}.top-navbar>div:first-child>div:first-child img{object-fit:contain!important;object-position:center!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:2!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important}.top-navbar>div:first-child>div:first-child svg{position:absolute!important;top:0!important;left:0!important;z-index:1!important;width:100%!important;height:100%!important}.bg-illustration{position:fixed;z-index:2;pointer-events:none;opacity:.15;animation:floatY 8s ease-in-out infinite alternate}.bg-illustration.math{left:5vw;top:12vh;width:90px;animation-delay:0s}.bg-illustration.physics{right:7vw;top:30vh;width:110px;animation-delay:2s}.bg-illustration.english{left:12vw;bottom:10vh;width:80px;animation-delay:1.5s}.bg-illustration.green{right:12vw;bottom:18vh;width:70px;animation-delay:3.2s}@keyframes floatY{0%{transform:translateY(0) scale(1) rotate(0)}to{transform:translateY(-40px) scale(1.08) rotate(5deg)}}.main-wrapper{width:100vw;min-height:100vh;margin:0;background:transparent;position:relative;z-index:10}.header{display:flex;align-items:center;justify-content:center;padding:2.5rem 2rem 1.5rem;background:transparent;border-bottom:none;z-index:2;position:relative}.logo-main{height:40px;filter:drop-shadow(0 0 4px #FF6B6B)}.header nav a{color:#ff6b6b;font-weight:600;margin-left:1.5rem;text-decoration:none;font-size:1.05rem;transition:color .2s,background .2s;border-radius:8px;padding:.2rem .7rem}.header nav a:hover{background:#ffeaa7;color:#2c3e50}.hero{background:linear-gradient(90deg,#ffeaa7,#96ceb4);padding:3rem 2rem 2.5rem;text-align:center}.hero h1{font-size:2.7rem;color:#2c3e50;margin-bottom:1rem;font-weight:900;letter-spacing:-1px}.hero p{font-size:1.2rem;color:#e17055;margin-bottom:2rem}.cta{background:#ff6b6b;color:#fff;padding:.8rem 2rem;border-radius:2rem;font-size:1.1rem;font-weight:700;text-decoration:none;box-shadow:0 4px 16px #ff6b6b55;transition:all .3s cubic-bezier(.175,.885,.32,1.275);border:3px solid #FF6B6B;cursor:pointer;position:relative;overflow:hidden}.cta:hover{background:#ffeaa7;color:#2c3e50;border:3px solid #FFEAA7;box-shadow:0 6px 24px #ffeaa755;transform:translateY(-2px)}.cta:active{transform:translateY(0)}.services{padding:2.5rem 2rem 2rem;background:#f3f4f6;text-align:center}.services h2{color:#e17055;font-size:1.7rem;margin-bottom:2rem}.service-cards{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.service-card{background:#fffffff2;border-radius:2rem;box-shadow:0 12px 40px #ff6b6b33,0 4px 16px #4ecdc426;padding:2.5rem 1.5rem 2rem;min-width:260px;max-width:320px;margin:0 1rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;align-items:center;color:#2c3e50;cursor:pointer;position:relative;overflow:visible;perspective:800px;border:3px solid #FFEAA7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.service-card:hover{background:#ffeaa7!important;color:#2c3e50!important;box-shadow:0 20px 60px #ffeaa766,0 8px 32px #ff6b6b4d;transform:translateY(-8px) scale(1.02);border:3px solid #FF6B6B}.service-card span{font-size:3rem;margin-bottom:.7rem;filter:drop-shadow(0 4px 12px rgba(255,107,107,.3));transition:transform .3s ease}.service-card:hover span{transform:scale(1.1) rotate(5deg)}.service-card h3{color:#e17055;margin-bottom:.5rem;font-size:1.4rem;font-weight:800;letter-spacing:-1px;text-shadow:0 2px 8px rgba(255,234,167,.5)}.service-card p{color:#2c3e50;font-size:1.05rem;text-align:center;text-shadow:0 1px 4px rgba(255,234,167,.3)}.gallery{padding:2.5rem 2rem 2rem;background:#ffeaa7;text-align:center}.gallery h2{color:#e17055;font-size:1.5rem;margin-bottom:2rem}.gallery-images{display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap}.gallery-img{width:100px;height:100px;background:#fff;border-radius:1.5rem;box-shadow:0 4px 16px #ff6b6b33;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#e17055;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.gallery-img:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 32px #ff6b6b66;background:#ffeaa7;color:#2c3e50}.dummy-img{background:repeating-linear-gradient(135deg,#ffeaa7,#96ceb4 20px,#4ecdc4 40px);color:#e17055}.about{padding:2.5rem 2rem 2rem;background:#fff;text-align:center}.about h2{color:#ff6b6b;font-size:2rem;margin-bottom:1rem}.about p{color:#2c3e50;font-size:1.1rem}.contact{padding:2.5rem 2rem 2rem;background:#f3f4f6;text-align:center}.contact h2{color:#e17055;font-size:1.5rem;margin-bottom:1.5rem}.contact-form{display:flex;flex-direction:column;gap:1rem;max-width:350px;margin:0 auto 1.5rem}.contact-form input,.contact-form textarea{padding:.7rem 1rem;border-radius:1rem;border:2px solid #FFEAA7;font-size:1rem;resize:none;transition:all .3s ease}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b33}.contact-form button{background:#ff6b6b;color:#fff;border:none;font-weight:700;font-size:1.05rem;border-radius:2rem;padding:.8rem 1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.contact-form button:hover{background:#ffeaa7;color:#2c3e50;transform:translateY(-2px)}.contact-info{color:#e17055;font-size:1.05rem}.footer{background:transparent;color:#2c3e50;text-align:center;padding:2rem 0 1rem;font-size:1.1rem;letter-spacing:.03em;border-top:none;z-index:2;position:relative}.animated-page{animation:fadeInUp .8s cubic-bezier(.175,.885,.32,1.275);min-height:60vh;position:relative;z-index:20}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.home-link{position:relative;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:visible}.home-link .card-arrow{position:absolute;right:18px;bottom:18px;font-size:2.1rem;color:#e17055;opacity:.4;transition:all .3s ease;pointer-events:none}.home-link:hover .card-arrow{opacity:.8;right:10px;color:#ff6b6b;transform:scale(1.2)}.home-link:hover{background:#ffeaa7!important;color:#2c3e50!important;box-shadow:0 20px 60px #ffeaa766,0 8px 32px #ff6b6b4d;transform:translateY(-8px) scale(1.02);z-index:3}.detail-view{background:#fffffff2;border-radius:2rem;box-shadow:0 12px 40px #ff6b6b33,0 4px 16px #4ecdc426;padding:2.5rem 2rem 2rem;margin:3rem auto 2rem;max-width:520px;position:relative;z-index:30;animation:fadeInUp .8s cubic-bezier(.175,.885,.32,1.275);border:3px solid #FFEAA7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.detail-view h2{color:#e17055;font-size:2rem;font-weight:900;margin-bottom:1.2rem;letter-spacing:-1px;text-align:center}.detail-view h3{color:#2c3e50;margin-top:2rem;margin-bottom:.7rem;font-size:1.2rem;font-weight:700}.detail-view ul{color:#2c3e50;margin-bottom:1.2rem;font-size:1.08rem;padding-left:1.2rem}.detail-view p{color:#e17055;font-size:1.1rem;text-align:center;margin-bottom:1.5rem}.detail-formular input,.detail-formular button{font-size:1.08rem}.detail-formular button{margin-top:.5rem}@media (max-width: 900px){.detail-view{max-width:98vw;padding:1.2rem .5rem}}@media (max-width: 900px){main{flex-direction:column!important;align-items:center!important;gap:2rem!important}.service-card{margin:1.2rem 0;min-width:220px;max-width:95vw}}@media (max-width: 600px){.main-wrapper{padding:0 .5rem}.top-navbar{flex-direction:column!important;height:auto!important;padding:.7rem .5rem!important;gap:.7rem!important}.top-navbar>div{flex-direction:column!important;gap:.7rem!important;width:100%;align-items:center!important}.top-navbar a{font-size:1.15rem!important;padding:.7em 1.5em!important;width:100%;text-align:center;margin:.2em 0}.bg-illustration{display:none!important}.service-card,.home-link{min-width:0!important;max-width:98vw!important;width:100%!important;padding:1.2rem .7rem!important;font-size:1rem!important}.service-card h3{font-size:1.1rem!important}.service-card span{font-size:2rem!important}.animated-page,.about,.intro,.references,.contact{padding:1.2rem .5rem!important;max-width:99vw!important}.references blockquote{font-size:1rem!important}.footer{font-size:1rem!important;padding:1.2rem 0 .7rem!important}.lecturer-row{flex-direction:column!important;gap:2rem!important;align-items:center!important}.lecturer-card{min-width:0!important;max-width:98vw!important;width:100%!important;padding:1.2rem .7rem!important;font-size:1rem!important}.lecturer-card img{width:110px!important;height:110px!important;margin-bottom:1rem!important}.contact{padding:1.2rem .5rem!important;font-size:1rem!important}}.main-wrapper,.animated-page,.detail-view,.about,.intro,.references,.contact{color:#2c3e50}.header h1,.service-card h3,.detail-view h2,.about h2,.intro h2,.references h2,.contact h2{color:#e17055}a,.cta,.card-arrow,.references blockquote,.service-card span,.detail-view h3{color:#e17055!important}.service-card,.about,.intro,.references,.contact,.detail-view{background:#fffffff2!important;color:#2c3e50;box-shadow:0 12px 40px #ff6b6b33,0 4px 16px #4ecdc426;border:3px solid #FFEAA7}.service-card h3,.service-card p,.service-card span,.card-arrow{color:#e17055!important}.service-card p,.detail-view p,.about p,.intro p,.references blockquote,.contact p{color:#2c3e50}.service-card:hover,.home-link:hover{background:#ffeaa7!important;color:#2c3e50!important}input,textarea{background:#fff;color:#2c3e50;border:2px solid #FFEAA7}button,.cta{background:#ff6b6b;color:#fff}button:hover,.cta:hover{background:#ffeaa7;color:#2c3e50}.objednat-btn:hover{background:#ffd93d!important;color:#2c3e50!important;border:3px solid #FF6B6B!important;box-shadow:0 0 0 3px #ff6b6b33;transform:translateY(-2px)}.detail-formular button:hover,.cta:hover{background:#ffd93d!important;color:#2c3e50!important;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b4d}::-webkit-scrollbar-thumb{background:#ff6b6b}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes wiggle{0%,7%{transform:rotate(0)}15%{transform:rotate(-15deg)}20%{transform:rotate(10deg)}25%{transform:rotate(-10deg)}30%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}40%,to{transform:rotate(0)}}.service-card:hover span{animation:bounce .6s ease-in-out}.cta:hover{animation:wiggle .6s ease-in-out}@media (max-width: 768px){.top-navbar{padding:.8rem 1rem!important;min-height:70px!important}.top-navbar>div:first-child{gap:.8rem!important}.top-navbar>div:last-child{gap:1rem!important;justify-content:center!important;width:100%!important;margin-top:.5rem}.service-card{min-width:280px!important;max-width:280px!important;margin:.5rem!important}.lecturer-card{min-width:300px!important;max-width:90vw!important;padding:2rem 1.5rem!important;margin:1rem 0!important}.lecturer-row{gap:2rem!important;flex-direction:column!important;align-items:center!important}.intro,.references,.contact{margin:1.5rem 1rem!important;padding:1.5rem 1rem!important}.intro h2,.references h2,.contact h2{font-size:clamp(1.3rem,6vw,2rem)!important}.intro p,.references p,.contact p{font-size:clamp(.9rem,3.5vw,1.1rem)!important}main{flex-direction:column!important;align-items:center!important;gap:1rem!important;padding:0 1rem!important}.service-card span[role=img]{font-size:clamp(2.5rem,8vw,3rem)!important}.service-card h3{font-size:clamp(1.1rem,4.5vw,1.5rem)!important}.service-card p{font-size:clamp(.8rem,3vw,1rem)!important}.top-navbar>div:first-child>div:first-child svg{width:44px!important;height:44px!important}}@media (max-width: 480px){.top-navbar{padding:.6rem .8rem!important;min-height:60px!important}.top-navbar>div:first-child>div:first-child{width:50px!important;height:50px!important}.top-navbar>div:first-child>div:first-child img{height:38px!important;width:38px!important}.top-navbar>div:first-child>div:first-child svg{width:38px!important;height:38px!important}.top-navbar>div:first-child>span{font-size:clamp(1.2rem,5vw,1.8rem)!important;letter-spacing:-.5px!important}.service-card{min-width:250px!important;max-width:250px!important;padding:1.5rem 1rem!important}.lecturer-card{padding:1.5rem 1rem!important;margin:.8rem 0!important}.lecturer-card img{width:140px!important;height:140px!important}.intro,.references,.contact{margin:1rem .8rem!important;padding:1.2rem .8rem!important;border-radius:1.5rem!important}.intro h2,.references h2,.contact h2{font-size:clamp(1.2rem,7vw,1.8rem)!important;margin-bottom:1rem!important}.intro p,.references p,.contact p{font-size:clamp(.85rem,4vw,1rem)!important;line-height:1.5!important}main{gap:.8rem!important;padding:0 .8rem!important;margin-bottom:2.5rem!important}.service-card span[role=img]{font-size:clamp(2rem,10vw,2.5rem)!important}.service-card h3{font-size:clamp(1rem,5vw,1.3rem)!important}.service-card p{font-size:clamp(.75rem,3.5vw,.9rem)!important}.footer p{font-size:clamp(.8rem,3vw,1rem)!important;padding:0 1rem!important}}@media (max-width: 360px){.top-navbar{padding:.5rem .6rem!important;min-height:55px!important}.top-navbar>div:first-child>div:first-child{width:45px!important;height:45px!important}.top-navbar>div:first-child>div:first-child img{height:34px!important;width:34px!important}.top-navbar>div:first-child>div:first-child svg{width:34px!important;height:34px!important}.top-navbar>div:first-child>span{font-size:clamp(1rem,6vw,1.5rem)!important}.service-card{min-width:220px!important;max-width:220px!important;padding:1.2rem .8rem!important}.lecturer-card{padding:1.2rem .8rem!important;margin:.6rem 0!important}.lecturer-card img{width:120px!important;height:120px!important}.intro,.references,.contact{margin:.8rem .6rem!important;padding:1rem .6rem!important;border-radius:1.2rem!important}.intro h2,.references h2,.contact h2{font-size:clamp(1.1rem,8vw,1.6rem)!important}.intro p,.references p,.contact p{font-size:clamp(.8rem,4.5vw,.95rem)!important}main{gap:.6rem!important;padding:0 .6rem!important}.service-card span[role=img]{font-size:clamp(1.8rem,12vw,2.2rem)!important}.service-card h3{font-size:clamp(.9rem,6vw,1.2rem)!important}.service-card p{font-size:clamp(.7rem,4vw,.85rem)!important}}@media (max-width: 768px) and (orientation: landscape){.top-navbar{min-height:60px!important;padding:.5rem 1rem!important}.top-navbar>div:last-child{margin-top:.3rem!important}.intro,.references,.contact{margin:1rem 1.5rem!important}main{flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;gap:1rem!important}.service-card{min-width:200px!important;max-width:200px!important}}@media (min-width: 769px) and (max-width: 1024px){.top-navbar{padding:1.2rem 2rem!important;min-height:85px!important}.top-navbar>div:first-child>div:first-child{width:70px!important;height:70px!important}.top-navbar>div:first-child>div:first-child img{height:52px!important;width:52px!important}.top-navbar>div:first-child>div:first-child svg{width:52px!important;height:52px!important}.top-navbar>div:first-child>span{font-size:clamp(1.8rem,3.5vw,2.2rem)!important}.service-card{min-width:280px!important;max-width:280px!important}.lecturer-card{min-width:320px!important;max-width:320px!important}.intro,.references,.contact{margin:2rem 1.5rem!important;padding:2rem 1.8rem!important}main{gap:1.5rem!important;padding:0 1.5rem!important}}@media (min-width: 1025px){.top-navbar{padding:0 2.2rem!important;min-height:100px!important}.top-navbar>div:first-child>div:first-child{width:80px!important;height:80px!important}.top-navbar>div:first-child>div:first-child img{height:58px!important;width:58px!important}.top-navbar>div:first-child>span{font-size:2.2rem!important;letter-spacing:-2px!important}.service-card{min-width:300px!important;max-width:300px!important}.lecturer-card{min-width:340px!important;max-width:400px!important}.intro,.references,.contact{margin:2.5rem auto!important;padding:2.5rem 2rem!important}main{gap:2rem!important;padding:0 2rem!important}}.top-navbar>div:first-child>div:first-child img[alt="YouthLab logo"]{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:999!important}@media (max-width: 768px){.top-navbar>div:first-child>div:first-child img[alt="YouthLab logo"]{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:999!important}}@media (max-width: 480px){.top-navbar>div:first-child>div:first-child img[alt="YouthLab logo"]{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:999!important}}@media (max-width: 360px){.top-navbar>div:first-child>div:first-child img[alt="YouthLab logo"]{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:999!important}}@media (min-width: 769px) and (max-width: 1024px){.top-navbar>div:first-child>div:first-child img[alt="YouthLab logo"]{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:999!important}}@media (min-width: 1025px){.top-navbar>div:first-child>div:first-child img[alt="YouthLab logo"]{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:999!important}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}