@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');:root{--bg-black:#121212;--bg-card:#1c1c1c;--bg-card-border:rgba(255,255,255,0.05);--primary:#FFDA62;--primary-hover:#e5c358;--text-white:#ffffff;--text-black:#121212;--text-muted:#a1a1aa;} *{margin:0;padding:0;box-sizing:border-box;font-family:'Inter',sans-serif;} html{background-color:var(--bg-black);} body{background-color:var(--bg-black);color:var(--text-white);line-height:1.6;overflow-x:hidden;position:relative;max-width:100vw;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} a{text-decoration:none;color:inherit;} ul{list-style:none;} @media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;} } .container{max-width:1280px;margin:0 auto;padding:0 24px;} h1,h2,h3,h4{font-weight:800;line-height:1.1;letter-spacing:-0.02em;} .section-title{font-size:3rem;margin-bottom:1.5rem;} .huge-title{font-size:4rem;} .text-muted{color:var(--text-muted);} .mb-8{margin-bottom:2rem;} .btn{display:inline-block;padding:14px 28px;border-radius:40px;font-weight:700;font-size:0.95rem;cursor:pointer;transition:all 0.2s ease;border:none;} .btn-primary{background-color:var(--primary);color:var(--text-black);} .btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);} .btn-dark{background-color:var(--bg-black);color:var(--text-white);border:1px solid rgba(255,255,255,0.1);} .btn-dark:hover{background-color:#2a2a2a;} .btn-whatsapp{background-color:#25D366;color:#ffffff;} .btn-whatsapp:hover{background-color:#1ebe5d;transform:translateY(-2px);box-shadow:0 10px 20px rgba(37,211,102,0.2);} .section-dark{background-color:var(--bg-black);padding:120px 0;} .section-yellow{background-color:var(--primary);color:var(--text-black);padding:80px 0;} .section-yellow-cta{background-color:var(--bg-black);padding:120px 0;border-top:1px solid var(--bg-card-border);} .navbar{padding:24px 0;position:fixed;top:0;left:0;width:100%;z-index:1000;background:rgba(18,18,18,0.85);backdrop-filter:blur(10px);transition:all 0.3s ease;border-bottom:1px solid rgba(255,255,255,0.05);} .nav-container{display:flex;justify-content:space-between;align-items:center;} .nav-links{display:flex;gap:10px;background:rgba(255,255,255,0.03);padding:8px;border-radius:40px;border:1px solid rgba(255,255,255,0.05);backdrop-filter:blur(10px);} .nav-links a{font-size:0.9rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-white);padding:10px 24px;border-radius:40px;transition:all 0.3s ease;} .nav-links a:hover{background-color:var(--primary);color:var(--text-black);box-shadow:0 5px 15px rgba(255,218,98,0.2);} .nav-contact{padding:10px 24px;font-size:0.9rem;} .hero{min-height:100vh;padding-top:140px;padding-bottom:80px;display:flex;align-items:center;justify-content:center;position:relative;} .hero-title{font-size:4rem;margin-bottom:30px;text-transform:uppercase;} .hero-benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:50px;} .bucket-box{display:inline-flex;align-items:center;justify-content:flex-start;background:var(--bg-card);border:1px solid var(--bg-card-border);padding:12px 24px;border-radius:40px;color:var(--text-white);font-size:1rem;font-weight:500;transition:all 0.3s ease;} .bucket-box:hover{border-color:rgba(255,218,98,0.3);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.5);} .hero-ctas{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;} .hero-btn{font-size:1.15rem;font-weight:700;padding:16px 32px;border-radius:40px;} .about-container{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;} .about-collage{position:relative;} .collage-main img{width:100%;border-radius:20px;display:block;object-fit:cover;height:600px;} .floating-stat{position:absolute;bottom:-30px;right:-30px;background:var(--primary);color:var(--text-black);padding:20px 30px;border-radius:16px;display:flex;align-items:center;gap:15px;box-shadow:0 20px 40px rgba(0,0,0,0.3);} .fs-icon{width:40px;height:40px;background:var(--bg-black);color:var(--text-white);border-radius:50%;display:flex;align-items:center;justify-content:center;} .fs-text b{font-size:1.2rem;} .fs-text{font-size:0.9rem;line-height:1.3;} .check-list li{display:flex;align-items:center;gap:15px;margin-bottom:15px;font-weight:500;font-size:1.05rem;} .check-list li svg{background-color:rgba(255,218,98,0.1);border-radius:50%;padding:6px;width:32px;height:32px;flex-shrink:0;border:1px solid rgba(255,218,98,0.2);} .stats-band{display:grid;grid-template-columns:repeat(3,1fr);} .stat-item{padding:0 40px;} .stat-item.border-sides{border-left:1px solid rgba(0,0,0,0.1);border-right:1px solid rgba(0,0,0,0.1);} .stat-num{font-size:3.5rem;margin-bottom:10px;} .stat-label{font-size:1.2rem;margin-bottom:15px;} .stat-desc{font-size:0.95rem;opacity:0.8;} .services-container{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;} .services-intro{position:sticky;top:120px;} .services-list{display:flex;flex-direction:column;gap:20px;} .service-row{display:flex;gap:30px;align-items:flex-start;} .service-num{width:44px;height:44px;background:var(--primary);color:var(--text-black);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;flex-shrink:0;} .service-card{background:var(--bg-card);border:1px solid var(--bg-card-border);padding:40px;border-radius:16px;flex-grow:1;transition:border-color 0.2s;} .service-card:hover{border-color:rgba(255,218,98,0.3);} .service-card h3{font-size:1.5rem;margin-bottom:10px;} .section-work-process{background-color:var(--bg-black);border-top:1px solid var(--bg-card-border);} .timeline-container{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;} .timeline-left{position:sticky;top:120px;align-self:start;} .timeline-right{position:relative;display:flex;flex-direction:column;gap:40px;} .timeline-line{position:absolute;left:21px;top:0;bottom:0;width:2px;background-color:rgba(255,255,255,0.1);z-index:0;} .timeline-item{display:flex;gap:40px;position:relative;z-index:1;} .timeline-num{width:44px;height:44px;background-color:var(--primary);color:var(--text-black);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;flex-shrink:0;box-shadow:0 0 0 8px var(--bg-black);} .timeline-card{background:var(--bg-card);border:1px solid var(--bg-card-border);padding:40px;border-radius:16px;flex-grow:1;transition:border-color 0.3s;} .timeline-card:hover{border-color:rgba(255,218,98,0.3);} .timeline-card h3{font-size:1.5rem;margin-bottom:15px;color:var(--text-white);} .timeline-card p{color:var(--text-muted);line-height:1.6;} .gallery-section{padding:120px 0;background-color:var(--bg-black);overflow:hidden;} .wallet-card{width:100%;height:100%;border-radius:24px;overflow:hidden;position:relative;box-shadow:0 10px 30px rgba(0,0,0,0.5);user-select:none;background-color:var(--bg-card);} .wallet-card img{width:100%;height:100%;object-fit:cover;pointer-events:none;} .cta-container{display:grid;grid-template-columns:1fr 1fr;gap:80px;background-color:var(--primary);border-radius:24px;padding:80px;color:var(--text-black);} .cta-form-wrapper{background:var(--bg-card);padding:35px 30px 25px 30px;border-radius:16px;color:var(--text-white);position:relative;border:1px solid var(--bg-card-border);} .form-badge{position:absolute;top:-24px;left:50%;transform:translateX(-50%) scale(0);opacity:0;width:48px;height:48px;background-color:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px rgba(37,211,102,0.3);color:white;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);z-index:10;} .form-badge.show{transform:translateX(-50%) scale(1);opacity:1;} .form-btn{position:relative;overflow:hidden;transition:all 0.3s ease;} .form-btn.loading{color:transparent !important;pointer-events:none;opacity:0.9;} .form-btn.loading::after{content:"";position:absolute;left:50%;top:50%;width:20px;height:20px;margin-left:-10px;margin-top:-10px;border:3px solid rgba(0,0,0,0.2);border-top-color:var(--text-black);border-radius:50%;animation:spin 1s linear infinite;} @keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);} } .form-group{margin-bottom:15px;} .form-group label{display:block;margin-bottom:6px;font-weight:500;font-size:0.9rem;} .form-input{width:100%;background:transparent;border:1px solid rgba(255,255,255,0.2);border-radius:8px;padding:10px 14px;color:var(--text-white);font-size:0.95rem;transition:border-color 0.3s,background-color 0.3s;} .form-input:focus{outline:none;border-color:var(--primary);background:rgba(255,255,255,0.02);} .form-checkbox{display:flex;gap:12px;align-items:flex-start;margin-bottom:20px;font-size:0.85rem;color:var(--text-muted);} .form-checkbox a{color:var(--primary);text-decoration:underline;} .form-btn{width:100%;padding:12px;font-size:1rem;} .footer{background-color:var(--bg-black);border-top:1px solid var(--bg-card-border);padding:80px 0 30px;} .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:60px;margin-bottom:60px;} .footer-col h4{font-size:1.2rem;margin-bottom:24px;color:var(--text-white);} .footer-links{display:flex;flex-direction:column;gap:12px;} .footer-links li a{display:block;background:var(--bg-card);border:1px solid var(--bg-card-border);padding:12px 16px;border-radius:12px;color:var(--text-muted);transition:all 0.3s ease;font-size:0.95rem;} .footer-links li a:hover{background:var(--primary);color:var(--text-black);border-color:var(--primary);transform:translateX(5px);box-shadow:0 5px 15px rgba(255,218,98,0.2);} .footer-links li a strong{color:var(--text-white);font-weight:600;transition:color 0.3s;} .footer-links li a:hover strong{color:var(--text-black);} .footer-links li a.porucha-box{color:var(--primary);font-weight:800;text-transform:uppercase;letter-spacing:0.5px;display:flex;align-items:center;gap:8px;} .footer-links li a.porucha-box:hover{color:var(--text-black);} .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:30px;border-top:1px solid var(--bg-card-border);color:var(--text-muted);font-size:0.9rem;} .fb-links a{color:var(--text-muted);margin-left:20px;} .fb-links a:hover{color:var(--primary);} .social-icon:hover{background:var(--bg-black) !important;color:var(--text-white) !important;transform:translateY(-3px);} .scroll-to-top{position:fixed;bottom:40px;right:40px;width:50px;height:50px;background-color:var(--primary);color:var(--text-black);border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;opacity:0;pointer-events:none;transition:all 0.3s ease;z-index:1000;box-shadow:0 10px 20px rgba(255,218,98,0.3);} .scroll-to-top.visible{opacity:1;pointer-events:auto;animation:bounce 2s infinite;} .scroll-to-top:hover{background-color:var(--primary-hover);transform:scale(1.1);} @keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0);} 40%{transform:translateY(-10px);} 60%{transform:translateY(-5px);} } input,textarea,select{font-size:16px !important;} .cardsSwiper{width:320px;height:440px;padding:20px;margin:0 auto;} .hamburger-btn{display:none;flex-direction:column;justify-content:space-between;width:30px;height:20px;background:transparent;border:none;cursor:pointer;padding:0;z-index:2000;} .hamburger-btn span{width:100%;height:2px;background:var(--text-white);border-radius:10px;transition:all 0.3s linear;position:relative;transform-origin:1px;} .hamburger-btn.open span:nth-child(1){transform:rotate(45deg);} .hamburger-btn.open span:nth-child(2){opacity:0;transform:translateX(20px);} .hamburger-btn.open span:nth-child(3){transform:rotate(-45deg);} .mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--bg-black);z-index:1500;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.3s ease;} .mobile-menu.active{opacity:1;pointer-events:auto;} .mobile-menu-content{display:flex;flex-direction:column;gap:15px;width:90%;max-width:320px;} .mobile-link{font-size:1.15rem;padding:16px 20px;display:flex;align-items:center;justify-content:center;width:100%;border-radius:40px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;} .mobile-link:hover{background:rgba(255,255,255,0.1);} .mobile-menu-back-btn{display:flex;align-items:center;justify-content:center;margin-bottom:20px;} .map-overlay-ellipse{position:absolute;z-index:5;width:680px;height:320px;border:4px solid #ff0000;background:rgba(255,0,0,0.2);border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 60px rgba(255,0,0,0.4);pointer-events:none;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(1px);} .map-pulse-dot{width:15px;height:15px;background:#ff0000;border-radius:50%;box-shadow:0 0 20px #ff0000,0 0 40px #ff0000;animation:pulse 2s infinite;} @media (max-width:1024px){.hero-title{font-size:3.5rem;} .about-container,.services-container,.work-container,.cta-container,.timeline-container{grid-template-columns:1fr;gap:40px;} .stats-band{grid-template-columns:1fr;gap:40px;} .stat-item.border-sides{border:none;border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.1);padding:40px 0;margin:20px 0;} .stat-item{padding:0;} .services-intro{position:static;} .timeline-left{position:static;} .timeline-line{left:21px;} .cta-container{padding:40px;} .wallet-scroll{padding-left:24px;} .hero-container{grid-template-columns:1fr !important;text-align:center !important;} .hero-title{font-size:3rem;} .hero-desc{text-align:center !important;} .hero-benefits{justify-content:center !important;} .cta-container{margin-top:40px;} } @media (max-width:768px){.nav-links{display:none;} .hero-title{font-size:2.5rem;} .footer-grid{grid-template-columns:1fr;} .floating-stat{right:20px;bottom:-20px;padding:15px;} .cta-container{padding:20px;} .cta-form-wrapper{padding:30px 20px;} .footer-bottom{flex-direction:column;gap:15px;text-align:center;} .timeline-item{gap:20px;} .timeline-card{padding:25px 20px;} .service-row{gap:20px;} .service-card{padding:25px 20px;} .stat-item{padding:0 20px;} .nav-contact{display:none;} .hamburger-btn{display:flex;} .cardsSwiper{width:100% !important;max-width:320px;} .map-overlay-ellipse{width:150vw;height:250px;box-shadow:0 0 30px rgba(255,0,0,0.4);backdrop-filter:none;} } .fade-up-native{opacity:0;transform:translateY(30px);transition:opacity 0.8s cubic-bezier(0.165,0.84,0.44,1),transform 0.8s cubic-bezier(0.165,0.84,0.44,1);} .fade-down-native{opacity:0;transform:translateY(-30px);transition:opacity 0.8s cubic-bezier(0.165,0.84,0.44,1),transform 0.8s cubic-bezier(0.165,0.84,0.44,1);} .scale-y-native{transform:scaleY(0);transform-origin:top center;transition:transform 1.5s cubic-bezier(0.165,0.84,0.44,1);} .fade-up-native.visible,.fade-down-native.visible{opacity:1;transform:translateY(0);} .scale-y-native.visible{transform:scaleY(1);} @media (prefers-reduced-motion:reduce){.fade-up-native,.fade-down-native,.scale-y-native{opacity:1 !important;transform:none !important;transition:none !important;} } .cookie-banner{position:fixed;bottom:0;left:0;width:100%;background-color:rgba(18,18,18,0.95);backdrop-filter:blur(10px);border-top:1px solid rgba(255,218,98,0.3);color:var(--text-white);padding:20px 0 calc(20px + env(safe-area-inset-bottom,0px));z-index:9999;transform:translateY(100%);transition:transform 0.5s ease-in-out;box-shadow:0 -10px 30px rgba(0,0,0,0.5);} .cookie-banner.show{transform:translateY(0);} .cookie-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;gap:20px;} .cookie-content p{margin:0;font-size:0.9rem;line-height:1.5;color:var(--text-muted);} @media (max-width:768px){.cookie-content{flex-direction:column;text-align:center;} .cookie-buttons{width:100%;} .cookie-buttons button{width:100%;} }@media (max-width:991px){.desktop-text{display:none !important}}@media (min-width:992px){.mobile-text{display:none !important}.hero-benefits .bucket-box{font-size:0.82rem !important}}
.hero-home{background-image:url('./assets/background.png');background-size:cover;background-position:center;background-repeat:no-repeat}