:root{--primary-color: #dca247;--dark-bg: #0a0a0a;--light-bg: #181818;--text-color: #f5f5f5;--secondary-text: #c0c0c0;--max-width: 1200px;--sidebar-width: 280px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif;background:var(--dark-bg);color:var(--text-color);line-height:1.6;display:flex}.sidebar{width:var(--sidebar-width);background:var(--light-bg);height:100vh;position:fixed;left:0;top:0;display:flex;flex-direction:column;justify-content:space-between;padding:2rem 1.5rem;border-right:1px solid rgba(255,255,255,.1);z-index:1000}.sidebar .logo{width:180px;margin:0 auto 2rem}.sidebar .nav{flex:1;display:flex;flex-direction:column;gap:1rem}.sidebar .nav a{color:var(--text-color);text-decoration:none;padding:.75rem 1rem;border-radius:6px;transition:all .3s ease;font-weight:500;font-size:.95rem;position:relative}.sidebar .nav a:hover{background:#dca2471a;color:var(--primary-color)}.sidebar .nav a.active{background:var(--primary-color);color:var(--dark-bg)}.sidebar .nav a.active:before{content:"";position:absolute;left:-1.5rem;top:50%;transform:translateY(-50%);width:4px;height:20px;background:var(--primary-color);border-radius:0 2px 2px 0}.sidebar .cookie-btn{background:var(--primary-color);color:var(--dark-bg);border:none;padding:.75rem 1rem;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;transition:background .3s ease;margin-top:auto}.sidebar .cookie-btn:hover{background:#c58e36}.main-content{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));min-height:100vh}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}.hero{position:relative;background:linear-gradient(135deg,var(--dark-bg) 0%,#1a1a1a 100%);height:85vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 1rem;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/hero.jpg) no-repeat center/cover;opacity:.3;z-index:0}.hero .content{position:relative;z-index:1;max-width:800px}.hero .logo{width:360px;max-width:80%;margin:0 auto 2rem}.hero h1{font-size:3.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(45deg,var(--text-color),var(--primary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p.subtitle{font-size:1.25rem;color:var(--secondary-text);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.hero .cta-btn{display:inline-block;background:var(--primary-color);color:var(--dark-bg);padding:1rem 2rem;border-radius:8px;font-weight:600;font-size:1.1rem;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.hero .cta-btn:hover{background:#c58e36;transform:translateY(-2px);box-shadow:0 10px 25px #dca2474d;text-decoration:none}.features{background:var(--dark-bg);padding:6rem 1rem}.features .container{max-width:var(--max-width);margin:0 auto}.features h2{text-align:center;font-size:2.5rem;margin-bottom:1rem;font-weight:700;color:var(--text-color)}.features .subtitle{text-align:center;color:var(--secondary-text);font-size:1.1rem;margin-bottom:4rem;max-width:600px;margin-left:auto;margin-right:auto}.features .feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem}.feature{background:var(--light-bg);padding:2.5rem;border-radius:12px;text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden}.feature:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-color),#c58e36);transform:scaleX(0);transition:transform .3s ease}.feature:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d;border-color:#dca24733}.feature:hover:before{transform:scaleX(1)}.feature svg{width:60px;height:60px;fill:var(--primary-color);margin-bottom:1.5rem}.feature h3{font-size:1.5rem;margin-bottom:1rem;font-weight:600;color:var(--text-color)}.feature p{font-size:1rem;color:var(--secondary-text);line-height:1.7}.workflow{background:var(--dark-bg);padding:6rem 1rem;position:relative;overflow:hidden}.workflow:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/hero.jpg) no-repeat center/cover;opacity:.05;z-index:0}.workflow .container{max-width:var(--max-width);margin:0 auto;position:relative;z-index:1}.workflow h2{text-align:center;font-size:2.5rem;margin-bottom:1rem;font-weight:700;color:var(--text-color)}.workflow .subtitle{text-align:center;color:var(--secondary-text);font-size:1.1rem;margin-bottom:4rem;max-width:700px;margin-left:auto;margin-right:auto}.onboarding-timeline{margin-bottom:6rem}.onboarding-timeline h3{text-align:center;font-size:2rem;margin-bottom:3rem;color:var(--primary-color);font-weight:600}.timeline{position:relative;padding:2rem 0}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary-color),rgba(220,162,71,.3));transform:translate(-50%)}.timeline-item{display:flex;margin-bottom:4rem;position:relative}.timeline-item:nth-child(odd){flex-direction:row}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-content{flex:1;background:var(--light-bg);padding:2.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);position:relative;transition:all .3s ease}.timeline-item:nth-child(odd) .timeline-content{margin-right:3rem}.timeline-item:nth-child(2n) .timeline-content{margin-left:3rem}.timeline-content:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000004d;border-color:#dca2474d}.timeline-number{position:absolute;left:50%;transform:translate(-50%);width:60px;height:60px;background:var(--primary-color);color:var(--dark-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;z-index:2;border:4px solid var(--dark-bg);box-shadow:0 4px 15px #dca2474d}.timeline-content h4{font-size:1.5rem;margin-bottom:1rem;color:var(--primary-color);font-weight:600}.timeline-content p{color:var(--secondary-text);line-height:1.8;margin-bottom:1rem}.timeline-content ul{list-style:none;padding-left:0;margin-top:1rem}.timeline-content ul li{color:var(--secondary-text);padding:.5rem 0 .5rem 1.5rem;position:relative}.timeline-content ul li:before{content:"→";position:absolute;left:0;color:var(--primary-color);font-weight:700}.project-phases{background:var(--light-bg);padding:4rem;border-radius:16px;margin-bottom:4rem;border:1px solid rgba(255,255,255,.1)}.project-phases h3{text-align:center;font-size:2rem;margin-bottom:2rem;color:var(--text-color);font-weight:600}.phases-flow{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem;margin-bottom:3rem}.phase-step{flex:1;min-width:150px;text-align:center;position:relative}.phase-step:after{content:"→";position:absolute;right:-2rem;top:50%;transform:translateY(-50%);color:var(--primary-color);font-size:2rem;font-weight:700}.phase-step:last-child:after{display:none}.phase-icon{width:80px;height:80px;background:var(--dark-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;border:3px solid var(--primary-color);transition:all .3s ease}.phase-step:hover .phase-icon{transform:scale(1.1);box-shadow:0 10px 25px #dca2474d}.phase-icon svg{width:40px;height:40px;fill:var(--primary-color)}.phase-step h4{color:var(--text-color);font-size:1.1rem;margin-bottom:.5rem;font-weight:600}.phase-step p{color:var(--secondary-text);font-size:.9rem}.process-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.process-card{background:var(--dark-bg);padding:2rem;border-radius:12px;border-left:4px solid var(--primary-color);transition:all .3s ease}.process-card:hover{transform:translate(5px);box-shadow:0 10px 25px #0000004d}.process-card h4{color:var(--primary-color);font-size:1.3rem;margin-bottom:1rem;font-weight:600}.process-card ul{list-style:none;padding-left:0}.process-card ul li{color:var(--secondary-text);padding:.4rem 0 .4rem 1.5rem;position:relative}.process-card ul li:before{content:"•";position:absolute;left:0;color:var(--primary-color);font-weight:700;font-size:1.2rem}.about{background:var(--light-bg);padding:6rem 1rem}.about .container{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about .image{position:relative}.about .image img{width:100%;border-radius:12px;box-shadow:0 20px 40px #0000004d}.about .content{padding-left:2rem}.about h2,.about .about-title-desktop,.about .about-title-mobile{font-size:2.5rem;margin-bottom:1.5rem;font-weight:700;color:var(--text-color)}.about .about-title-mobile{display:none}.about .about-title-desktop{display:block}.about p{font-size:1.1rem;color:var(--secondary-text);margin-bottom:1.5rem;line-height:1.8}.about .team-info{background:var(--dark-bg);padding:1.5rem;border-radius:8px;margin-top:2rem;border-left:4px solid var(--primary-color)}.about .team-info h4{color:var(--primary-color);font-size:1.2rem;margin-bottom:.5rem;font-weight:600}.about .team-info p{color:var(--secondary-text);font-size:.95rem;margin-bottom:0}.about .cta-btn{display:inline-block;background:var(--primary-color);color:var(--dark-bg);padding:.8rem 1.8rem;border-radius:8px;font-weight:600;font-size:1rem;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;margin-top:2rem}.about .cta-btn:hover{background:#c58e36;transform:translateY(-2px);box-shadow:0 10px 25px #dca2474d;text-decoration:none}.footer{background:#000;padding:3rem 1rem;color:var(--secondary-text);font-size:.85rem}.footer .container{max-width:var(--max-width);margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem}.footer .logo{width:180px;margin-bottom:1rem}.footer .links{display:flex;flex-direction:column;gap:.3rem}.footer .links a{color:var(--secondary-text);font-size:.9rem}.footer .links a:hover{color:var(--primary-color)}.footer .contact{display:flex;flex-direction:column;gap:.4rem}.footer .contact span{color:var(--secondary-text);font-size:.9rem}.footer .copyright{width:100%;text-align:center;margin-top:2rem;color:var(--secondary-text);font-size:.8rem}.mobile-cookie-btn.cookie-btn-icon,.desktop-cookie-btn-icon.cookie-btn-icon{position:fixed;bottom:20px;right:20px;width:56px;height:56px;background:#000;border:none;border-radius:50%;cursor:pointer;z-index:1000;box-shadow:0 4px 12px #0006;transition:all .3s ease;padding:0;display:none;align-items:center;justify-content:center}.mobile-cookie-btn.cookie-btn-icon:hover,.desktop-cookie-btn-icon.cookie-btn-icon:hover{transform:scale(1.1);box-shadow:0 6px 16px #00000080}.mobile-cookie-btn.cookie-btn-icon svg,.desktop-cookie-btn-icon.cookie-btn-icon svg{width:24px;height:24px;fill:#fff}@media (max-width: 1024px){.feature{flex:1 1 calc(50% - 2rem)}.about{padding:4rem 1rem}.about .container{display:flex;flex-direction:column;gap:2rem}.about .about-title-mobile{display:block;order:1;text-align:center;margin-bottom:2rem;font-size:2rem}.about .image{order:2;width:100%;margin-bottom:2rem}.about .content{order:3;padding-left:0;width:100%}.about .about-title-desktop{display:none}}@media (max-width: 768px){body{flex-direction:column}.sidebar{width:100%;height:auto;position:relative;padding:1rem;border-right:none;border-bottom:1px solid rgba(255,255,255,.1);justify-content:flex-start}.sidebar .nav{flex-direction:row;overflow-x:auto;gap:.5rem;margin-bottom:1rem}.sidebar .nav a{white-space:nowrap;padding:.5rem 1rem}.sidebar .cookie-btn{display:none!important}.sidebar{margin-bottom:25px}.main-content{margin-left:0;width:100%;padding-bottom:90px}.hero h1{font-size:2.5rem}.hero .logo{display:none}.hero .content{padding-top:25px}.feature{flex:1 1 100%}.about{padding:3rem 1rem}.about .container{display:flex;flex-direction:column;gap:2rem}.about .about-title-mobile{display:block;order:1;text-align:center;margin-bottom:1.5rem;font-size:1.75rem}.about .image{order:2;width:100%;margin-bottom:1.5rem}.about .content{order:3;padding-left:0;width:100%}.about .about-title-desktop{display:none}.timeline:before{left:30px}.timeline-item{flex-direction:column!important}.timeline-item:nth-child(odd) .timeline-content,.timeline-item:nth-child(2n) .timeline-content{margin-left:4rem;margin-right:0}.timeline-number{left:30px}.phases-flow{flex-direction:column}.phase-step:after{content:"↓";right:auto;bottom:-2rem;top:auto;transform:none}.phase-step:last-child:after{display:none}.project-phases{padding:2rem 1.5rem}.mobile-cookie-btn.cookie-btn-icon{display:flex}.desktop-cookie-btn-icon.cookie-btn-icon{display:none!important}}@media (min-width: 769px){.mobile-cookie-btn.cookie-btn-icon{display:none!important}.desktop-cookie-btn-icon.cookie-btn-icon{display:flex!important}.desktop-cookie-btn-text{display:block}}