:root{--color-dark-blue:#00177b;--color-light-blue:#0056b3;--color-green:#8cc63f;--bg-base:#001365;--bg-surface:#111218;--bg-surface-elevated:rgba(255,255,255,0.03);--text-primary:#ffffff;--text-secondary:#eaecf1;--text-muted:#6b7280;--gradient-primary:linear-gradient(135deg,var(--color-light-blue) 0%,var(--color-dark-blue) 100%);--gradient-accent:linear-gradient(135deg,var(--color-light-blue) 0%,var(--color-green) 100%);--font-heading:'Outfit',sans-serif;--font-body:'Inter',sans-serif;--container-max:1200px;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:6rem;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1);--glass-bg:rgba(17,18,24,0.6);--glass-border:rgba(255,255,255,0.08);--glass-shadow:0 8px 32px 0 rgba(0,0,0,0.3)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-base);color:var(--text-primary);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:800;line-height:1.2;margin-bottom:var(--spacing-sm);color:var(--text-primary)}p{color:var(--text-secondary);margin-bottom:var(--spacing-sm)}a{text-decoration:none;color:inherit;transition:var(--transition)}img{max-width:100%;height:auto;display:block}ul{list-style:none}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--spacing-md)}.text-center{text-align:center}.text-gradient{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg)}.light-blue-gradient{background:linear-gradient(135deg,#4da7e8 0%,var(--color-light-blue) 100%)}.green-gradient{background:linear-gradient(135deg,#a5d666 0%,var(--color-green) 100%)}.dark-blue-gradient{background:linear-gradient(135deg,#334ab3 0%,var(--color-dark-blue) 100%)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:0.8rem 1.8rem;font-family:var(--font-heading);font-weight:600;font-size:1rem;border-radius:50px;cursor:pointer;border:none;transition:var(--transition);gap:0.5rem;position:relative;overflow:hidden;z-index:1;text-decoration:none}.btn .material-icons{font-size:1.2rem;transition:transform 0.3s ease}.btn:hover .material-icons{transform:translateX(5px)}.btn-primary{background:var(--gradient-primary);color:white;box-shadow:0 4px 15px rgba(0,125,211,0.4)}.btn-primary::before{content:'';position:absolute;inset:-2px;background:var(--color-green);z-index:-1;transform:scaleX(0);transform-origin:right;transition:transform 0.4s cubic-bezier(0.86,0,0.07,1)}.btn-primary:hover{color:var(--color-dark-blue);box-shadow:0 6px 20px rgba(140,198,63,0.4)}.btn-primary:hover::before{transform:scaleX(1);transform-origin:left}.btn-secondary{background:transparent;color:white;border:1px solid rgba(255,255,255,0.2)}.btn-secondary::before{content:'';position:absolute;inset:-2px;background:var(--color-green);z-index:-1;transform:scaleX(0);transform-origin:right;transition:transform 0.4s cubic-bezier(0.86,0,0.07,1)}.btn-secondary:hover{color:var(--color-dark-blue);border-color:transparent}.btn-secondary:hover::before{transform:scaleX(1);transform-origin:left}.btn-large{padding:1rem 2.5rem;font-size:1.1rem}.btn-primary-small{background:var(--color-light-blue);color:white;padding:0.5rem 1.2rem;border-radius:var(--radius-sm);font-family:var(--font-heading);font-weight:600;transition:var(--transition);display:inline-flex;align-items:center;gap:0.2rem;white-space:nowrap}.btn-primary-small .material-icons{font-size:1.2rem}.btn-primary-small:hover{background:var(--color-green)}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1.2rem 0;transition:var(--transition);background:transparent}.navbar.scrolled{background:#001365;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:0.8rem 0}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:100%;padding:0 4%}.logo{display:flex;align-items:center}.logo img{height:45px;width:auto;display:block}.nav-menu ul{display:flex;align-items:center;gap:2rem}.nav-menu a:not(.btn-primary-small){font-weight:700;color:var(--text-secondary);display:flex;align-items:center;gap:0.4rem;white-space:nowrap}.nav-menu a:not(.btn-primary-small) .material-icons{font-size:1.2rem}.nav-menu a:not(.btn-primary-small):hover,.nav-menu a.active{color:var(--color-green)}.mobile-menu-btn{display:none;background:none;border:none;color:white;cursor:pointer}.hero{position:relative;padding:calc(var(--spacing-xl) + 4vw) 0 calc(var(--spacing-xl) + 6vw) 0;min-height:60vh;display:flex;align-items:center;overflow:hidden}#lowpoly-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;opacity:0.5;background:#00177b}.code-overlay{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1;display:block;padding:12vh 5vw 0 5vw;opacity:0.30;mask-image:linear-gradient(to bottom,black 0%,rgba(0,0,0,0.15) 35%,rgba(0,0,0,0.15) 65%,black 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,rgba(0,0,0,0.15) 35%,rgba(0,0,0,0.15) 65%,black 100%)}.typing-code-container{width:100%;max-width:900px;margin:0}.typing-code-container pre{font-family:'Courier New',Courier,monospace;font-size:1rem;line-height:1.6;color:#ffffff;white-space:pre-wrap;margin:0}.cursor{animation:blink 1s step-end infinite;color:#8cc63f;display:inline-block}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.hero-logo-left{display:flex;justify-content:center;align-items:center;z-index:10}.hero-logo-left img{max-width:100%;width:350px;height:auto}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.badge{display:inline-block;padding:0.4rem 1rem;background:#8cc63f;color:var(--color-dark-blue);border-radius:2rem;font-size:0.85rem;font-weight:600;margin-bottom:1.5rem;letter-spacing:0.5px;text-transform:uppercase}.hero-title{font-size:3.5rem;margin-bottom:1.5rem}.hero-subtitle{font-size:1.1rem;margin-bottom:2.5rem;max-width:500px}.hero-actions{display:flex;gap:1rem}.placeholder-hero-image{position:relative;width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;overflow:hidden}.placeholder-content{text-align:center;z-index:2}.icon-xl{font-size:4rem;margin-bottom:1rem;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.placeholder-content h3{font-size:1.5rem;margin-bottom:0.5rem}.placeholder-content p{font-size:0.9rem}.geometric-shape{position:absolute;border-radius:50%;filter:blur(40px);z-index:1;opacity:0.4;animation:float 10s infinite alternate}.shape-1{width:200px;height:200px;background:var(--color-light-blue);top:10%;left:10%}.shape-2{width:250px;height:250px;background:var(--color-dark-blue);bottom:10%;right:10%;animation-delay:-5s}.shape-3{width:150px;height:150px;background:var(--color-green);top:40%;right:30%;animation-duration:15s}@keyframes float{0%{transform:translate(0,0)}100%{transform:translate(30px,30px)}}.hero-transition-band{position:relative;z-index:9;margin-top:-6vw;height:10vw;background:linear-gradient(to right,#00a2ff,#00177b,#8a008a,#e60000,#ff7300,#ffcc00,#8cc63f);clip-path:polygon(0 4vw,50% 0,100% 2vw,100% 100%,0 100%);animation:morphBand 24s ease-in-out infinite alternate}@keyframes morphBand{0%{clip-path:polygon(0 4vw,50% 0,100% 2vw,100% 100%,0 100%)}50%{clip-path:polygon(0 0vw,30% 4vw,100% 1vw,100% 100%,0 100%)}100%{clip-path:polygon(0 2vw,70% 1vw,100% 4vw,100% 100%,0 100%)}}.services{padding:calc(var(--spacing-lg) + 6vw) 0 calc(var(--spacing-xl) * 1.5) 0;position:relative;z-index:10;margin-top:-10vw;background:url('assets/marketing_group_bg.webp') center center fixed;background-size:cover;clip-path:polygon(0 8vw,50% 0,100% 6vw,100% 100%,0 100%);animation:morphServices 24s ease-in-out infinite alternate}@keyframes morphServices{0%{clip-path:polygon(0 8vw,50% 0,100% 6vw,100% 100%,0 100%)}50%{clip-path:polygon(0 4vw,30% 4vw,100% 5vw,100% 100%,0 100%)}100%{clip-path:polygon(0 6vw,70% 1vw,100% 8vw,100% 100%,0 100%)}}.section-header{margin-bottom:var(--spacing-md)}.section-header h2{font-size:2.5rem}.pill-title{display:inline-block;background:var(--color-dark-blue);color:white;padding:0.8rem 2.5rem;border:2px solid white;border-radius:50px;box-shadow:0 10px 30px rgba(0,23,123,0.3)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.service-card{background:radial-gradient(circle at top center,var(--color-light-blue),var(--color-dark-blue));color:white;border:2px solid white;border-radius:var(--radius-lg);padding:1.5rem 2rem;transition:var(--transition);position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.2);text-align:center;display:flex;flex-direction:column;align-items:center}.service-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:10px;background:var(--color-green);transform:scaleX(0);transform-origin:left;transition:transform 0.4s ease}.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.4)}.service-card:hover::before{transform:scaleX(1)}.service-card-header{display:flex;align-items:center;justify-content:center;margin-bottom:1rem;width:100%}.service-icon{width:50px;height:50px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.service-icon .material-icons{color:white;font-size:2rem}.service-card h3{font-size:1.8rem;margin-bottom:0}.service-btn{display:inline-flex;align-items:center;gap:0.5rem;background:transparent;color:white;padding:0.8rem 1.5rem;border-radius:50px;font-weight:600;font-size:0.95rem;margin-top:1rem;transition:var(--transition);border:1px solid rgba(255,255,255,0.4);text-decoration:none;position:relative;overflow:hidden;z-index:1}.service-btn::before{content:'';position:absolute;inset:-2px;background:var(--color-green);z-index:-1;transform:scaleX(0);transform-origin:right;transition:transform 0.4s cubic-bezier(0.86,0,0.07,1)}.service-btn:hover{color:var(--color-dark-blue);border-color:transparent;box-shadow:0 10px 20px rgba(140,198,63,0.2)}.service-btn:hover::before{transform:scaleX(1);transform-origin:left}.service-btn .material-icons{font-size:1.2rem;transition:transform 0.3s ease}.service-btn:hover .material-icons{transform:translateX(5px)}.pricing-section{padding:var(--spacing-md) 0 var(--spacing-xl) 0;background:url('assets/bg-blue-1536x1140.webp') center/cover no-repeat;position:relative;z-index:1}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.pricing-card{background:var(--color-dark-blue);color:white;border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-lg);padding:3rem 2rem;transition:var(--transition);position:relative;display:flex;flex-direction:column}.pricing-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.4);border-color:rgba(255,255,255,0.2)}.pricing-card.highlighted{background:radial-gradient(circle at top center,var(--color-light-blue),var(--color-dark-blue));border:5px solid var(--color-green);transform:scale(1.05);z-index:2}.pricing-card.highlighted:hover{transform:scale(1.05) translateY(-10px)}.popular-badge{position:absolute;top:0;right:2rem;background:var(--color-green);color:var(--color-dark-blue);padding:0.5rem 1rem;font-size:0.85rem;font-weight:700;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px;border-radius:0 0 var(--radius-sm) var(--radius-sm)}.pricing-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,0.1)}.pricing-header h3{font-size:1.8rem;margin-bottom:0.5rem}.pricing-header p{color:var(--text-secondary);font-size:0.95rem}.pricing-amount{margin:1.5rem 0}.pricing-amount .starting-at{font-size:0.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:0.3rem;display:block}.pricing-amount .price-value{font-size:3rem;font-family:var(--font-heading);font-weight:800;color:white;line-height:1;display:flex;align-items:center;justify-content:center}.pricing-amount .price-value .month{font-size:1.2rem;color:var(--text-secondary);font-weight:500;margin-left:0.2rem}.pricing-amount .setup-fee{font-size:0.9rem;color:var(--color-green);margin-top:0.5rem;font-weight:600}.pricing-features{flex-grow:1;margin-bottom:2rem}.pricing-features ul{list-style:none;padding:0;margin:0}.pricing-features li{display:flex;align-items:center;gap:0.8rem;margin-bottom:1rem;font-size:0.95rem}.pricing-features .material-icons{color:var(--color-green);font-size:1.2rem}@media (max-width:992px){.pricing-card.highlighted{transform:scale(1)}.pricing-card.highlighted:hover{transform:translateY(-10px)}}.features-grid-2x2{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:3rem}.feature-block{border:5px solid var(--color-dark-blue);border-radius:var(--radius-md);padding:2.5rem;transition:var(--transition)}.feature-block:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,23,123,0.1)}.feature-title-with-icon{display:flex;align-items:center;gap:0.8rem;font-size:1.8rem;margin-bottom:1.5rem;color:var(--color-dark-blue)}.feature-title-with-icon .material-icons{font-size:2.5rem;color:var(--color-green);background:var(--color-dark-blue);border-radius:50%;padding:0.5rem;box-shadow:0 4px 10px rgba(0,0,0,0.1)}.feature-block p{font-size:1.1rem;color:var(--color-dark-blue);line-height:1.7;margin-bottom:1rem}@media (max-width:992px){.features-grid-2x2{grid-template-columns:1fr;gap:2rem}}.process{padding:calc(var(--spacing-lg) + 6vw) 0 calc(var(--spacing-xl) + 6vw) 0;background:var(--color-green);position:relative;z-index:20;margin-top:-6vw;clip-path:polygon(0 2vw,30% 6vw,100% 0,100% 100%,0 100%);animation:morphProcess 14s ease-in-out infinite alternate}@keyframes morphProcess{0%{clip-path:polygon(0 2vw,30% 6vw,100% 0,100% 100%,0 100%)}50%{clip-path:polygon(0 5vw,60% 0vw,100% 6vw,100% 100%,0 100%)}100%{clip-path:polygon(0 0vw,40% 4vw,100% 2vw,100% 100%,0 100%)}}.process .section-header h2{color:var(--color-dark-blue)}.process .section-header p{color:#1a2a5c;font-weight:500}.process-timeline{position:relative;max-width:800px;margin:0 auto}.timeline-line{position:absolute;top:0;bottom:0;left:40px;width:2px;background:rgba(0,23,123,0.2)}.process-step{display:flex;margin-bottom:1rem;position:relative;z-index:2}.process-step:last-child{margin-bottom:0}.step-indicator{width:82px;flex-shrink:0;display:flex;justify-content:center}.step-number{width:50px;height:50px;border-radius:50%;background:white;border:2px solid var(--color-dark-blue);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:800;color:var(--color-dark-blue);box-shadow:0 0 15px rgba(0,23,123,0.2);position:relative;z-index:10}.step-icon{width:65px;height:65px;flex-shrink:0}.step-content{flex-grow:1;padding:2rem;margin-left:2rem;transition:transform 0.3s ease}.step-content-flex{display:flex;align-items:center;gap:1.5rem}.step-text{flex-grow:1}.step-badge{display:inline-block;background:var(--color-dark-blue);color:white;padding:0.2rem 0.6rem;border-radius:var(--radius-lg);font-size:0.85rem;font-weight:700;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px}.process .step-content.glass-panel{background:rgba(255,255,255,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.8);box-shadow:0 8px 32px 0 rgba(0,23,123,0.1)}.step-content:hover{transform:translateX(10px)}.step-content h3{color:var(--color-dark-blue);margin-bottom:0.5rem;font-size:1.4rem;display:flex;align-items:center;gap:0.8rem}.step-content p{margin:0;color:#333333}.highlight-border{border:2px solid var(--color-dark-blue) !important;box-shadow:0 0 20px rgba(0,23,123,0.15) !important}.highlight-border h3{color:var(--color-dark-blue) !important}.faq-section{padding:calc(var(--spacing-lg) + 4vw) 0 var(--spacing-xl) 0;background:var(--color-dark-blue);position:relative;z-index:21;margin-top:-6vw;clip-path:polygon(0 4vw,75% 0,100% 6vw,100% 100%,0 100%)}.faq-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}details.faq-accordion{background:rgba(255,255,255,0.05);border:5px solid rgba(255,255,255,0.1);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition)}details.faq-accordion:hover{background:rgba(255,255,255,0.08)}details.faq-accordion[open]{background:rgba(0,23,123,0.2);border-color:var(--color-green)}summary.faq-summary{padding:1.5rem 2rem;font-size:1.2rem;font-weight:600;font-family:var(--font-heading);color:var(--text-primary);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}summary.faq-summary::-webkit-details-marker{display:none}summary.faq-summary::after{content:'expand_more';font-family:'Material Icons';font-size:1.5rem;color:var(--color-green);transition:transform 0.3s ease}details.faq-accordion[open] summary.faq-summary::after{transform:rotate(180deg)}.faq-content{padding:0 2rem 1.5rem 2rem;color:var(--text-secondary);line-height:1.8}.cta{padding:calc(var(--spacing-lg) + 4vw) 0 var(--spacing-lg) 0;position:relative;z-index:30;margin-top:-4vw;background:var(--color-light-blue);clip-path:polygon(0 0,70% 4vw,100% 0,100% 100%,0 100%);animation:morphCTA 10s ease-in-out infinite alternate}@keyframes morphCTA{0%{clip-path:polygon(0 0,70% 4vw,100% 0,100% 100%,0 100%)}50%{clip-path:polygon(0 3vw,40% 0vw,100% 3vw,100% 100%,0 100%)}100%{clip-path:polygon(0 1vw,80% 2vw,100% 0vw,100% 100%,0 100%)}}.cta-card{padding:3rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;background:linear-gradient(to right,var(--color-dark-blue),var(--color-light-blue))}.cta-content h2{font-size:2rem;margin-bottom:1rem}.cta-content p{font-size:1.1rem}.cta-action{text-align:center;padding:2rem;background:var(--color-dark-blue);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,0.05)}.cta-sub{font-size:1.1rem;margin-bottom:1.5rem}.cta-sub strong{font-size:1.5rem;color:white;display:block;margin:0.5rem 0;font-family:var(--font-heading)}footer{background:url('assets/bg-blue-angle.webp') center center no-repeat;background-size:cover;padding:var(--spacing-lg) 0 var(--spacing-md) 0}.footer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.footer-logo{display:flex;align-items:center}.footer-logo img{height:80px;width:auto;display:block}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.footer-links a{color:var(--text-secondary);font-weight:500;display:flex;align-items:center;gap:0.4rem;white-space:nowrap}.footer-links a .material-icons{font-size:1.2rem}.footer-links a:hover,.footer-links a.active{color:var(--color-green)}.footer-divider{height:1px;background:rgba(255,255,255,0.1);margin-bottom:2rem}.footer-bottom{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.disclosure{font-size:0.8rem;max-width:600px;color:var(--text-muted)}body:not(.home-page) .services,body:not(.home-page) .process,body:not(.home-page) .cta{animation:none !important}body:not(.home-page) .hero-transition-band{animation:none !important;height:6vw;margin-top:-5vw;clip-path:polygon(0 4vw,30% 0,100% 2vw,100% 4vw,30% 0,0 6vw)}body:not(.home-page) .pricing-section,body:not(.home-page) .portfolio-section{padding-top:calc(var(--spacing-xl));margin-top:-6vw;clip-path:polygon(0 6vw,30% 0,100% 4vw,100% 100%,0 100%)}.reveal{opacity:0;transform:translateY(30px);transition:opacity 0.8s ease,transform 0.8s ease}.reveal.active{opacity:1;transform:translateY(0)}.delay-1{transition-delay:0.2s}.delay-2{transition-delay:0.4s}@media (max-width:992px){.hero-container{grid-template-columns:1fr;text-align:center;gap:1.5rem}.cta-card{grid-template-columns:1fr;text-align:center}.hero-actions{justify-content:center}.hero-title{font-size:3rem}.hero-subtitle{margin-left:auto;margin-right:auto}.placeholder-hero-image{max-width:500px;margin:0 auto}}@media (max-width:1300px){.mobile-menu-btn{display:block}.nav-menu{position:fixed;top:70px;left:-100%;width:100%;height:calc(100vh - 70px);background:#001365;flex-direction:column;padding:2rem;transition:0.4s ease}.nav-menu.active{left:0}.nav-menu ul{flex-direction:column;width:100%;align-items:flex-start;gap:1.5rem}.nav-menu a:not(.btn-primary-small){font-size:1.25rem !important;display:flex !important;align-items:center !important;gap:0.8rem !important;padding:0.5rem 0;width:100%}.nav-menu a:not(.btn-primary-small) .material-icons{font-size:1.6rem !important}.nav-menu a.btn-primary-small{font-size:1.15rem !important;padding:0.7rem 1.5rem !important;display:inline-flex !important;width:auto !important;margin-top:0.5rem}}@media (max-width:768px){.logo img{height:35px}.hero-logo-left img{width:220px}.timeline-line{left:20px}.step-indicator{width:42px}.step-number{width:40px;height:40px;font-size:0.9rem}.step-content{margin-left:1rem;padding:1.5rem}.cta-card{padding:2rem}.cta-content h2{font-size:2rem}.footer-top{flex-direction:column;gap:1.5rem}}.hero-website{padding-top:8rem;padding-bottom:9rem;background:url('assets/web_design_group_bg.webp') top center/cover fixed}.hero-overlay-dark{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,23,123,1) 0%,rgba(0,23,123,0.6) 100%);z-index:1}.hero-content-wrapper{position:relative;z-index:2}.hero-content-centered{text-align:center;max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.text-white-centered{color:white;margin-left:auto;margin-right:auto}.justify-center{justify-content:center}.mt-1-5{margin-top:1.5rem}.text-white{color:white}.pricing-flags{display:flex;justify-content:center;gap:0.5rem;margin-top:0.8rem;opacity:0.8}.pricing-note{text-align:center;margin-top:3rem;background:rgba(0,0,0,0.2);padding:1.5rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,0.05)}.pricing-note p{color:var(--text-secondary);margin:0;font-size:1rem}.pricing-note .material-icons{color:var(--color-green);vertical-align:bottom;margin-right:0.5rem}.cta-redesign{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;align-items:center;position:relative;overflow:hidden;padding:1rem 3rem;background:linear-gradient(135deg,var(--bg-base) 0%,var(--color-dark-blue) 100%);border:5px solid var(--color-green);border-radius:var(--radius-lg);box-shadow:0 20px 50px rgba(0,0,0,0.3)}.cta-redesign-bg{position:absolute;top:-50%;left:-20%;width:600px;height:600px;background:radial-gradient(circle,var(--color-light-blue) 0%,transparent 70%);border-radius:50%;z-index:0}.cta-redesign-content{position:relative;z-index:1}.cta-redesign-content h2{font-size:2.5rem;line-height:1.2;margin-bottom:1.5rem}.cta-redesign-content p{font-size:1.15rem;color:var(--text-secondary);margin-bottom:2.5rem;max-width:90%}.cta-action-group{display:flex;gap:1.5rem;align-items:center}.cta-action-features{display:flex;flex-direction:column}.cta-feature-title{font-size:0.95rem;font-weight:700;color:var(--color-green);margin-bottom:0.2rem}.cta-feature-sub{font-size:0.85rem;color:var(--text-muted)}.cta-illustration{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;animation:float-slow 6s ease-in-out infinite}@keyframes float-slow{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}@media (max-width:992px){.cta-redesign{grid-template-columns:1fr;padding:3rem 2rem;text-align:center}.cta-action-group{flex-direction:column;justify-content:center}.cta-redesign-content p{max-width:100%}.cta-illustration{display:none}.cta-redesign-bg{display:none}}.hero-marketing{padding-top:8rem;padding-bottom:9rem;background:url('assets/marketing_group_bg.webp') center center/cover fixed;position:relative}.marketing-grid-3x1{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem}@media (max-width:768px){.marketing-grid-3x1{grid-template-columns:1fr}}.marketing-card{background:var(--bg-surface-elevated);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-lg);padding:2.5rem 2rem;transition:var(--transition);display:flex;flex-direction:column;align-items:center;text-align:center;backdrop-filter:blur(10px)}.marketing-card:hover{transform:translateY(-5px);border-color:var(--color-green);box-shadow:0 15px 30px rgba(0,0,0,0.3)}.marketing-card-icon{font-size:3rem;color:var(--color-green);margin-bottom:1.5rem}.marketing-card h3{font-size:1.5rem;margin-bottom:1rem;color:white}.marketing-card p{font-size:0.95rem;color:var(--text-secondary);line-height:1.6}.alert-card{background:rgba(140,198,63,0.1);border:2px solid var(--color-green);border-radius:var(--radius-lg);padding:3rem;margin-top:4rem;position:relative;overflow:hidden}.alert-card-title{display:flex;align-items:center;gap:0.8rem;font-size:2rem;color:white;margin-bottom:1.5rem}.alert-card-title .material-icons{color:var(--color-green);font-size:2.5rem}.alert-card p{font-size:1.1rem;line-height:1.7;margin-bottom:0}.journey-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem;position:relative}.journey-step{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);border-radius:var(--radius-md);padding:2rem;position:relative;transition:var(--transition)}.journey-step:hover{background:rgba(255,255,255,0.05);border-color:var(--color-light-blue)}.journey-badge{position:absolute;top:-15px;left:20px;background:var(--color-light-blue);color:white;padding:0.2rem 0.8rem;border-radius:20px;font-size:0.8rem;font-weight:700}.journey-step h4{font-size:1.3rem;margin-top:0.5rem;margin-bottom:0.8rem}@media (max-width:992px){.journey-flow{grid-template-columns:1fr;gap:3rem}}.marketing-page .pricing-section{padding-bottom:calc(var(--spacing-xl) * 2)}.marketing-page .process{padding-bottom:calc(var(--spacing-xl) * 0.75)}.services-marketing{position:relative}.services-marketing::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,19,101,0.9);z-index:1}.services-marketing .container{position:relative;z-index:2}.hero-printing{padding-top:8rem;padding-bottom:9rem;background:url('assets/bg-blue-1536x1140.webp') center center/cover fixed;position:relative}.hero-printing .hero-overlay-dark,.hero-tools .hero-overlay-dark,.hero-samples .hero-overlay-dark{background:linear-gradient(to bottom,rgba(0,23,123,0.55) 0%,rgba(0,23,123,0.15) 100%)}.printing-page .pricing-section{padding-bottom:calc(var(--spacing-xl) * 1.25)}.process .journey-step{background:rgba(255,255,255,0.5);border:2px solid var(--color-dark-blue)}.process .journey-step:hover{background:rgba(255,255,255,0.7);border-color:var(--color-dark-blue)}.process .journey-badge{background:var(--color-dark-blue);color:white}.process .marketing-card{background:rgba(255,255,255,0.5);border:2px solid var(--color-dark-blue)}.process .marketing-card h3{color:var(--color-dark-blue)}.process .marketing-card p{color:#1a2a5c}.process .marketing-card-icon{color:var(--color-dark-blue)}.process .marketing-card:hover{background:rgba(255,255,255,0.7);border-color:var(--color-dark-blue);box-shadow:0 15px 30px rgba(0,23,123,0.15)}.printing-grid-3x1{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}@media (max-width:992px){.printing-grid-3x1{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.printing-grid-3x1{grid-template-columns:1fr}}.printing-page .process{padding-bottom:var(--spacing-xl)}.hero-tools{padding-top:8rem;padding-bottom:9rem;background:url('assets/bg-blue-1536x1140.webp') center center/cover fixed;position:relative}.hero-samples{padding-top:8rem;padding-bottom:9rem;background:url('assets/bg-blue-1536x1140.webp') center center/cover fixed;position:relative}.tools-page .pricing-section{padding-bottom:calc(var(--spacing-xl) * 1.25)}.tools-grid-5x1{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;margin-top:3rem}.tools-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);border-radius:var(--radius-lg);padding:2.5rem;transition:var(--transition)}.tools-card:hover{background:rgba(255,255,255,0.05);border-color:var(--color-green);transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,0.3)}.tools-card h3{font-size:1.5rem;color:white;margin-bottom:1.5rem;display:flex;align-items:center;gap:0.5rem}.tools-card h3 .material-icons{color:var(--color-green)}.tools-card ol{padding-left:1.2rem;margin-bottom:0}.tools-card li{margin-bottom:1rem;color:var(--text-secondary);line-height:1.6}.tools-card li:last-child{margin-bottom:0}.tools-card li strong{color:white}.visualizer-card{background:var(--bg-surface-elevated);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-lg);padding:3rem;margin-top:3rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;backdrop-filter:blur(10px)}.visualizer-display{position:relative;width:100%;aspect-ratio:1.6 / 1;background:#001365;border:2px dashed rgba(255,255,255,0.1);border-radius:4px;padding:20px;display:flex;align-items:center;justify-content:center;overflow:hidden}.visualizer-bleed-box{position:absolute;width:calc(100% - 10px);height:calc(100% - 10px);border:2px solid #ff3b30;display:flex;align-items:center;justify-content:center}.visualizer-bleed-label{position:absolute;top:2px;left:10px;font-size:0.75rem;color:#ff3b30;font-weight:700}.visualizer-trim-box{position:absolute;width:calc(100% - 30px);height:calc(100% - 30px);border:2px dashed #ffcc00;display:flex;align-items:center;justify-content:center}.visualizer-trim-label{position:absolute;top:2px;left:10px;font-size:0.75rem;color:#ffcc00;font-weight:700}.visualizer-safe-box{position:absolute;width:calc(100% - 50px);height:calc(100% - 50px);border:2px solid var(--color-green);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;text-align:center;padding:10px}.visualizer-safe-label{position:absolute;top:2px;left:10px;font-size:0.75rem;color:var(--color-green);font-weight:700}.visualizer-demo-content h4{font-size:1.2rem;margin-bottom:0.2rem;color:white}.visualizer-demo-content p{font-size:0.75rem;margin:0;color:var(--text-secondary)}@media (max-width:992px){.visualizer-card{grid-template-columns:1fr;gap:2rem}}.calculator-dropdown{width:100%;padding:0.8rem 1.2rem;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.15);border-radius:var(--radius-sm);color:white;font-size:1rem;font-family:var(--font-heading);margin-bottom:1.5rem;outline:none;cursor:pointer;transition:var(--transition)}.calculator-dropdown:focus{border-color:var(--color-green);box-shadow:0 0 10px rgba(140,198,63,0.2)}.calculator-dropdown option{background:#111218;color:white}.print-portal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-top:3rem}.portal-card{background:linear-gradient(135deg,rgba(0,23,123,0.4) 0%,rgba(0,19,101,0.6) 100%);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-lg);padding:2.5rem 2rem;transition:var(--transition);display:flex;flex-direction:column;justify-content:space-between;height:100%;backdrop-filter:blur(10px);box-shadow:0 15px 35px rgba(0,0,0,0.2)}.portal-card:hover{transform:translateY(-8px);border-color:var(--color-green);box-shadow:0 20px 45px rgba(140,198,63,0.15)}.portal-card-header{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.5rem}.portal-icon{width:60px;height:60px;border-radius:var(--radius-md);background:radial-gradient(circle at center,var(--color-light-blue),var(--color-dark-blue));border:1px solid rgba(255,255,255,0.15);display:flex;align-items:center;justify-content:center;color:var(--color-green)}.portal-icon .material-icons{font-size:2.2rem}.portal-card h3{font-size:1.5rem;color:white;margin:0;font-family:var(--font-heading)}.portal-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem;font-size:0.95rem;flex-grow:1}.portal-actions{display:flex;flex-direction:column;gap:0.8rem;width:100%}.portal-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.8rem 1.5rem;border-radius:50px;font-weight:600;font-size:0.9rem;transition:var(--transition);text-decoration:none;text-align:center}.portal-btn-primary{background:var(--color-green);color:var(--color-dark-blue);border:2px solid var(--color-green)}.portal-btn-primary:hover{background:transparent;color:white;box-shadow:0 10px 20px rgba(140,198,63,0.2)}.portal-btn-secondary{background:transparent;color:white;border:2px solid rgba(255,255,255,0.2)}.portal-btn-secondary:hover{border-color:white;background:rgba(255,255,255,0.05)}.portal-badge{display:inline-block;align-self:flex-start;background:rgba(140,198,63,0.15);color:var(--color-green);padding:0.35rem 1.2rem;border-radius:50px;font-size:0.75rem;font-weight:700;text-transform:uppercase;margin-bottom:1.25rem;letter-spacing:0.5px}.tools-page #calculator.process{padding-bottom:calc(var(--spacing-xl) * 1.75)}.tools-page #calculator .visualizer-card{background:var(--color-dark-blue) !important;border:2px solid rgba(255,255,255,0.15) !important;box-shadow:0 20px 45px rgba(0,0,0,0.4)}.tools-page .services-marketing{position:relative !important;z-index:22 !important;background:#001365 !important;clip-path:polygon(0 6vw,30% 0,100% 4vw,100% 100%,0 100%) !important;margin-top:-6vw !important}.tools-page .services-marketing::before{display:none !important}.faq-green{background:var(--color-green) !important;z-index:23 !important}.faq-green .section-header h2{color:var(--color-dark-blue) !important}.faq-green .section-header p{color:#1a2a5c !important;font-weight:500}.faq-green details.faq-accordion{background:rgba(255,255,255,0.5) !important;border:2px solid var(--color-dark-blue) !important}.faq-green details.faq-accordion:hover{background:rgba(255,255,255,0.7) !important}.faq-green details.faq-accordion[open]{background:rgba(255,255,255,0.85) !important}.faq-green summary.faq-summary{color:var(--color-dark-blue) !important}.faq-green summary.faq-summary::after{color:var(--color-dark-blue) !important}.faq-green .faq-content{color:#1a2a5c !important;font-weight:500}.gallery-filters{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.gallery-grid{column-count:3;column-gap:2rem;margin-top:2rem;min-height:200px}@media (max-width:992px){.gallery-grid{column-count:2}}@media (max-width:576px){.gallery-grid{column-count:1;column-gap:0}}.gallery-item{background:#001365;border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-lg);padding:1.2rem;transition:var(--transition);display:inline-block;width:100%;margin-bottom:2rem;break-inside:avoid;overflow:hidden;backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,0.2)}.gallery-item:hover{transform:translateY(-8px);border-color:var(--color-green);box-shadow:0 15px 40px rgba(140,198,63,0.15)}.gallery-img-wrapper{width:100%;overflow:hidden;border-radius:var(--radius-sm);background:rgba(255,255,255,0.02);position:relative}.gallery-img{width:100%;height:auto;display:block;transition:transform 0.4s ease}.gallery-item:hover .gallery-img{transform:scale(1.08)}.gallery-caption{margin-top:1rem;color:white;font-weight:600;font-family:var(--font-heading);font-size:1.1rem;text-align:center;text-transform:uppercase;line-height:1.4}.gallery-loader{grid-column:1 / -1;column-span:all;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;color:var(--text-secondary)}.spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,0.1);border-radius:50%;border-top-color:var(--color-green);animation:spin 1s ease-in-out infinite;margin-bottom:1.5rem}@keyframes spin{to{transform:rotate(360deg)}}.gallery-error{grid-column:1 / -1;column-span:all;text-align:center;padding:3rem;background:rgba(255,59,48,0.1);border:1px dashed #ff3b30;border-radius:var(--radius-md);color:white}.gallery-setup-hint{margin-top:1rem;font-size:0.9rem;color:var(--text-secondary)}.portfolio-section{padding:var(--spacing-md) 0 var(--spacing-xl) 0;background:url('assets/portfolio_section_bg.webp') repeat;position:relative;z-index:1}.portfolio-header-container{background:#001365;border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-lg);padding:3.5rem;display:grid;grid-template-columns:1fr 1.2fr;gap:3.5rem;margin-bottom:3.5rem;box-shadow:0 15px 40px rgba(0,13,101,0.2);backdrop-filter:blur(10px)}@media (max-width:992px){.portfolio-header-container{grid-template-columns:1fr;gap:2.5rem;padding:2.5rem 2rem}}.portfolio-intro-text{display:flex;flex-direction:column;justify-content:center}.portfolio-intro-text h2{color:white;font-size:2.5rem;font-weight:900;font-family:var(--font-heading);margin-bottom:1.2rem;line-height:1.25}.portfolio-intro-text .intro-lead{color:rgba(255,255,255,0.85);font-size:1.1rem;line-height:1.65;margin:0}.portfolio-intro-services{display:flex;align-items:center}.portfolio-services-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.3rem;width:100%}.portfolio-services-list li{display:flex;gap:1rem;align-items:flex-start;color:rgba(255,255,255,0.9);font-size:0.95rem;line-height:1.55}.portfolio-services-list li span{color:var(--color-green);font-size:1.4rem;margin-top:0.1rem;flex-shrink:0}.portfolio-services-list li strong{color:var(--color-green);font-weight:700}.portfolio-section .gallery-filters{margin-bottom:3.5rem}.portfolio-section .filter-btn{background:#001365;color:white;border:1px solid rgba(255,255,255,0.15);font-weight:600}.portfolio-section .filter-btn.active{background:var(--color-green) !important;color:var(--color-dark-blue) !important;border-color:transparent !important}.portfolio-section .filter-btn:hover{color:var(--color-dark-blue)}.portfolio-section .spinner{border:3px solid rgba(0,19,101,0.15);border-top-color:var(--color-green)}.portfolio-section .gallery-loader p{color:var(--color-dark-blue);font-weight:600}.portfolio-section .gallery-error{color:#cc2b20;background:rgba(255,59,48,0.08);border:1px dashed #ff3b30;border-radius:var(--radius-md);padding:3rem}.portfolio-section .gallery-error p{color:var(--color-dark-blue);font-weight:600}.portfolio-section .gallery-error h4{color:#cc2b20;font-weight:700}.lightbox{display:none;position:fixed;z-index:9999;inset:0;background:rgba(0,19,101,0.96);align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease}.lightbox.active{display:flex;opacity:1}.lightbox-content{position:relative;max-width:85%;max-height:85%;display:flex;flex-direction:column;align-items:center}.lightbox-content img{max-width:100%;max-height:75vh;border-radius:var(--radius-md);box-shadow:0 10px 40px rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.15);object-fit:contain}.lightbox-caption{margin-top:1.5rem;color:white;font-family:var(--font-heading);font-size:1.3rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;text-align:center}.lightbox-close{position:absolute;top:2rem;right:2rem;color:white;font-size:2.5rem;cursor:pointer;transition:var(--transition)}.lightbox-close:hover{color:var(--color-green);transform:scale(1.1)}.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);color:white;font-size:3.5rem;cursor:pointer;user-select:none;transition:var(--transition);padding:1rem}.lightbox-prev:hover,.lightbox-next:hover{color:var(--color-green);transform:translateY(-50%) scale(1.1)}.lightbox-prev{left:2rem}.lightbox-next{right:2rem}@media (max-width:768px){.lightbox-prev,.lightbox-next{font-size:2.5rem}.lightbox-prev{left:0.5rem}.lightbox-next{right:0.5rem}}.placeholder-wrapper{background:rgba(255,255,255,0.03) !important;border:1px dashed rgba(255,255,255,0.15) !important}.placeholder-icon{font-size:3rem;color:rgba(255,255,255,0.15)}.portal-login-section{padding:8rem 0;background:url('assets/portfolio_section_bg.webp') repeat;min-height:80vh;display:flex;align-items:center;justify-content:center}.portal-login-card{background:#001365;border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-lg);padding:3.5rem 2.5rem;width:100%;max-width:480px;box-shadow:0 15px 40px rgba(0,13,101,0.25);color:white}.portal-login-card h2{font-size:2.2rem;font-weight:900;font-family:var(--font-heading);margin-bottom:0.5rem;text-align:center}.portal-login-card p{color:rgba(255,255,255,0.7);text-align:center;margin-bottom:2.5rem;font-size:0.95rem}.portal-form-group{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:0.5rem}.portal-form-group label{font-size:0.9rem;font-weight:600;color:var(--color-green)}.portal-form-group input{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.15);border-radius:var(--radius-sm);padding:0.8rem 1rem;color:white;font-size:1rem;transition:var(--transition)}.portal-form-group input:focus{outline:none;border-color:var(--color-green);background:rgba(255,255,255,0.08);box-shadow:0 0 10px rgba(140,198,63,0.2)}#toggle-password:hover{color:var(--color-green) !important}.portal-alert{background:rgba(255,59,48,0.15);border:1px solid #ff3b30;color:#ff3b30;padding:0.8rem;border-radius:var(--radius-sm);margin-bottom:1.5rem;font-size:0.9rem;display:none;text-align:center}.portal-page{background:#f8fafc;color:#1a2530;min-height:100vh;display:flex;flex-direction:column}.portal-dashboard-header{background:#001365;color:white;padding:1.5rem 0;box-shadow:0 4px 15px rgba(0,0,0,0.1)}.portal-header-wrapper{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.portal-header-title h1{font-size:1.8rem;font-weight:800;font-family:var(--font-heading);margin:0}.portal-header-title p{color:rgba(255,255,255,0.7);margin:0.2rem 0 0 0;font-size:0.9rem}.portal-header-actions{display:flex;gap:1rem;align-items:center}.portal-badge-admin{background:var(--color-green);color:var(--color-dark-blue);font-weight:700;padding:0.3rem 0.8rem;border-radius:50px;font-size:0.8rem;text-transform:uppercase}.portal-btn-logout{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:white;padding:0.6rem 1.2rem;border-radius:50px;cursor:pointer;font-family:var(--font-heading);font-size:0.9rem;font-weight:600;transition:var(--transition);display:inline-flex;align-items:center;gap:0.4rem}.portal-btn-logout:hover{background:rgba(255,59,48,0.2);border-color:#ff3b30;color:white}.portal-content-section{padding:4rem 0;flex:1}.portal-grid-container{display:grid;grid-template-columns:1fr;gap:2.5rem}.portal-card-box{background:white;border:1px solid rgba(0,19,101,0.08);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:0 10px 30px rgba(0,0,0,0.03)}.portal-card-box h3{color:var(--color-dark-blue);font-family:var(--font-heading);font-size:1.5rem;font-weight:800;margin-top:0;margin-bottom:1.5rem;display:flex;align-items:center;gap:0.5rem}.portal-table-wrapper{overflow-x:auto;margin-top:1rem}.portal-table{width:100%;border-collapse:collapse;text-align:left}.portal-table th{background:rgba(0,19,101,0.02);color:var(--color-dark-blue);font-family:var(--font-heading);font-weight:700;padding:1rem 1.2rem;border-bottom:2px solid rgba(0,19,101,0.05);font-size:0.95rem}.portal-table td{padding:1.2rem;border-bottom:1px solid rgba(0,19,101,0.05);vertical-align:middle;font-size:0.95rem;color:#333333}.portal-table tr:hover td{background:rgba(0,19,101,0.005)}.file-icon-wrapper{display:inline-flex;align-items:center;gap:0.8rem;font-weight:600;color:var(--color-dark-blue)}.file-icon-wrapper span.material-icons{font-size:1.6rem;flex-shrink:0}.file-icon-pdf{color:#ff3b30}.file-icon-image{color:#00a2ff}.file-icon-vector{color:var(--color-green)}.file-icon-doc{color:#ff9500}.portal-btn-action{padding:0.4rem 0.8rem;border-radius:var(--radius-sm);font-size:0.85rem;font-weight:600;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:0.3rem;transition:var(--transition);text-decoration:none}.portal-btn-download{background:rgba(140,198,63,0.1);color:#6a9c28;border-color:rgba(140,198,63,0.2)}.portal-btn-download:hover{background:var(--color-green);color:var(--color-dark-blue);border-color:transparent}.portal-btn-delete{background:rgba(255,59,48,0.1);color:#d32f2f;border-color:rgba(255,59,48,0.2)}.portal-btn-delete:hover{background:#ff3b30;color:white;border-color:transparent}.portal-btn-edit{background:rgba(0,162,255,0.1);color:#0088dd;border-color:rgba(0,162,255,0.2)}.portal-btn-edit:hover{background:#00a2ff;color:white;border-color:transparent}.portal-admin-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;align-items:flex-end;background:rgba(0,19,101,0.02);border:1px solid rgba(0,19,101,0.06);padding:1.25rem;border-radius:var(--radius-md)}.portal-admin-form .portal-form-group{margin-bottom:0 !important;gap:0.3rem !important}.portal-admin-form .portal-form-group input,.portal-admin-form .portal-form-group select,.portal-admin-form .portal-form-group textarea{background:white;color:#1a2530;border:1px solid rgba(0,19,101,0.15);padding:0.6rem 0.75rem !important;font-size:0.9rem !important}.portal-admin-form .portal-form-group input:focus,.portal-admin-form .portal-form-group select:focus,.portal-admin-form .portal-form-group textarea:focus{background:white;border-color:var(--color-green)}.portal-admin-form .portal-form-group label{color:var(--color-dark-blue);font-size:0.85rem !important;margin-bottom:0.15rem !important}.portal-admin-form button{height:38px !important;font-size:0.9rem !important;padding:0.5rem 1rem !important;margin-bottom:0px}.portal-no-data{text-align:center;padding:3rem 0;color:#777777}.portal-no-data span.material-icons{font-size:3rem;color:#cccccc;margin-bottom:1rem}.portal-page .navbar{background:#001365 !important;box-shadow:0 4px 15px rgba(0,0,0,0.1)}.portal-tabs{display:flex;gap:6px;margin-bottom:-1px;position:relative;z-index:10}.portal-tabs ~ .portal-grid-container .portal-card-box{border-top-left-radius:0;border-top-right-radius:0}.portal-tab-btn{background:var(--color-green);color:var(--color-dark-blue);border:1px solid rgba(0,19,101,0.08);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0;padding:0.65rem 1.25rem;font-family:var(--font-heading);font-weight:700;font-size:0.88rem;cursor:pointer;display:inline-flex;align-items:center;gap:0.5rem;transition:background-color 0.3s,color 0.3s}.portal-tab-btn.active{background:white;color:var(--color-dark-blue);border:1px solid rgba(0,19,101,0.08);border-bottom:2px solid white;padding-bottom:calc(0.65rem + 2px);box-shadow:0 -5px 15px rgba(0,0,0,0.02)}.portal-tab-btn:hover:not(.active){background:#001365;color:white}.portal-mobile-tabs{display:none}@media (max-width:991px){.btn{padding:0.6rem 1.4rem !important;font-size:0.95rem !important}.btn-large{padding:0.8rem 1.8rem !important;font-size:1rem !important}.btn-primary-small{padding:0.4rem 0.9rem !important;font-size:0.85rem !important}.portal-login-section,.hero-website,.hero-marketing,.hero-tools,.hero-printing{background-attachment:scroll !important}.portal-login-card{padding:1.5rem 1rem !important}.copyable-email-box{padding:0.8rem 0.5rem !important}.copyable-email-box a{font-size:0.95rem !important}.portal-card-box{padding:1.5rem 1rem !important}#panel-generator.portal-card-box{padding:1.25rem 0.9rem !important}.portal-tabs{display:none !important}.portal-mobile-tabs{display:block !important;width:100% !important;padding:0.9rem 1.2rem !important;font-family:var(--font-heading);font-weight:700;font-size:1rem;color:var(--color-dark-blue);background:white url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23001365%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E") no-repeat right 1.2rem center/0.65rem auto !important;border:1px solid rgba(0,19,101,0.08) !important;border-radius:var(--radius-md) !important;box-shadow:0 4px 10px rgba(0,0,0,0.02) !important;outline:none !important;appearance:none !important;-webkit-appearance:none !important;-moz-appearance:none !important;margin-bottom:1.5rem !important;cursor:pointer}.portal-table,.portal-table thead,.portal-table tbody,.portal-table th,.portal-table td,.portal-table tr{display:block !important;width:100% !important;box-sizing:border-box !important}.portal-table thead{display:none !important}.portal-table tr{margin-bottom:1.5rem !important;border:1px solid rgba(0,19,101,0.08) !important;border-radius:var(--radius-md) !important;background:rgba(0,19,101,0.01) !important;padding:1rem !important}.portal-table td{display:flex !important;flex-direction:column !important;align-items:stretch !important;padding:0.6rem 0 !important;border-bottom:1px dashed rgba(0,19,101,0.05) !important;text-align:left !important;font-size:0.9rem !important}.portal-table td:last-child{border-bottom:none !important;align-items:stretch !important;padding-top:0.8rem !important}.portal-table td::before{content:attr(data-label) !important;font-weight:700 !important;color:var(--color-dark-blue) !important;text-align:left !important;margin-right:1rem !important;margin-bottom:0.4rem !important;font-size:0.85rem !important;text-transform:uppercase !important;letter-spacing:0.03em !important}.portal-table td input,.portal-table td select,.portal-table td textarea{width:100% !important;box-sizing:border-box !important}.portal-table td.portal-no-data{display:block !important;width:100% !important;text-align:center !important;border:none !important;padding:2rem 1.5rem !important;box-sizing:border-box !important}.portal-table td.portal-no-data::before{display:none !important}.portal-table td[data-label="File Name"]{flex-direction:column !important;align-items:flex-start !important;text-align:left !important;gap:0.4rem !important}.portal-table td[data-label="File Name"]::before{margin-bottom:0.2rem !important;width:100% !important}.portal-table td[data-label="File Name"] .file-icon-wrapper{text-align:left !important;justify-content:flex-start !important;width:100% !important;display:flex !important;align-items:center !important;gap:0.8rem !important}.portal-table td[data-label="File Name"] .file-icon-wrapper span:last-child{word-break:break-all !important;white-space:normal !important;font-size:0.9rem !important;line-height:1.3 !important}.portal-table td[data-label="Linked Folder"]{flex-direction:column !important;align-items:flex-start !important;text-align:left !important;gap:0.4rem !important}.portal-table td[data-label="Linked Folder"]::before{margin-bottom:0.2rem !important;width:100% !important}.portal-table td[data-label="Linked Folder"] code{word-break:break-all !important;white-space:normal !important}.portal-table td[data-label="Client Name"] strong,.portal-table td[data-label="Username"] code,.portal-table td[data-label="Password"] code,.portal-table td[data-label="File Type"],.portal-table td[data-label="File Size"]{word-break:break-word !important;white-space:normal !important}#panel-files .portal-table,#panel-files .portal-table tbody,#panel-billing .portal-table,#panel-billing .portal-table tbody,#panel-logs .portal-table,#panel-logs .portal-table tbody,#panel-client-list .portal-table,#panel-client-list .portal-table tbody{display:block !important;width:100% !important}#panel-files .portal-table thead,#panel-billing .portal-table thead,#panel-logs .portal-table thead,#panel-client-list .portal-table thead{display:none !important}#panel-files .portal-table tr:not(.portal-empty-row),#panel-billing .portal-table tr:not(.portal-empty-row),#panel-logs .portal-table tr:not(.portal-empty-row){display:flex !important;flex-direction:row !important;align-items:stretch !important;gap:0.5rem !important;padding:0 0.75rem 0 0 !important;border:1px solid rgba(0,19,101,0.08) !important;border-radius:var(--radius-md) !important;background:white !important;margin-bottom:0.75rem !important;width:100% !important;box-sizing:border-box !important;overflow:hidden !important}#panel-client-list .portal-table tr{position:relative !important;display:block !important;padding:0.75rem !important;border:1px solid rgba(0,19,101,0.08) !important;border-radius:var(--radius-md) !important;background:white !important;margin-bottom:0.75rem !important;width:100% !important;box-sizing:border-box !important;overflow:hidden}#panel-client-list .portal-table tr.portal-sub-user-row{margin-left:0 !important;width:100% !important;border-left:3px solid var(--color-green) !important;background:#fbfbfc !important}#panel-files .portal-table td:first-child:not(.portal-no-data),#panel-billing .portal-table td:first-child:not(.portal-no-data),#panel-logs .portal-table td:first-child:not(.portal-no-data){display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:center !important;width:34px !important;padding:0 !important;border:none !important;border-right:1px solid rgba(0,19,101,0.08) !important;flex-shrink:0 !important;background:rgba(0,19,101,0.04) !important;align-self:stretch !important}#panel-files .portal-table td:first-child:not(.portal-no-data)::before,#panel-billing .portal-table td:first-child:not(.portal-no-data)::before,#panel-logs .portal-table td:first-child:not(.portal-no-data)::before{display:none !important}#panel-files .portal-table tr.portal-empty-row,#panel-billing .portal-table tr.portal-empty-row,#panel-logs .portal-table tr.portal-empty-row{display:block !important;width:100% !important;background:white !important;border:1px solid rgba(0,19,101,0.08) !important;border-radius:var(--radius-md) !important;margin-bottom:0.75rem !important;padding:0 !important;box-sizing:border-box !important}#panel-files .portal-table td[data-label="File Name"],#panel-billing .portal-table td[data-label="Document #"],#panel-logs .portal-table td[data-label="Doc Number"]{display:flex !important;flex-direction:column !important;align-items:flex-start !important;flex-grow:1 !important;min-width:0 !important;padding:0.75rem 0 !important;border:none !important;margin-left:0.25rem !important}#panel-client-list .portal-table td[data-label="Client Name"]{display:block !important;width:100% !important;padding:0 !important;border:none !important;margin:0 !important}#panel-client-list .portal-table td[data-label="Client Name"]>strong,#panel-client-list .portal-table td[data-label="Client Name"]>div:first-child{padding-right:155px !important;box-sizing:border-box !important;display:block !important}#panel-files .portal-table td[data-label="File Name"]::before,#panel-billing .portal-table td[data-label="Document #"]::before,#panel-logs .portal-table td[data-label="Doc Number"]::before,#panel-client-list .portal-table td[data-label="Client Name"]::before{display:none !important}#panel-files .portal-table td[data-label="File Name"] .file-icon-wrapper{display:flex !important;align-items:center !important;gap:0.5rem !important;width:100% !important}#panel-files .portal-table td[data-label="File Name"] .file-icon-wrapper span:last-child{word-break:break-word !important;white-space:normal !important;font-size:0.9rem !important;font-weight:600 !important;color:var(--color-dark-blue) !important}#panel-files .portal-table td[data-label="File Type"],#panel-files .portal-table td[data-label="File Size"],#panel-billing .portal-table td[data-label="Date"],#panel-billing .portal-table td[data-label="Type"],#panel-billing .portal-table td[data-label="Amount (CAD)"],#panel-logs .portal-table td[data-label="Date"],#panel-logs .portal-table td[data-label="Client"],#panel-logs .portal-table td[data-label="Type"],#panel-logs .portal-table td[data-label="Total Amount"],#panel-client-list .portal-table td[data-label="Username"],#panel-client-list .portal-table td[data-label="Linked Folder"]{display:none !important}#panel-files .portal-table td[data-label="Action"],#panel-billing .portal-table td[data-label="Actions"],#panel-logs .portal-table td[data-label="Actions"]{display:flex !important;align-items:center !important;justify-content:flex-end !important;width:auto !important;padding:0.75rem 0 !important;border:none !important;flex-shrink:0 !important;align-self:stretch !important;gap:0.4rem !important}#panel-client-list .portal-table td[data-label="Actions"]{position:absolute !important;top:0.75rem !important;right:0.75rem !important;padding:0 !important;margin:0 !important;width:auto !important;height:auto !important;border:none !important;background:none !important;display:block !important}#panel-files .portal-table td[data-label="Action"]::before,#panel-billing .portal-table td[data-label="Actions"]::before,#panel-logs .portal-table td[data-label="Actions"]::before,#panel-client-list .portal-table td[data-label="Actions"]::before{display:none !important}#panel-files .portal-table td[data-label="Action"] .portal-btn-action,#panel-billing .portal-table td[data-label="Actions"] .portal-btn-action,#panel-logs .portal-table td[data-label="Actions"] .portal-btn-action{margin:0 !important;padding:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;width:32px !important;height:32px !important;border-radius:50% !important}#panel-files .portal-table td[data-label="Action"] .portal-btn-action .btn-text-desktop,#panel-billing .portal-table td[data-label="Actions"] .portal-btn-action .btn-text-desktop,#panel-logs .portal-table td[data-label="Actions"] .portal-btn-action .btn-text-desktop{display:none !important}#panel-files .portal-table td[data-label="Action"] .portal-btn-action span.material-icons,#panel-billing .portal-table td[data-label="Actions"] .portal-btn-action span.material-icons,#panel-logs .portal-table td[data-label="Actions"] .portal-btn-action span.material-icons{margin:0 !important;font-size:1.1rem !important}#panel-client-list .portal-table td[data-label="Actions"] select{padding:0.45rem 1.75rem 0.45rem 0.55rem !important;font-size:0.8rem !important;min-width:125px !important;max-width:145px !important;display:inline-block !important;height:auto !important}#panel-files .file-meta-mobile,#panel-billing .file-meta-mobile,#panel-logs .file-meta-mobile,#panel-client-list .file-meta-mobile{display:block !important;font-size:0.75rem !important;color:#666 !important;margin-top:0.15rem !important;margin-left:0 !important}#panel-client-list .portal-table td[data-label="Client Name"] span,#panel-client-list .portal-table td[data-label="Client Name"] code{word-break:break-all !important;white-space:normal !important}#panel-files .file-meta-mobile{margin-left:2.1rem !important}#mobile-file-actions{display:flex !important}#panel-files .portal-table td input.file-item-checkbox,#panel-billing .portal-table td input.billing-item-checkbox,#panel-logs .portal-table td input.log-item-checkbox,#mobile-file-actions input#files-select-all-mobile{width:16px !important;height:16px !important;margin:0 !important;padding:0 !important;box-sizing:border-box !important;cursor:pointer !important}#panel-generator form>div,#portal-doc-form>div{flex-direction:column !important;gap:0.5rem !important}#panel-generator form .portal-form-group,#portal-doc-form .portal-form-group{width:100% !important;flex:none !important;min-width:100% !important}#portal-line-items-body .portal-line-item-row{display:grid !important;grid-template-columns:2.5fr 1fr 1fr 40px !important;grid-template-rows:auto auto !important;gap:0.5rem !important;padding:0.65rem !important;border:1px solid rgba(0,19,101,0.08) !important;border-radius:var(--radius-sm) !important;background:#fbfbfc !important;margin-bottom:0.65rem !important;width:100% !important;box-sizing:border-box !important}#portal-line-items-body .portal-line-item-row td{width:auto !important;display:block !important;padding:0 !important;border:none !important;background:none !important}#portal-line-items-body .portal-line-item-row td::before{display:none !important}#portal-line-items-body .portal-line-item-row td[data-label="Description"]{grid-column:span 4 !important;width:100% !important}#portal-line-items-body .portal-line-item-row td input{width:100% !important;padding:6px 8px !important;font-size:0.85rem !important}#portal-line-items-body .portal-line-item-row td[data-label="Remove"]{display:flex !important;align-items:center !important;justify-content:center !important}#portal-line-items-body .portal-line-item-row td[data-label="Remove"] button{margin:0 !important;margin-top:0 !important;height:28px !important;width:28px !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:0 !important;border-radius:50% !important;font-size:10px !important}}#panel-generator.portal-card-box{padding:1.75rem 2rem !important}#portal-doc-form .portal-form-group{margin-bottom:0.5rem !important;gap:0.2rem !important}#portal-doc-form input,#portal-doc-form select,#portal-doc-form textarea{padding:0.5rem 0.75rem !important;font-size:0.9rem !important}#portal-doc-form select{padding-right:2.5rem !important}#portal-doc-form label{font-size:0.85rem !important;margin-bottom:0.1rem !important}#portal-line-items-body tr td{padding:5px 4px !important}#portal-line-items-body tr td input{padding:5px 7px !important;font-size:0.85rem !important}.file-upload-drag-area{border:2px dashed rgba(0,19,101,0.15);border-radius:var(--radius-md);padding:2.5rem 1.5rem;text-align:center;background:white;cursor:pointer;transition:border-color 0.2s,background-color 0.2s;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.file-upload-drag-area:hover,.file-upload-drag-area.drag-over{border-color:var(--color-green);background-color:rgba(140,198,63,0.03)}.preview-item{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1rem;background:rgba(0,19,101,0.02);border:1px solid rgba(0,19,101,0.05);border-radius:var(--radius-sm);font-size:0.85rem}.preview-item-info{display:flex;align-items:center;gap:0.6rem;color:var(--color-dark-blue);font-weight:500}.preview-item-remove{background:none;border:none;color:#ff3b30;cursor:pointer;padding:0.2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color 0.2s}.preview-item-remove:hover{background-color:rgba(255,59,48,0.1)}.upload-progress-container{display:flex;flex-direction:column;gap:0.4rem;margin-top:1rem}.upload-progress-bar{width:100%;height:6px;background:rgba(0,19,101,0.05);border-radius:3px;overflow:hidden}.upload-progress-fill{height:100%;width:0%;background:var(--color-green);transition:width 0.3s ease}.cookie-banner{position:fixed;bottom:0;left:0;width:100%;background:rgba(11,15,38,0.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,0.1);box-shadow:0 -10px 40px rgba(0,0,0,0.5);z-index:9999;padding:1.5rem 1rem;transform:translateY(100%);opacity:0;visibility:hidden;pointer-events:none;transition:transform 0.5s cubic-bezier(0.16,1,0.3,1),opacity 0.5s ease,visibility 0.5s ease}.cookie-banner.show{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.cookie-banner-container{max-width:var(--container-max);margin:0 auto;display:flex;flex-direction:column;gap:1rem}@media (min-width:768px){.cookie-banner-container{flex-direction:row;align-items:center;justify-content:space-between;gap:2rem}}.cookie-text{flex:1}.cookie-text h4{font-family:var(--font-heading);font-size:1.15rem;margin-bottom:0.25rem;color:var(--text-primary)}.cookie-text p{font-size:0.9rem;line-height:1.5;margin:0;color:rgba(255,255,255,0.7)}.cookie-text p a{color:var(--color-green);text-decoration:underline}.cookie-text p a:hover{color:var(--text-primary)}.cookie-buttons{display:flex;gap:0.75rem;flex-wrap:wrap}.btn-cookie-accept{background:var(--color-green);color:#000c40;border:none;padding:0.65rem 1.25rem;border-radius:var(--radius-sm);font-weight:700;font-size:0.85rem;cursor:pointer;transition:var(--transition)}.btn-cookie-accept:hover{background:#a3e04e;transform:translateY(-2px)}.btn-cookie-deny{background:rgba(255,255,255,0.08);color:var(--text-primary);border:1px solid rgba(255,255,255,0.15);padding:0.65rem 1.25rem;border-radius:var(--radius-sm);font-weight:600;font-size:0.85rem;cursor:pointer;transition:var(--transition)}.btn-cookie-deny:hover{background:rgba(255,255,255,0.15);transform:translateY(-2px)}.btn-cookie-settings{background:transparent;color:var(--text-secondary);border:1px solid rgba(255,255,255,0.2);padding:0.65rem 1.25rem;border-radius:var(--radius-sm);font-weight:600;font-size:0.85rem;cursor:pointer;transition:var(--transition)}.btn-cookie-settings:hover{border-color:var(--text-primary);background:rgba(255,255,255,0.05)}.cookie-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,8,40,0.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10000;display:none;align-items:center;justify-content:center;padding:1rem;opacity:0;transition:opacity 0.3s ease}.cookie-modal-overlay.show{display:flex;opacity:1}.cookie-modal{background:#000c40;border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-md);width:100%;max-width:580px;box-shadow:0 20px 50px rgba(0,0,0,0.6);overflow:hidden;transform:scale(0.95);transition:transform 0.3s ease}.cookie-modal-overlay.show .cookie-modal{transform:scale(1)}.cookie-modal-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,0.08);display:flex;justify-content:justify;align-items:center;justify-content:space-between}.cookie-modal-header h3{margin:0;font-size:1.35rem;display:flex;align-items:center;gap:0.5rem}.cookie-modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.5rem;display:flex;align-items:center}.cookie-modal-close:hover{color:var(--text-primary)}.cookie-modal-body{padding:1.5rem;max-height:400px;overflow-y:auto}.cookie-modal-body p{font-size:0.9rem;color:rgba(255,255,255,0.7);margin-bottom:1.5rem}.cookie-preference-item{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:var(--radius-sm);padding:1rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.cookie-pref-info{flex:1}.cookie-pref-title-row{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.25rem}.cookie-pref-title-row h5{margin:0;font-family:var(--font-heading);font-size:1rem;font-weight:700}.cookie-pref-badge{background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.7);font-size:0.7rem;padding:0.15rem 0.4rem;border-radius:4px;font-weight:600}.cookie-pref-badge.required{background:rgba(140,198,63,0.15);color:var(--color-green)}.cookie-pref-desc{font-size:0.85rem;color:rgba(255,255,255,0.5);margin:0;line-height:1.4}.cookie-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;margin-top:2px}.cookie-switch input{opacity:0;width:0;height:0}.cookie-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,0.15);transition:.3s;border-radius:24px}.cookie-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:white;transition:.3s;border-radius:50%}.cookie-switch input:checked + .cookie-slider{background-color:var(--color-green)}.cookie-switch input:disabled + .cookie-slider{opacity:0.5;cursor:not-allowed}.cookie-switch input:checked + .cookie-slider:before{transform:translateX(20px)}.cookie-modal-footer{padding:1.25rem 1.5rem;border-top:1px solid rgba(255,255,255,0.08);display:flex;justify-content:flex-end;gap:0.75rem}.privacy-hero{padding:8rem 1rem 4rem 1rem;background:linear-gradient(to bottom,rgba(0,23,123,0.6) 0%,rgba(0,23,123,0.2) 100%),url('assets/bg-blue-angle.webp') center center/cover fixed;text-align:center}.privacy-layout{display:grid;grid-template-columns:1fr;gap:3rem;padding:4rem 0 6rem 0}@media (min-width:992px){.privacy-layout{grid-template-columns:280px 1fr}}.privacy-sidebar{position:sticky;top:100px;height:fit-content;display:none}@media (min-width:992px){.privacy-sidebar{display:block}}.privacy-nav-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-primary);margin-bottom:1.2rem;padding-left:0.5rem}.privacy-nav-links{display:flex;flex-direction:column;gap:0.5rem;border-left:2px solid rgba(255,255,255,0.05)}.privacy-nav-link{color:rgba(255,255,255,0.6);font-size:0.9rem;font-weight:500;padding:0.5rem 0 0.5rem 1rem;border-left:2px solid transparent;margin-left:-2px;display:block;transition:var(--transition)}.privacy-nav-link:hover{color:var(--color-green);padding-left:1.25rem}.privacy-nav-link.active{color:var(--color-green);border-left-color:var(--color-green);font-weight:600}.privacy-content-card{background:rgba(17,18,24,0.45);border:1px solid rgba(255,255,255,0.06);border-radius:var(--radius-md);padding:2.5rem;box-shadow:var(--glass-shadow)}.privacy-content-card h2{font-size:1.75rem;margin-top:2rem;margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,0.08);padding-bottom:0.5rem}.privacy-content-card h2:first-of-type{margin-top:0}.privacy-content-card h3{font-size:1.2rem;margin-top:1.5rem;margin-bottom:0.75rem;color:var(--color-green)}.privacy-content-card p{font-size:0.95rem;line-height:1.7;color:rgba(255,255,255,0.85);margin-bottom:1.25rem}.privacy-content-card ul{list-style-type:disc;margin-left:1.5rem;margin-bottom:1.5rem}.privacy-content-card li{font-size:0.95rem;color:rgba(255,255,255,0.8);margin-bottom:0.5rem;line-height:1.6}.portal-table tr.portal-sub-user-row td{background-color:#fbfbfc !important;font-size:0.9rem !important}.portal-table tr.portal-sub-user-row td strong{color:#444 !important;font-weight:600 !important}.portal-table tr.portal-sub-user-row td:first-child{border-left:3px solid var(--color-green) !important}