/* Google Fonts are loaded via tags in , not @import - @import creates a serial chain (HTML -> style.css -> Google Fonts CSS -> font files) that the browser can't start resolving until this stylesheet has downloaded and parsed. */ /* CSS Reset and Base Styles */ *{margin:0;padding:0;box-sizing:border-box;} :root{ --primary-orange:#ff6600; --text-orange:#C24D00; /* darkened orange for text on light backgrounds - #ff6600 on white is 2.94:1, fails WCAG AA; this is 4.5:1+ */ --primary-pink:#ff0066; --primary-gradient:linear-gradient(135deg,#ff6600 0%,#ff0066 100%); --dark-bg:#1a0000; --dark-black:#0a0a0a; --purple-accent:#3e2093; --purple-hover:#5029bc; --purple-light:#8B66D6; --text-gray:#6B7280; --text-dark:#1F2937; --light-bg:#F8FAFC; --white:#ffffff; --accent-blue:#0EA5E9; --accent-orange:#ff6600; --gradient-bg:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%); --gradient-hero:linear-gradient(135deg,rgba(255,102,0,0.05) 0%,rgba(255,0,102,0.05) 100%); --shadow-light:0 4px 6px -1px rgba(0,0,0,0.1); --shadow-medium:0 10px 15px -3px rgba(0,0,0,0.1); --shadow-dark:0 25px 50px -12px rgba(0,0,0,0.25); --shadow-colored:0 10px 25px rgba(255,102,0,0.15); --border-radius:16px; --border-radius-sm:8px; --border-radius-lg:24px; --transition:all 0.3s cubic-bezier(0.4,0,0.2,1); --transition-fast:all 0.15s cubic-bezier(0.4,0,0.2,1); --font-display:'Poppins',sans-serif; --font-body:'Inter',sans-serif; --spacing-xs:0.5rem; --spacing-sm:1rem; --spacing-md:1.5rem; --spacing-lg:2rem; --spacing-xl:3rem; --spacing-2xl:4rem; } html{scroll-behavior:smooth;} /* Accessibility: respect the OS-level reduce-motion preference (WCAG 2.3.3) */ @media (prefers-reduced-motion:reduce){ *,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;} } /* Accessibility: skip link, visually hidden until focused (WCAG 2.4.1) */ .skip-link{position:absolute;left:-9999px;top:0;background:var(--dark-bg);color:var(--white);padding:0.75rem 1.5rem;z-index:20000;border-radius:0 0 var(--border-radius-sm) 0;font-weight:600;text-decoration:none;} .skip-link:focus{left:0;} /* Accessibility: visible keyboard focus indicator everywhere (WCAG 2.4.7). The site has both light (white/near-white) and dark (--dark-bg) sections, and a single-colour ring can't clear the 3:1 non-text contrast minimum against both - purple-on-white is 11.46:1 but purple-on-dark-bg is only 1.76:1. A white inner ring + purple outer ring covers both: the white ring reads clearly on dark sections, the purple ring reads clearly on white. */ a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--white);outline-offset:2px;box-shadow:0 0 0 5px var(--purple-accent);} /* Advanced Animations */ .animate-element{opacity:0;transform:translateY(30px);transition:all 0.8s cubic-bezier(0.4,0,0.2,1);} .animate-element.animate-in{opacity:1;transform:translateY(0);} .animate-child{opacity:0;transform:translateY(20px) scale(0.9);transition:all 0.6s cubic-bezier(0.4,0,0.2,1);} .animate-child.animate-in{opacity:1;transform:translateY(0) scale(1);} /* Ripple effect for buttons */ .ripple-effect{position:absolute;border-radius:50%;background:rgba(255,255,255,0.6);transform:scale(0);animation:ripple 0.6s linear;pointer-events:none;} @keyframes ripple{to{transform:scale(4);opacity:0;}} /* Loading states */ .container{animation:slideInUp 0.8s cubic-bezier(0.4,0,0.2,1);} @keyframes slideInUp{from{opacity:0;transform:translateY(60px);}to{opacity:1;transform:translateY(0);}} /* Header entrance animation */ .main-header{animation:slideInDown 0.6s cubic-bezier(0.4,0,0.2,1);} @keyframes slideInDown{from{opacity:0;transform:translateY(-100%);}to{opacity:1;transform:translateY(0);}} /* Floating animation for service cards */ @keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}} body{min-height:100vh;width:100%;background:var(--gradient-bg);display:flex;flex-direction:column;font-family:var(--font-body);line-height:1.7;color:var(--text-dark);letter-spacing:0.025em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} /* Enhanced Typography */ h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:-0.025em;color:var(--text-dark);} p{margin-bottom:var(--spacing-sm);color:var(--text-gray);} /* Modern Header Styles */ .main-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,0.1);box-shadow:var(--shadow-light);} .header-container{display:flex;align-items:center;justify-content:space-between;width:min(90%,1200px);margin:0 auto;padding:1rem 0;position:relative;} .header-left{display:flex;align-items:center;gap:1rem;} .header-left .logo{width:80px;height:80px;object-fit:contain;transition:var(--transition);filter:drop-shadow(0 2px 4px rgba(255,102,0,0.2));} .header-left .logo:hover{transform:scale(1.05);} .brand-info .company-name{font-size:1.5rem;font-weight:700;color:var(--dark-bg);margin:0;line-height:1.2;} .brand-info .tagline{font-size:0.9rem;color:var(--text-gray);margin:0;font-weight:500;} .header-nav{display:flex;align-items:center;gap:2rem;} .nav-links{display:flex;list-style:none;gap:2rem;margin:0;padding:0;} .nav-link{text-decoration:none;font-weight:500;color:var(--dark-bg);transition:var(--transition);position:relative;padding:0.5rem 0;} .nav-link:hover,.nav-link.active{color:var(--text-orange);} .nav-link.active::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--primary-orange);border-radius:1px;} .header-cta .cta-btn{display:inline-flex;align-items:center;padding:0.75rem 1.5rem;background:linear-gradient(135deg,var(--primary-orange),var(--primary-pink));color:var(--white);text-decoration:none;border-radius:var(--border-radius-lg);font-weight:700;font-size:0.9rem;transition:var(--transition);box-shadow:var(--shadow-colored);position:relative;overflow:hidden;} .header-cta .cta-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:var(--transition);} .header-cta .cta-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-dark);} .header-cta .cta-btn:hover::before{left:100%;} .mobile-menu-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:0.5rem;} .mobile-menu-toggle span{width:25px;height:3px;background:var(--dark-bg);border-radius:2px;transition:var(--transition);} .mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px);} .mobile-menu-toggle.active span:nth-child(2){opacity:0;} .mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px);} .container .top{display:flex;align-items:top;justify-content:space-between;} /* Modern Layout Structure */ .section-container{width:min(90%,1200px);margin:0 auto;padding:0 var(--spacing-md);} /* Hero Section */ .hero-section{min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,var(--gradient-bg) 0%,rgba(248,250,252,0.95) 100%);position:relative;overflow:hidden;} .hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(255,102,0,0.08) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(62,32,147,0.06) 0%,transparent 50%);pointer-events:none;} .hero-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center;width:min(90%,1200px);margin:0 auto;padding:var(--spacing-2xl) var(--spacing-md);position:relative;z-index:1;} .hero-content{max-width:600px;} .hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-md);font-family:var(--font-display);background:linear-gradient(135deg,var(--text-dark) 0%,var(--purple-accent) 50%,var(--primary-orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;} .hero-subtitle{font-size:clamp(1.1rem,3vw,1.4rem);line-height:1.6;color:var(--text-gray);margin-bottom:var(--spacing-xl);font-family:var(--font-body);} .hero-cta{display:flex;flex-direction:column;gap:var(--spacing-sm);} .hero-button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-orange),var(--primary-pink));color:var(--white);padding:1.25rem 2.5rem;text-decoration:none;border-radius:var(--border-radius-lg);font-weight:700;font-size:1.1rem;transition:var(--transition);box-shadow:var(--shadow-colored);position:relative;overflow:hidden;max-width:200px;} .hero-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:var(--transition);} .hero-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-dark);} .hero-button:hover::before{left:100%;} .hero-text{color:var(--text-gray);font-size:0.95rem;margin:0;} /* Floating Service Cards */ .hero-visual{position:relative;} .floating-cards{display:flex;flex-direction:column;gap:var(--spacing-md);position:relative;align-items:center;} .service-card{background:var(--white);padding:var(--spacing-lg);border-radius:var(--border-radius);box-shadow:var(--shadow-medium);border:1px solid rgba(255,102,0,0.1);transition:var(--transition);position:relative;backdrop-filter:blur(10px);min-height:140px;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:280px;} .service-card:nth-child(1){animation:float 6s ease-in-out infinite;} .service-card:nth-child(2){animation:float 6s ease-in-out infinite 2s;} .service-card:nth-child(3){animation:float 6s ease-in-out infinite 4s;} .service-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-dark);border-color:var(--primary-orange);} .service-card i{font-size:2.5rem;color:var(--text-orange);margin-bottom:var(--spacing-sm);display:block;} .service-card h3{font-size:1.2rem;font-weight:700;color:var(--text-dark);margin-bottom:var(--spacing-xs);font-family:var(--font-display);text-align:center;} .service-card p{color:var(--text-gray);font-size:0.9rem;margin:0;line-height:1.4;text-align:center;} /* Services Section */ .services-section{padding:var(--spacing-2xl) 0;background:var(--white);} .services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl);} .service-item{background:linear-gradient(135deg,rgba(255,255,255,0.9),rgba(248,250,252,0.8));padding:var(--spacing-xl);border-radius:var(--border-radius);border:1px solid rgba(255,102,0,0.15);transition:var(--transition);position:relative;overflow:hidden;cursor:pointer;display:block;text-decoration:none;color:inherit;} .service-item::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-orange),var(--accent-blue),var(--purple-accent));transform:scaleX(0);transition:var(--transition);transform-origin:left;} .service-item:hover::before{transform:scaleX(1);} .service-item:hover{transform:translateY(-8px);box-shadow:var(--shadow-dark);border-color:var(--primary-orange);} .service-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary-orange),var(--primary-pink));border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);position:relative;overflow:hidden;} .service-icon i{font-size:2rem;color:var(--white);transition:var(--transition);} .service-item:hover .service-icon{transform:scale(1.1);} .service-item:hover .service-icon i{transform:scale(1.2) rotate(5deg);} .service-item h3{font-size:1.3rem;font-weight:700;color:var(--text-dark);margin-bottom:var(--spacing-sm);font-family:var(--font-display);} .service-item p{color:var(--text-gray);line-height:1.6;margin:0;font-family:var(--font-body);} /* Enhanced Service Cards */ .button button[type="submit"]:hover{background:linear-gradient(135deg,var(--purple-hover),var(--purple-accent));transform:translateY(-2px);box-shadow:var(--shadow-medium);} .button button[type="submit"]:active{transform:translateY(0);box-shadow:var(--shadow-light);} .button button[type="submit"]:focus{box-shadow:0 0 0 3px rgba(62,32,147,0.3);} /* Enhanced Mobile Responsiveness */ @media (max-width:950px){ .container{margin:var(--spacing-md) auto;width:95%;padding:var(--spacing-lg);} /* Medium screen header adjustments */ .header-container{padding:0.75rem 0;} .brand-info .company-name{font-size:1.3rem;} .brand-info .tagline{font-size:0.85rem;} /* Adjust features */ } @media (max-width:820px){ /* Tablet responsive design */ .hero-container{grid-template-columns:1fr;gap:var(--spacing-xl);text-align:center;} .hero-content{max-width:none;} .floating-cards{flex-direction:row;justify-content:center;flex-wrap:wrap;} .service-card{flex:1;min-width:200px;max-width:250px;} .services-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);} .methodology-content{grid-template-columns:1fr;gap:var(--spacing-lg);} /* Tablet header styles */ .header-nav{gap:1.5rem;} .nav-links{gap:1.5rem;} .header-cta .cta-btn{padding:0.65rem 1.25rem;font-size:0.85rem;} /* Tablet footer adjustments */ .footer-content{grid-template-columns:1fr 1fr;gap:var(--spacing-lg);} .footer-section:first-child{grid-column:1 / -1;text-align:center;} } /* Modern Footer Styles */ .modern-footer{background:var(--dark-bg);margin-top:auto;position:relative;overflow:hidden;} .modern-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-orange),var(--purple-accent));} .footer-container{width:min(90%,1200px);margin:0 auto;padding:3rem 0 1rem;} .footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:2rem;} .footer-section{color:var(--white);} .footer-title{font-size:1.8rem;font-weight:700;color:var(--primary-orange);margin-bottom:1rem;line-height:1.2;} .footer-subtitle{font-size:1.1rem;font-weight:600;color:var(--white);margin-bottom:1rem;line-height:1.2;} .footer-section:last-of-type .footer-subtitle{margin-bottom:0.5rem;} .footer-desc{font-size:0.95rem;line-height:1.6;color:var(--text-gray);margin-bottom:1.5rem;max-width:300px;} .social-links{display:flex;gap:1rem;} .social-link{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;background:rgba(255,255,255,0.1);border-radius:50%;color:var(--white);text-decoration:none;transition:var(--transition);font-size:1.2rem;} .social-link:hover{background:var(--primary-orange);transform:translateY(-3px);box-shadow:var(--shadow-medium);} .footer-nav{display:flex;flex-direction:column;gap:0.8rem;} .footer-link{color:var(--text-gray);text-decoration:none;font-size:0.95rem;transition:var(--transition);padding:0.3rem 0;} .footer-link:hover{color:var(--primary-orange);padding-left:0.5rem;} .footer-section .contact-info{display:inline-flex;flex-direction:column;gap:0;padding:0.5rem 0.75rem;margin:0;} .footer-section .contact-item{display:inline-flex;align-items:center;gap:0.5rem;color:var(--text-gray);font-size:0.9rem;margin:0;padding:0;line-height:1;text-decoration:none;transition:var(--transition);} .footer-section .contact-item:hover{color:var(--primary-orange);} .footer-section .contact-item i{color:var(--primary-orange);font-size:0.9rem;width:auto;height:0.9rem;display:inline-flex;align-items:center;} .footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding:1.5rem 0;} .footer-bottom-content{display:flex;justify-content:space-between;align-items:center;color:var(--text-gray);font-size:0.85rem;} .footer-bottom-content p{margin:0;} .company-reg{font-size:0.8rem;opacity:0.8;} @media (max-width:720px){ /* Mobile responsive design */ .hero-section{min-height:auto;padding:var(--spacing-xl) 0;} .hero-container{grid-template-columns:1fr;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-sm);} .hero-title{font-size:clamp(2rem,8vw,2.5rem);} .hero-button{max-width:none;width:100%;} .floating-cards{flex-direction:column;align-items:center;} .service-card{max-width:300px;width:100%;} .services-grid{grid-template-columns:1fr;gap:var(--spacing-md);} .service-item{padding:var(--spacing-lg);} .service-icon{width:60px;height:60px;} .service-icon i{font-size:1.5rem;} .benefits-grid{grid-template-columns:1fr;gap:var(--spacing-md);} .benefit-card{padding:var(--spacing-lg);} .methodology-content{grid-template-columns:1fr;gap:var(--spacing-lg);} .methodology-steps{width:100%;} .step-item{flex-direction:column;text-align:center;gap:var(--spacing-sm);width:100%;} .visual-element{padding:var(--spacing-lg);} .visual-element i{font-size:3rem;} .cta-actions{flex-direction:column;align-items:center;} .cta-primary,.cta-secondary{width:100%;max-width:300px;text-align:center;} /* Mobile header styles */ .header-container{flex-wrap:wrap;padding:var(--spacing-xs) 0;} .header-left{flex:1;} .header-left .logo{width:70px;height:70px;} .brand-info .company-name{font-size:1.2rem;} .brand-info .tagline{font-size:0.8rem;} .header-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--white);flex-direction:column;padding:var(--spacing-sm);box-shadow:var(--shadow-medium);border-radius:0 0 var(--border-radius) var(--border-radius);} .header-nav.active{display:flex;} .nav-links{flex-direction:column;gap:var(--spacing-sm);width:100%;} .header-cta{margin-top:var(--spacing-sm);} .mobile-menu-toggle{display:flex;} /* Mobile footer styles */ .footer-container{padding:var(--spacing-lg) 0 var(--spacing-sm);} .footer-content{grid-template-columns:1fr;gap:var(--spacing-lg);text-align:center;} .footer-desc{max-width:none;} .social-links{justify-content:center;} .footer-nav{align-items:center;} .footer-bottom-content{flex-direction:column;gap:var(--spacing-xs);text-align:center;} } @media (max-width:480px){ /* Extra small screens */ .brand-info .tagline{display:none;} } /* Homepage Features Styling */ /* Enhanced Features Grid */ .feature-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-orange),var(--primary-pink));border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);position:relative;overflow:hidden;} .feature-icon i{font-size:1.5rem;color:var(--white);transition:var(--transition);} .feature-icon::after{content:'';position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,0.3) 0%,transparent 70%);transform:translate(-50%,-50%) scale(0);transition:var(--transition);border-radius:50%;} /* Enhanced CTA Section */ .cta-section{text-align:center;margin-top:var(--spacing-2xl);padding:var(--spacing-xl);background:linear-gradient(135deg,rgba(255,102,0,0.08),rgba(62,32,147,0.08));border-radius:var(--border-radius-lg);border:2px solid rgba(255,102,0,0.2);position:relative;overflow:hidden;} .cta-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(255,102,0,0.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(62,32,147,0.1) 0%,transparent 50%);pointer-events:none;} .cta-section > *{position:relative;z-index:1;} .cta-text{color:var(--text-gray);font-size:1.1rem;margin-top:var(--spacing-md);font-family:var(--font-body);} .cta-text a{color:var(--primary-orange);text-decoration:none;font-weight:600;transition:var(--transition);position:relative;} .cta-text a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary-orange);transition:var(--transition);} .cta-text a:hover{color:var(--purple-accent);} .cta-text a:hover::after{width:100%;background:var(--purple-accent);} /* Benefits Section */ .benefits-section{padding:var(--spacing-2xl) 0;background:linear-gradient(135deg,rgba(248,250,252,0.8),rgba(255,255,255,0.9));position:relative;} .section-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;text-align:center;margin-bottom:var(--spacing-2xl);font-family:var(--font-display);background:linear-gradient(135deg,var(--text-dark),var(--purple-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;} .benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);} .benefit-card{background:var(--white);padding:var(--spacing-xl);border-radius:var(--border-radius);border:1px solid rgba(255,102,0,0.1);box-shadow:var(--shadow-light);transition:var(--transition);position:relative;overflow:hidden;} .benefit-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-orange),var(--accent-blue),var(--purple-accent));transform:scaleX(0);transition:var(--transition);transform-origin:left;} .benefit-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-dark);border-color:var(--primary-orange);} .benefit-card:hover::before{transform:scaleX(1);} .benefit-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary-orange),var(--primary-pink));border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);position:relative;overflow:hidden;} .benefit-icon i{font-size:2rem;color:var(--white);transition:var(--transition);} .benefit-card:hover .benefit-icon{transform:scale(1.1);} .benefit-card:hover .benefit-icon i{transform:scale(1.2);} .benefit-card h3{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin-bottom:var(--spacing-sm);font-family:var(--font-display);} .benefit-card p{color:var(--text-gray);line-height:1.6;margin-bottom:var(--spacing-md);font-family:var(--font-body);} .benefit-list{list-style:none;padding:0;margin:0;} .benefit-list li{position:relative;padding-left:1.5rem;margin-bottom:var(--spacing-xs);color:var(--text-gray);font-size:0.95rem;line-height:1.5;} .benefit-list li::before{content:'✓';position:absolute;left:0;color:var(--text-orange);font-weight:bold;font-size:1.1rem;} /* Methodology Section */ .methodology-section{padding:var(--spacing-2xl) 0;background:var(--white);} /* Final CTA Section */ .final-cta-section{padding:var(--spacing-2xl) 0;background:linear-gradient(135deg,var(--dark-bg) 0%,rgba(23,24,16,0.95) 100%);color:var(--white);position:relative;overflow:hidden;} .final-cta-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(255,102,0,0.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(62,32,147,0.1) 0%,transparent 50%);pointer-events:none;} .cta-content{text-align:center;position:relative;z-index:1;} .cta-content h2{font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--white),var(--primary-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--font-display);} .cta-content p{font-size:1.2rem;color:rgba(255,255,255,0.8);margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6;} .cta-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap;} .cta-primary{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-orange),var(--primary-pink));color:var(--white);padding:1.25rem 2.5rem;text-decoration:none;border-radius:var(--border-radius-lg);font-weight:700;font-size:1.1rem;transition:var(--transition);box-shadow:var(--shadow-colored);position:relative;overflow:hidden;} .cta-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:var(--transition);} .cta-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-dark);} .cta-primary:hover::before{left:100%;} .cta-secondary{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--white);padding:1.25rem 2.5rem;text-decoration:none;border:2px solid var(--primary-orange);border-radius:var(--border-radius-lg);font-weight:600;font-size:1.1rem;transition:var(--transition);position:relative;} .cta-secondary:hover{background:var(--primary-orange);transform:translateY(-3px);box-shadow:var(--shadow-medium);} .methodology-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-2xl);align-items:start;} .methodology-intro{font-size:1.2rem;color:var(--text-gray);margin-bottom:var(--spacing-xl);line-height:1.6;font-family:var(--font-body);} .methodology-steps{display:flex;flex-direction:column;gap:var(--spacing-lg);} .step-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--border-radius);background:linear-gradient(135deg,rgba(255,255,255,0.8),rgba(248,250,252,0.6));border:1px solid rgba(255,102,0,0.1);transition:var(--transition);} .step-item:hover{transform:translateX(8px);box-shadow:var(--shadow-light);border-color:var(--primary-orange);} .step-number{width:50px;height:50px;background:linear-gradient(135deg,var(--primary-orange),var(--primary-pink));color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0;font-family:var(--font-display);} .step-content h4{font-size:1.3rem;font-weight:700;color:var(--text-dark);margin-bottom:var(--spacing-xs);font-family:var(--font-display);} .step-content p{color:var(--text-gray);line-height:1.5;margin:0;font-family:var(--font-body);} .methodology-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;} .visual-element{padding:var(--spacing-xl);background:linear-gradient(135deg,var(--primary-orange),var(--primary-pink));border-radius:var(--border-radius-lg);color:var(--white);box-shadow:var(--shadow-medium);max-width:320px;margin:0 auto;} .visual-element i{font-size:4rem;margin-bottom:var(--spacing-md);display:block;color:var(--white);} .visual-element p{font-size:1.1rem;font-weight:600;margin:0;font-family:var(--font-display);word-wrap:break-word;color:var(--white);} @media (max-width:720px){ .cta-section{padding:1.5rem 1rem;margin-top:2rem;} } /* Internal Navigation */ .internal-nav{margin-top:2rem;padding:1.5rem;background:var(--light-bg);border-radius:var(--border-radius);border-left:4px solid var(--primary-orange);} .internal-nav h2{color:var(--purple-accent);font-size:1.2rem;margin-bottom:1rem;} .internal-nav ul{list-style:none;padding:0;margin:0;} .internal-nav li{margin-bottom:0.5rem;} .internal-nav a{color:var(--purple-accent);text-decoration:none;font-weight:500;transition:var(--transition);} .internal-nav a:hover{color:var(--text-orange);text-decoration:underline;} /* SEO Enhancements */ @media (max-width:720px){ .internal-nav{padding:1rem;margin-top:1.5rem;} } /* Policy Pages Styling */ .policy-content{width:100%;max-width:none;} .last-updated{text-align:center;color:#666;font-style:italic;margin-bottom:2rem;font-size:0.9rem;} .policy-section{margin-bottom:2.5rem;} .policy-section h2{color:var(--purple-accent);font-size:1.4rem;font-weight:600;margin-bottom:1rem;border-bottom:2px solid var(--primary-orange);padding-bottom:0.5rem;} .policy-section h3{color:var(--purple-accent);font-size:1.2rem;font-weight:600;margin:1.5rem 0 0.8rem 0;} .policy-section h4{color:#333;font-size:1.1rem;font-weight:600;margin:1rem 0 0.5rem 0;} .policy-section p{margin-bottom:1rem;line-height:1.7;color:#444;} .policy-section ul{margin:1rem 0 1rem 2rem;line-height:1.6;} .policy-section li{margin-bottom:0.5rem;color:#444;} .policy-section a{color:var(--purple-accent);text-decoration:underline;transition:var(--transition);} .policy-section a:hover{color:var(--text-orange);} .contact-info{background:var(--light-bg);padding:1.5rem;border-radius:var(--border-radius);border-left:4px solid var(--primary-orange);margin:1rem 0;} .cookie-details{background:var(--light-bg);padding:1.5rem;border-radius:var(--border-radius);margin:1rem 0;} .cookie-table{width:100%;border-collapse:collapse;margin-top:1rem;} .cookie-table th,.cookie-table td{padding:0.8rem;text-align:left;border-bottom:1px solid #ddd;} .cookie-table th{background:var(--purple-accent);color:white;font-weight:600;} .cookie-table tr:hover{background:rgba(255,102,0,0.05);} .policy-navigation{display:flex;justify-content:space-between;margin-top:3rem;padding-top:2rem;border-top:2px solid var(--light-bg);gap:1rem;} .nav-button{display:inline-block;background:var(--purple-accent);color:white;padding:0.8rem 1.5rem;text-decoration:none;border-radius:var(--border-radius);font-weight:500;transition:var(--transition);text-align:center;flex:1;max-width:200px;} .nav-button:hover{background:var(--purple-hover);transform:translateY(-2px);box-shadow:var(--shadow-light);} .settings-button{background:var(--primary-orange);color:white;border:none;padding:1rem 2rem;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:var(--transition);margin:2rem 0;font-size:1rem;} .settings-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-dark);} .cookie-settings-cta{text-align:center;margin:2rem 0;padding:2rem;background:linear-gradient(135deg,rgba(255,102,0,0.1),rgba(62,32,147,0.1));border-radius:var(--border-radius);border:2px solid rgba(255,102,0,0.3);} /* Cookie Consent Banner Styles */ #cookie-consent-banner{position:fixed;bottom:0;left:0;right:0;background:var(--dark-bg);color:white;padding:1.5rem;box-shadow:var(--shadow-dark);z-index:10000;transform:translateY(100%);transition:transform 0.3s ease;} #cookie-consent-banner.cookie-consent-show{transform:translateY(0);} .cookie-consent-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem;} .cookie-consent-text h3{color:var(--primary-orange);margin-bottom:0.5rem;font-size:1.2rem;} .cookie-consent-text p{margin:0;line-height:1.5;color:#ccc;} .cookie-consent-actions{display:flex;gap:1rem;flex-shrink:0;} .cookie-btn{padding:0.8rem 1.5rem;border:none;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:var(--transition);font-size:0.9rem;white-space:nowrap;} .cookie-btn-accept{background:var(--primary-orange);color:white;} .cookie-btn-accept:hover{background:#ff8533;transform:translateY(-2px);} .cookie-btn-reject{background:#666;color:white;} .cookie-btn-reject:hover{background:#555;transform:translateY(-2px);} .cookie-btn-settings{background:transparent;color:var(--primary-orange);border:2px solid var(--primary-orange);} .cookie-btn-settings:hover{background:var(--primary-orange);color:white;transform:translateY(-2px);} /* Cookie Settings Modal */ #cookie-settings-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10001;opacity:0;visibility:hidden;transition:all 0.3s ease;} #cookie-settings-modal.cookie-modal-show{opacity:1;visibility:visible;} .cookie-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;padding:2rem;} .cookie-modal-content{background:white;border-radius:var(--border-radius);max-width:600px;width:100%;max-height:80vh;overflow-y:auto;transform:scale(0.9);transition:transform 0.3s ease;} #cookie-settings-modal.cookie-modal-show .cookie-modal-content{transform:scale(1);} .cookie-modal-header{padding:2rem 2rem 1rem 2rem;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;} .cookie-modal-header h2{color:var(--purple-accent);margin:0;font-size:1.5rem;} .cookie-modal-close{background:none;border:none;font-size:2rem;color:#999;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;} .cookie-modal-close:hover{color:var(--purple-accent);} .cookie-modal-body{padding:2rem;} .cookie-category{margin-bottom:2rem;padding:1.5rem;background:var(--light-bg);border-radius:var(--border-radius);} .cookie-category-header{display:flex;align-items:flex-start;gap:1rem;} .cookie-category-info h3{color:var(--purple-accent);margin:0 0 0.5rem 0;font-size:1.1rem;} .cookie-category-info p{margin:0;color:#666;line-height:1.5;} /* Toggle Switch */ .cookie-toggle{position:relative;display:block;width:50px;height:24px;flex-shrink:0;} .cookie-toggle input{opacity:0;width:0;height:0;} .cookie-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:0.3s;border-radius:24px;} .cookie-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:white;transition:0.3s;border-radius:50%;} .cookie-toggle input:checked + .cookie-slider{background-color:var(--primary-orange);} .cookie-toggle input:checked + .cookie-slider:before{transform:translateX(26px);} .cookie-toggle input:disabled + .cookie-slider{background-color:#999;cursor:not-allowed;} .cookie-modal-footer{padding:1rem 2rem 2rem 2rem;display:flex;gap:1rem;justify-content:flex-end;} .cookie-btn-save{background:var(--primary-orange);color:white;} .cookie-btn-save:hover{background:#ff8533;transform:translateY(-2px);} .cookie-btn-cancel{background:#666;color:white;} .cookie-btn-cancel:hover{background:#555;transform:translateY(-2px);} /* Cookie Notification */ .cookie-notification{position:fixed;top:2rem;right:2rem;background:var(--primary-orange);color:white;padding:1rem 1.5rem;border-radius:var(--border-radius);box-shadow:var(--shadow-medium);z-index:10002;transform:translateX(100%);transition:transform 0.3s ease;} .cookie-notification.cookie-notification-show{transform:translateX(0);} /* Mobile Responsive */ @media (max-width:768px){ .cookie-consent-content{flex-direction:column;text-align:center;gap:1.5rem;} .cookie-consent-actions{flex-direction:column;width:100%;} .cookie-btn{width:100%;} .cookie-modal-overlay{padding:1rem;} .cookie-modal-header,.cookie-modal-body,.cookie-modal-footer{padding-left:1rem;padding-right:1rem;} .policy-navigation{flex-direction:column;} .nav-button{max-width:none;} .cookie-table{font-size:0.9rem;} .cookie-table th,.cookie-table td{padding:0.5rem;} .cookie-notification{top:1rem;right:1rem;left:1rem;} } /* Enhanced Mobile Responsiveness for New Layout */ @media (max-width:600px){ /* Extra mobile adjustments */ .section-container{padding:0 var(--spacing-sm);} .hero-title{font-size:2rem;line-height:1.1;} .hero-subtitle{font-size:1rem;margin-bottom:var(--spacing-lg);} .floating-cards{gap:var(--spacing-sm);} .service-card{padding:var(--spacing-md);min-height:auto;} .service-card h3{font-size:1.1rem;} .service-card p{font-size:0.9rem;} .benefits-grid{grid-template-columns:1fr;gap:var(--spacing-md);} .benefit-card{padding:var(--spacing-md);} .benefit-icon{width:50px;height:50px;} .benefit-icon i{font-size:1.5rem;} .step-item{flex-direction:column;align-items:center;text-align:center;width:100%;} .step-number{margin-bottom:var(--spacing-sm);} .methodology-visual{display:none;} .cta-actions{gap:var(--spacing-sm);} .cta-primary,.cta-secondary{padding:1rem 1.5rem;font-size:1rem;width:100%;} } @media (max-width:400px){ /* Very small screens */ .hero-container{padding:var(--spacing-md) var(--spacing-xs);} .hero-title{font-size:1.75rem;} .service-card{padding:var(--spacing-sm);} .benefit-card{padding:var(--spacing-sm);} .step-content h4{font-size:1.1rem;} .cta-primary,.cta-secondary{padding:0.875rem 1.25rem;font-size:0.95rem;} .footer-container{padding:var(--spacing-md) 0 var(--spacing-xs);} } /* Contact Page Styles */ .contact-hero-section{padding:var(--spacing-2xl) 0 var(--spacing-xl);background:linear-gradient(135deg,var(--gradient-bg) 0%,rgba(248,250,252,0.95) 100%);position:relative;} .contact-hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(255,102,0,0.08) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(62,32,147,0.06) 0%,transparent 50%);pointer-events:none;} .contact-hero-content{text-align:center;position:relative;z-index:1;} .contact-hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-md);font-family:var(--font-display);background:linear-gradient(135deg,var(--text-dark) 0%,var(--purple-accent) 50%,var(--primary-orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;} .contact-hero-subtitle{font-size:clamp(1.1rem,3vw,1.4rem);line-height:1.6;color:var(--text-gray);max-width:600px;margin:0 auto;font-family:var(--font-body);} .contact-form-section{padding:var(--spacing-2xl) 0;background:var(--white);} .contact-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:start;} .contact-info h2{font-size:2rem;font-weight:700;color:var(--text-dark);margin-bottom:var(--spacing-md);font-family:var(--font-display);} .contact-info > p{font-size:1.1rem;color:var(--text-gray);margin-bottom:var(--spacing-xl);line-height:1.6;} .contact-methods{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);} .contact-method{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--light-bg);border-radius:var(--border-radius);border-left:4px solid var(--primary-orange);transition:var(--transition);} .contact-method:hover{transform:translateX(8px);box-shadow:var(--shadow-light);} .method-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--primary-orange),var(--primary-pink));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.2rem;flex-shrink:0;} .method-details h3{font-size:1.1rem;font-weight:600;color:var(--text-dark);margin-bottom:0.25rem;font-family:var(--font-display);} .method-details p{color:var(--text-gray);margin:0;font-size:0.95rem;} .consultation-note{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,rgba(255,102,0,0.08),rgba(62,32,147,0.08));border-radius:var(--border-radius);border:2px solid rgba(255,102,0,0.2);} .note-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--primary-orange),var(--primary-pink));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.2rem;flex-shrink:0;} .note-content h4{font-size:1.2rem;font-weight:600;color:var(--text-dark);margin-bottom:0.5rem;font-family:var(--font-display);} .note-content p{color:var(--text-gray);margin:0;line-height:1.5;} .contact-form{background:var(--white);padding:var(--spacing-xl);border-radius:var(--border-radius);box-shadow:var(--shadow-medium);border:1px solid rgba(255,102,0,0.1);} .contact-form h2{font-size:1.8rem;font-weight:700;color:var(--text-dark);margin-bottom:var(--spacing-sm);font-family:var(--font-display);} .contact-form > p{color:var(--text-gray);margin-bottom:var(--spacing-xl);line-height:1.6;} .modern-form{display:flex;flex-direction:column;gap:var(--spacing-lg);} .form-group{display:flex;flex-direction:column;gap:0.5rem;} .form-group label{font-weight:600;color:var(--text-dark);font-size:0.95rem;font-family:var(--font-body);} .form-group input,.form-group select,.form-group textarea{padding:1rem;border:2px solid rgba(0,0,0,0.1);border-radius:var(--border-radius);font-size:1rem;font-family:var(--font-body);transition:var(--transition);background:var(--white);} .form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-orange);box-shadow:0 0 0 3px rgba(255,102,0,0.1);} .form-group textarea{resize:vertical;min-height:120px;} .form-submit{display:flex;justify-content:center;margin-top:var(--spacing-md);} .submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;background:linear-gradient(135deg,var(--primary-orange),var(--primary-pink));color:var(--white);padding:1.25rem 2.5rem;border:none;border-radius:var(--border-radius-lg);font-weight:700;font-size:1.1rem;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-colored);position:relative;overflow:hidden;font-family:var(--font-display);} .submit-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:var(--transition);} .submit-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-dark);} .submit-btn:hover::before{left:100%;} .submit-btn:active{transform:translateY(-1px) scale(1.01);} /* Contact Page Mobile Responsive */ @media (max-width:820px){ .contact-container{grid-template-columns:1fr;gap:var(--spacing-xl);} .contact-form{padding:var(--spacing-lg);} } @media (max-width:600px){ .contact-hero-section{padding:var(--spacing-xl) 0;} .contact-methods{gap:var(--spacing-md);} .consultation-note{flex-direction:column;text-align:center;} .contact-form{padding:var(--spacing-md);} .submit-btn{width:100%;padding:1rem 2rem;} } /* Policy Pages Styles */ .policy-hero-section{padding:var(--spacing-2xl) 0 var(--spacing-xl);background:linear-gradient(135deg,var(--gradient-bg) 0%,rgba(248,250,252,0.95) 100%);position:relative;} .policy-hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(255,102,0,0.08) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(62,32,147,0.06) 0%,transparent 50%);pointer-events:none;} .policy-hero-content{text-align:center;position:relative;z-index:1;} .policy-hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-md);font-family:var(--font-display);background:linear-gradient(135deg,var(--text-dark) 0%,var(--purple-accent) 50%,var(--primary-orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;} .policy-hero-subtitle{font-size:clamp(1.1rem,3vw,1.4rem);line-height:1.6;color:var(--text-gray);max-width:600px;margin:0 auto var(--spacing-md);font-family:var(--font-body);} .policy-content-section{padding:var(--spacing-2xl) 0;background:var(--white);} .last-updated{text-align:center;color:var(--text-gray);font-style:italic;font-size:0.9rem;padding:var(--spacing-sm) var(--spacing-md);background:var(--light-bg);border-radius:var(--border-radius);display:inline-block;} /* Enhanced Policy Content Styling */ .policy-content{max-width:800px;margin:0 auto;} .policy-section{margin-bottom:var(--spacing-2xl);background:var(--white);padding:var(--spacing-xl);border-radius:var(--border-radius);box-shadow:var(--shadow-light);border-left:4px solid var(--primary-orange);position:relative;} .policy-section::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary-orange),var(--purple-accent));border-radius:var(--border-radius) var(--border-radius) 0 0;} .policy-section h2{color:var(--purple-accent);font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-md);font-family:var(--font-display);} .policy-section h3{color:var(--text-dark);font-size:1.2rem;font-weight:600;margin:var(--spacing-lg) 0 var(--spacing-sm) 0;font-family:var(--font-display);} .policy-section h4{color:var(--text-dark);font-size:1.1rem;font-weight:600;margin:var(--spacing-md) 0 var(--spacing-sm) 0;font-family:var(--font-display);} .policy-section p{margin-bottom:var(--spacing-md);line-height:1.7;color:var(--text-gray);font-family:var(--font-body);} .policy-section ul{margin:var(--spacing-md) 0;padding-left:var(--spacing-lg);line-height:1.6;} .policy-section li{margin-bottom:var(--spacing-xs);color:var(--text-gray);position:relative;} .policy-section li::marker{color:var(--text-orange);} .policy-section a{color:var(--purple-accent);text-decoration:none;font-weight:500;transition:var(--transition);position:relative;} .policy-section a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary-orange);transition:var(--transition);} .policy-section a:hover{color:var(--text-orange);} .policy-section a:hover::after{width:100%;} .contact-info{background:linear-gradient(135deg,var(--light-bg),rgba(248,250,252,0.8));padding:var(--spacing-lg);border-radius:var(--border-radius);border:1px solid rgba(255,102,0,0.1);margin:var(--spacing-lg) 0;} .cookie-details{background:var(--light-bg);padding:var(--spacing-lg);border-radius:var(--border-radius);margin:var(--spacing-md) 0;border-left:4px solid var(--primary-orange);} .cookie-table{width:100%;border-collapse:collapse;margin-top:var(--spacing-md);background:var(--white);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-light);} .cookie-table th,.cookie-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid rgba(0,0,0,0.1);} .cookie-table th{background:var(--purple-accent);color:var(--white);font-weight:600;font-family:var(--font-display);} .cookie-table tr:hover{background:rgba(255,102,0,0.05);} .cookie-table tr:last-child td{border-bottom:none;} .cookie-settings-cta{text-align:center;margin:var(--spacing-xl) 0;} .settings-button{background:linear-gradient(135deg,var(--primary-orange),var(--primary-pink));color:var(--white);padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--border-radius-lg);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-medium);font-family:var(--font-display);} .settings-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-dark);} .policy-navigation{display:flex;justify-content:space-between;margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg);border-top:2px solid var(--light-bg);gap:var(--spacing-md);} .nav-button{display:inline-flex;align-items:center;justify-content:center;background:var(--purple-accent);color:var(--white);padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;border-radius:var(--border-radius);font-weight:600;transition:var(--transition);text-align:center;flex:1;max-width:200px;font-family:var(--font-display);} .nav-button:hover{background:var(--purple-hover);transform:translateY(-2px);box-shadow:var(--shadow-medium);} /* Policy Pages Mobile Responsive */ @media (max-width:768px){ .policy-hero-section{padding:var(--spacing-xl) 0;} .policy-section{padding:var(--spacing-lg);} .policy-navigation{flex-direction:column;gap:var(--spacing-sm);} .nav-button{max-width:none;} .cookie-table{font-size:0.9rem;} .cookie-table th,.cookie-table td{padding:var(--spacing-sm);} } /* Success Page Styles */ .success-hero-section{padding:var(--spacing-2xl) 0 var(--spacing-xl);background:linear-gradient(135deg,var(--gradient-bg) 0%,rgba(248,250,252,0.95) 100%);position:relative;} .success-hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(255,102,0,0.15) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(62,32,147,0.08) 0%,transparent 50%);pointer-events:none;} .success-hero-content{text-align:center;position:relative;z-index:1;} .success-icon{width:120px;height:120px;background:linear-gradient(135deg,var(--primary-orange),var(--primary-pink));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);box-shadow:var(--shadow-dark);position:relative;overflow:hidden;} .success-icon::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle,rgba(255,255,255,0.3) 0%,transparent 70%);animation:pulse 2s ease-in-out infinite;} @keyframes pulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.05);opacity:0.8;}} .success-icon i{font-size:3.5rem;color:var(--white);} .success-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-md);font-family:var(--font-display);background:linear-gradient(135deg,var(--text-dark) 0%,var(--primary-orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;} .success-subtitle{font-size:clamp(1.1rem,3vw,1.4rem);line-height:1.6;color:var(--text-gray);max-width:600px;margin:0 auto;font-family:var(--font-body);} .success-details-section{padding:var(--spacing-2xl) 0;background:var(--white);} .success-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:start;} .success-info h2,.success-actions h2{font-size:2rem;font-weight:700;color:var(--text-dark);margin-bottom:var(--spacing-lg);font-family:var(--font-display);} .next-steps{display:flex;flex-direction:column;gap:var(--spacing-lg);} .step-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--light-bg);border-radius:var(--border-radius);border-left:4px solid var(--primary-orange);transition:var(--transition);} .step-item:hover{transform:translateX(8px);box-shadow:var(--shadow-light);} .step-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-orange),var(--primary-pink));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.5rem;flex-shrink:0;} .step-content h3{font-size:1.2rem;font-weight:600;color:var(--text-dark);margin-bottom:0.25rem;font-family:var(--font-display);} .step-content p{color:var(--text-gray);margin:0;line-height:1.5;} .action-cards{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);} .action-card{background:var(--white);padding:var(--spacing-xl);border-radius:var(--border-radius);box-shadow:var(--shadow-medium);border:1px solid rgba(255,102,0,0.1);transition:var(--transition);text-align:center;position:relative;overflow:hidden;} .action-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-orange),var(--purple-accent));transform:scaleX(0);transition:var(--transition);transform-origin:left;} .action-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-dark);border-color:var(--primary-orange);} .action-card:hover::before{transform:scaleX(1);} .action-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--purple-accent),var(--purple-light));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:2rem;margin:0 auto var(--spacing-md);} .action-card h3{font-size:1.3rem;font-weight:700;color:var(--text-dark);margin-bottom:var(--spacing-sm);font-family:var(--font-display);} .action-card p{color:var(--text-gray);margin-bottom:var(--spacing-lg);line-height:1.6;} .action-btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-orange),var(--primary-pink));color:var(--white);padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;border-radius:var(--border-radius-lg);font-weight:600;font-size:1rem;transition:var(--transition);box-shadow:var(--shadow-medium);position:relative;overflow:hidden;font-family:var(--font-display);} .action-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:var(--transition);} .action-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-dark);} .action-btn:hover::before{left:100%;} /* Success Page Mobile Responsive */ @media (max-width:820px){ .success-container{grid-template-columns:1fr;gap:var(--spacing-xl);} .success-icon{width:100px;height:100px;} .success-icon i{font-size:3rem;} } @media (max-width:600px){ .success-hero-section{padding:var(--spacing-xl) 0;} .success-icon{width:80px;height:80px;} .success-icon i{font-size:2.5rem;} .step-item{flex-direction:column;text-align:center;gap:var(--spacing-sm);} .step-icon{margin-bottom:var(--spacing-sm);} .action-btn{width:100%;padding:var(--spacing-md) var(--spacing-lg);} } /* ChannelScope Coming Soon Page Styles */ .cs-hero-section{padding:var(--spacing-2xl) 0 var(--spacing-xl);background:linear-gradient(135deg,var(--gradient-bg) 0%,rgba(248,250,252,0.95) 100%);position:relative;} .cs-hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(79,70,229,0.08) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(16,185,129,0.08) 0%,transparent 50%);pointer-events:none;} .cs-hero-content{text-align:center;position:relative;z-index:1;} .cs-hero-logo{width:120px;height:120px;margin:0 auto var(--spacing-md);display:block;border-radius:var(--border-radius);box-shadow:var(--shadow-medium);} .coming-soon-badge{display:inline-flex;align-items:center;gap:0.5rem;background:linear-gradient(135deg,#4f46e5,#10b981);color:var(--white);padding:0.5rem 1.5rem;border-radius:var(--border-radius-lg);font-family:var(--font-display);font-weight:700;font-size:0.85rem;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:var(--spacing-md);box-shadow:var(--shadow-light);} .cs-hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-sm);font-family:var(--font-display);} .cs-hero-title .cs-channel{color:#4f46e5;} .cs-hero-title .cs-scope{color:#059669;} .cs-hero-tagline{font-size:clamp(1.3rem,3.5vw,1.8rem);font-weight:700;color:var(--text-dark);margin-bottom:var(--spacing-md);font-family:var(--font-display);} .cs-hero-subtitle{font-size:clamp(1.05rem,3vw,1.25rem);line-height:1.6;color:var(--text-gray);max-width:700px;margin:0 auto var(--spacing-lg);font-family:var(--font-body);} .cs-url-note{display:inline-flex;align-items:center;gap:0.5rem;color:var(--text-gray);font-size:0.95rem;background:var(--white);border:1px solid rgba(79,70,229,0.2);border-radius:var(--border-radius-lg);padding:0.6rem 1.25rem;} .cs-url-note i{color:#4f46e5;} .cs-section-intro{text-align:center;font-size:1.15rem;color:var(--text-gray);max-width:750px;margin:calc(-1 * var(--spacing-xl)) auto 0;line-height:1.6;} .credentials-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-xl);margin-top:var(--spacing-lg);} .credential-badge{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);margin:0;text-align:center;} .credential-badge img{width:112px;height:112px;border-radius:var(--border-radius);box-shadow:var(--shadow-light);} .credential-badge figcaption{font-size:0.9rem;font-weight:600;color:var(--text-dark);line-height:1.4;} .services-grid .cs-item{border-color:rgba(79,70,229,0.15);} .services-grid .cs-item::before{background:linear-gradient(90deg,#4f46e5,#10b981);} .services-grid .cs-item:hover{border-color:#4f46e5;} .cs-item .service-icon{background:linear-gradient(135deg,#4f46e5,#10b981);} .cs-cta-section .cta-content h2{background:linear-gradient(135deg,var(--white),#818cf8 60%,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;} .cs-cta-section .cta-primary{background:linear-gradient(135deg,#4f46e5,#10b981);box-shadow:0 10px 25px rgba(79,70,229,0.25);}