/* The Crystal Creation - Production Stylesheet */
:root{--primary:#1E3A8A;--primary-light:#3B82F6;--accent:#F59E0B;--success:#10B981;--error:#EF4444;--dark:#0A0A0A;--gray-50:#F9FAFB;--gray-100:#F3F4F6;--gray-200:#E5E7EB;--gray-300:#D1D5DB;--gray-600:#4B5563;--gray-900:#111827;--white:#FFFFFF;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.1);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--shadow-xl:0 20px 25px rgba(0,0,0,.15);--transition:all .3s cubic-bezier(.4,0,.2,1)}*,::before,::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:'Inter',sans-serif;font-size:16px;line-height:1.6;color:var(--gray-900);background:var(--white);overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit;transition:var(--transition)}button{font-family:inherit;cursor:pointer;border:none;background:none}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}

/* Navigation */
.navbar{position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--gray-200);z-index:1000;transition:var(--transition)}.navbar.scrolled{box-shadow:var(--shadow-md)}.nav-container{display:flex;align-items:center;justify-content:space-between;height:72px}.logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.25rem;color:var(--primary)}.logo-icon{font-size:1.5rem}.nav-menu{display:flex;align-items:center;gap:32px}.nav-menu a{font-weight:500;font-size:.9375rem;transition:color .2s}.nav-menu a:hover,.nav-menu a.active{color:var(--primary)}.menu-toggle{display:none;flex-direction:column;gap:6px;width:28px;height:28px}.menu-toggle span{width:100%;height:2px;background:var(--gray-900);transition:var(--transition)}

/* Buttons */
.btn-primary,.btn-secondary{display:inline-block;padding:12px 24px;border-radius:8px;font-weight:600;font-size:.9375rem;transition:var(--transition);text-align:center}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--primary);color:var(--white)}.btn-lg{padding:16px 32px;font-size:1rem}

/* Hero Section */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 0 80px;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#1E3A8A 0%,#3B82F6 50%,#F59E0B 100%);opacity:.05;animation:gradient 15s ease infinite;background-size:200% 200%}@keyframes gradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.hero-container{position:relative;z-index:1;text-align:center}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1;margin-bottom:24px}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--primary-light),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1.125rem,2vw,1.5rem);color:var(--gray-600);margin-bottom:40px;min-height:2em}.typewriter{border-right:2px solid var(--primary);white-space:nowrap;overflow:hidden;animation:typing 3s steps(50) 1s 1 normal both,blink .75s step-end infinite}@keyframes typing{from{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}.hero-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:64px}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:24px;max-width:700px;margin:0 auto}.stat-card{padding:24px;background:var(--white);border-radius:16px;box-shadow:var(--shadow-md);transition:var(--transition)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-number{font-size:2.5rem;font-weight:700;color:var(--primary);margin-bottom:8px}.stat-label{font-size:.875rem;color:var(--gray-600)}.scroll-indicator{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--gray-600);font-size:.875rem;animation:bounce 2s infinite}@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}

/* Sections */
section{padding:80px 0}.page-header{padding:120px 0 64px;text-align:center;background:linear-gradient(180deg,var(--gray-50) 0%,var(--white) 100%)}.page-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:16px}.page-desc{font-size:1.125rem;color:var(--gray-600);max-width:600px;margin:0 auto}.section-header{text-align:center;margin-bottom:64px}.section-badge{display:inline-block;padding:6px 16px;background:var(--gray-100);color:var(--primary);border-radius:20px;font-size:.875rem;font-weight:600;margin-bottom:16px}.section-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;margin-bottom:16px}.section-desc{font-size:1.125rem;color:var(--gray-600);max-width:600px;margin:0 auto}

/* Template Grid */
.template-grid,.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}.template-card{background:var(--white);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition)}.template-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.template-image{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--gray-100)}.template-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.template-card:hover .template-image img{transform:scale(1.05)}.template-overlay{position:absolute;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;gap:16px;opacity:0;transition:opacity .3s}.template-card:hover .template-overlay{opacity:1}.template-content{padding:24px}.template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.template-badge{padding:4px 12px;background:var(--gray-100);color:var(--primary);border-radius:12px;font-size:.75rem;font-weight:600}.template-price{font-size:1.25rem;font-weight:700;color:var(--primary)}.template-title{font-size:1.25rem;font-weight:700;margin-bottom:8px}.template-desc{color:var(--gray-600);margin-bottom:16px;font-size:.9375rem}.template-features{display:flex;flex-direction:column;gap:8px}.template-features li{font-size:.875rem;color:var(--gray-600)}.section-cta{text-align:center;margin-top:64px}

/* Filter Bar */
.filter-section{padding:24px 0;background:var(--white);border-bottom:1px solid var(--gray-200);position:sticky;top:72px;z-index:100}.filter-bar{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.filter-group{flex:1;min-width:200px}.filter-group label{display:block;font-size:.875rem;font-weight:600;color:var(--gray-600);margin-bottom:8px}.filter-select,.filter-search{width:100%;padding:12px 16px;border:1px solid var(--gray-300);border-radius:8px;font-size:.9375rem;transition:var(--transition)}.filter-select:focus,.filter-search:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(30,58,138,.1)}.search-group{flex:2}.filter-results{display:flex;align-items:center;padding:12px 16px;background:var(--gray-100);border-radius:8px;font-size:.875rem;font-weight:600;color:var(--gray-600);white-space:nowrap}#resultsCount{color:var(--primary);margin:0 4px}.no-results{text-align:center;padding:80px 24px}.no-results-icon{font-size:4rem;margin-bottom:16px}.no-results h3{font-size:1.5rem;margin-bottom:8px}.no-results p{color:var(--gray-600);margin-bottom:24px}

/* Services */
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.service-card{padding:40px;background:var(--white);border-radius:16px;box-shadow:var(--shadow-md);transition:var(--transition);position:relative}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.service-card.featured{border:2px solid var(--accent)}.featured-badge{position:absolute;top:-12px;right:24px;padding:6px 16px;background:var(--accent);color:var(--white);border-radius:20px;font-size:.75rem;font-weight:600}.service-icon{font-size:3rem;margin-bottom:16px}.service-card h3{font-size:1.5rem;margin-bottom:8px}.service-price{font-size:1.25rem;font-weight:700;color:var(--primary);margin-bottom:16px}.service-features{margin:24px 0}.service-features li{padding:8px 0;color:var(--gray-600);font-size:.9375rem}.addons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.addon-card{padding:24px;background:var(--gray-50);border-radius:12px;transition:var(--transition)}.addon-card:hover{background:var(--white);box-shadow:var(--shadow-md)}.addon-card h4{font-size:1.125rem;margin-bottom:8px}.addon-price{font-size:1.125rem;font-weight:700;color:var(--primary);margin-bottom:12px}

/* Steps & Timeline */
.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px}.step-card{padding:32px;text-align:center;background:var(--white);border-radius:16px;box-shadow:var(--shadow-md);transition:var(--transition)}.step-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.step-number{position:absolute;top:-16px;left:50%;transform:translateX(-50%);width:40px;height:40px;background:var(--primary);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem}.step-icon{font-size:3rem;margin-bottom:16px}.step-card h3{font-size:1.25rem;margin-bottom:12px}.timeline{max-width:800px;margin:0 auto}.timeline-item{display:flex;gap:24px;margin-bottom:40px}.timeline-marker{flex-shrink:0;width:48px;height:48px;background:var(--primary);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem}.timeline-content h3{font-size:1.25rem;margin-bottom:8px}

/* Testimonials */
.testimonial-carousel{position:relative;overflow:hidden;padding:40px 0}.testimonial-track{display:flex;gap:32px;transition:transform .5s ease}.testimonial-card{flex:0 0 100%;max-width:600px;padding:32px;background:var(--white);border-radius:16px;box-shadow:var(--shadow-md)}.testimonial-stars{color:var(--accent);font-size:1.25rem;margin-bottom:16px}.testimonial-text{font-size:1.125rem;line-height:1.8;margin-bottom:24px;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:16px}.author-avatar{width:48px;height:48px;background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.author-name{font-weight:600}.author-role{font-size:.875rem;color:var(--gray-600)}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:var(--white);border-radius:50%;box-shadow:var(--shadow-md);font-size:1.5rem;color:var(--primary);transition:var(--transition)}.carousel-btn:hover{background:var(--primary);color:var(--white)}.carousel-btn.prev{left:0}.carousel-btn.next{right:0}

/* Contact */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.contact-info h2{font-size:2rem;margin-bottom:16px}.contact-methods{margin:40px 0}.contact-method{display:flex;gap:16px;margin-bottom:24px}.method-icon{font-size:2rem}.contact-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;font-size:.9375rem}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:1px solid var(--gray-300);border-radius:8px;font-size:.9375rem;font-family:inherit;transition:var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(30,58,138,.1)}.form-note{font-size:.875rem;color:var(--gray-600;text-align:center}.alert{padding:16px;border-radius:8px;margin-bottom:24px}.alert-success{background:#D1FAE5;color:#065F46;border:1px solid #10B981}.alert-error{background:#FEE2E2;color:#991B1B;border:1px solid #EF4444}

/* About */
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.story-content h2{font-size:2rem;margin:16px 0 24px}.story-content p{margin-bottom:16px;color:var(--gray-600)}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px}.value-card{padding:32px;text-align:center;background:var(--gray-50);border-radius:16px;transition:var(--transition)}.value-card:hover{background:var(--white);box-shadow:var(--shadow-md)}.value-icon{font-size:3rem;margin-bottom:16px}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px}.team-member{text-align:center}.member-avatar{width:120px;height:120px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:var(--white)}.member-role{color:var(--primary);font-weight:600;margin-bottom:8px}.member-bio{font-size:.9375rem;color:var(--gray-600)}.stats-grid-large{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px}.stat-card-large{padding:48px;background:var(--gray-50);border-radius:16px;text-align:center}.stat-number-large{font-size:3.5rem;font-weight:700;color:var(--primary);margin-bottom:12px}.stat-label-large{font-size:1.125rem;color:var(--gray-600)}.mission-section{background:var(--gray-50);border-radius:24px;padding:80px 24px}.mission-content{max-width:800px;margin:0 auto;text-align:center}.mission-content h2{font-size:2rem;margin:16px 0 24px}.mission-content p{margin-bottom:16px;color:var(--gray-600)}.mission-content .btn-primary{margin-top:24px}

/* FAQ */
.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.faq-item{padding:24px;background:var(--gray-50);border-radius:12px}.faq-item h3{font-size:1.125rem;margin-bottom:12px}.faq-item p{color:var(--gray-600);font-size:.9375rem}

/* CTA Section */
.cta-section{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:var(--white);text-align:center;border-radius:24px;padding:80px 24px;margin:80px 0}.cta-content h2{font-size:clamp(1.75rem,3vw,2.5rem);margin-bottom:16px}.cta-content p{font-size:1.125rem;margin-bottom:32px;opacity:.9}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.cta-guarantee{margin-top:24px;font-size:.875rem;opacity:.9}

/* Footer */
.footer{background:var(--gray-900);color:var(--gray-300);padding:64px 0 24px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:48px;margin-bottom:48px}.footer-col h4{color:var(--white);margin-bottom:16px}.footer-col ul li{margin-bottom:12px}.footer-col ul li a:hover{color:var(--white)}.footer-desc{margin:16px 0;opacity:.8}.social-links{display:flex;gap:16px;margin-top:24px}.social-links a{width:40px;height:40px;background:var(--gray-600);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.social-links a:hover{background:var(--primary)}.footer-bottom{text-align:center;padding-top:32px;border-top:1px solid var(--gray-600).footer-bottom p{margin:8px 0;font-size:.875rem}

/* Modal */
.modal{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center}.modal.active{display:flex}.modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.8)}.modal-content{position:relative;width:90%;max-width:1200px;height:90vh;background:var(--white);border-radius:16px;overflow:hidden;z-index:1}.modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;background:var(--white);border-radius:50%;font-size:1.5rem;z-index:2}.modal-body{height:100%}.modal-body iframe{width:100%;height:100%}

/* Animations */
[data-aos]{opacity:0;transition:var(--transition)}[data-aos].aos-animate{opacity:1}[data-aos="fade-up"]{transform:translateY(40px)}[data-aos="fade-up"].aos-animate{transform:translateY(0)}

/* Responsive */
@media(max-width:768px){.nav-menu{position:fixed;top:72px;left:0;right:0;background:var(--white);flex-direction:column;align-items:stretch;padding:24px;border-bottom:1px solid var(--gray-200);transform:translateY(-100%);opacity:0;visibility:hidden;transition:var(--transition)}.nav-menu.active{transform:translateY(0);opacity:1;visibility:visible}.nav-menu li{width:100%}.nav-menu a{display:block;padding:12px 0}.menu-toggle{display:flex}.hero-cta{flex-direction:column}.hero-stats{grid-template-columns:1fr 1fr}.template-grid,.templates-grid{grid-template-columns:1fr}.contact-grid,.story-grid{grid-template-columns:1fr}.filter-bar{flex-direction:column}.filter-group,.search-group{min-width:100%}.testimonial-card{flex:0 0 100%}.carousel-btn{display:none}section{padding:48px 0}}