"; position: absolute; top: -50%; left: -60%; width: 20%; height: 200%; background: rgba(255, 255, 255, 0.1); transform: rotate(30deg); animation: logo-shine 6s infinite; } @keyframes logo-glow { 0%, 100% { box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.5), 0 0 20px rgba(1, 171, 202, 0.2); } 50% { box-shadow: 0 15px 40px -12px rgba(0, 0, 0, 0.6), 0 0 40px rgba(1, 171, 202, 0.5); border-color: var(--primary); } } @keyframes logo-shine { 0% { left: -60%; } 20% { left: 120%; } 100% { left: 120%; } } .logo-box img { max-width: 90%; max-height: 90%; object-fit: contain; position: relative; z-index: 2; } .brand-title { margin-top: 1.5rem; font-size: 1.5rem; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; } .brand-status { margin-top: 0.5rem; font-size: 0.875rem; color: var(--primary); text-transform: uppercase; letter-spacing: 0.3em; font-weight: 600; } /* Powered By Section */ .powered-section { margin-bottom: 2rem; animation: fade-in-up 0.8s ease-out 0.2s both; } .divider { width: 60px; height: 1px; background: linear-gradient(90deg, transparent, var(--primary), transparent); margin: 0.75rem auto; } .brand-glow { font-size: 1.25rem; font-weight: 600; background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: glow-pulse 3s ease-in-out infinite; } .powered-label { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.2em; color: rgba(241, 243, 244, 0.5); } @keyframes glow-pulse { 0%, 100% { filter: drop-shadow(0 0 8px rgba(1, 171, 202, 0.3)); } 50% { filter: drop-shadow(0 0 15px rgba(0, 237, 241, 0.5)); } } .highlight { color: var(--teal-highlight); font-weight: 700; } /* Placeholder Service Highlights */ .services-row { display: flex; gap: 2rem; margin-bottom: 3rem; opacity: 0.7; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.1em; animation: fade-in-up 0.8s ease-out 0.3s both; } .service-item { display: flex; align-items: center; gap: 0.5rem; } .service-dot { width: 6px; height: 6px; background: var(--primary); border-radius: 50%; } /* Button Grouping */ .button-group { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; margin-bottom: 2.5rem; } .cta-button { display: inline-flex; align-items: center; gap: 0.75rem; padding: 1rem 2rem; background: linear-gradient(135deg, var(--primary) 0%, #019ab6 100%); color: #001a33 !important; font-weight: 700; font-size: 1rem; text-decoration: none; border-radius: 12px; transition: all 0.3s ease; box-shadow: 0 10px 40px rgba(1, 171, 202, 0.3); min-width: 180px; justify-content: center; } .cta-button-alt { background: transparent; border: 2px solid var(--primary); color: var(--primary) !important; box-shadow: none; } .cta-button:hover { transform: translateY(-3px); box-shadow: 0 15px 50px rgba(1, 171, 202, 0.5); } .cta-button-alt:hover { background: rgba(1, 171, 202, 0.1); } /* Social Media */ .social-row { display: flex; gap: 1.5rem; justify-content: center; animation: fade-in-up 0.8s ease-out 0.5s both; } .social-icon { color: rgba(241, 243, 244, 0.4); transition: all 0.3s ease; } .social-icon:hover { color: var(--primary); transform: scale(1.1); } .social-icon svg { width: 22px; height: 22px; fill: currentColor; } /* Animations */ @keyframes fade-in-down { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } @keyframes fade-in-up { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } /* Footer */ .custom-footer { position: absolute; bottom: 20px; font-size: 0.7rem; color: rgba(241, 243, 244, 0.3); }

Paris Christian Center

Official Experience Launching Soon

Outreach

Volunteering

Programs

ANOTHER CHURCH POWERED BY
SaaSquatchAI

Ready to transform your business? Discover why SaaSquatchAI is the mythical business platform that business owners have been searching for.

Learn More Call Us