/* Combined and optimized CSS for improved performance *//* CSS Variables - Root */:root{--primary-gradient: linear-gradient(135deg,#44afad 0%,#415a6d 100%);--success-gradient: linear-gradient(135deg,#56ab2f 0%,#a8e6cf 100%);--info-gradient: linear-gradient(135deg,#667eea 0%,#764ba2 100%);--brand-gradient: linear-gradient(135deg,#061c2d 0%,#415a6d 100%);--font-primary: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-heading: "Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;}/* Base Styles */body{font-family: var(--font-primary);line-height: 1.6;color: #2d3748;}h1,h2,h3,h4,h5,h6{font-family: var(--font-heading);font-weight: 600;}/* Main Content */#main-content{margin-top: 60px;}.bg-gradient-primary{background: var(--primary-gradient);}.text-gradient-primary{background: var(--primary-gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}/* Navbar Styles */.navbar{background: rgba(255,255,255,0.95) !important;backdrop-filter: blur(20px);border-bottom: 1px solid rgba(0,0,0,0.05);transition: all 0.3s ease;}.navbar-brand{font-family: var(--font-heading);font-weight: 700;font-size: 1.5rem;color: #2d3748 !important;transition: all 0.3s ease;}.navbar-brand:hover{transform: scale(1.05);}.navbar-nav .nav-link{font-weight: 500;color: #4a5568 !important;margin: 0 0.5rem;padding: 0.5rem 1rem !important;border-radius: 0.5rem;transition: all 0.3s ease;position: relative;}.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{color: #667eea !important;background: rgba(102,126,234,0.1);transform: translateY(-1px);}.navbar-nav .nav-link::after{content: "";position: absolute;bottom: 0;left: 50%;width: 0;height: 2px;background: var(--primary-gradient);transform: translateX(-50%);transition: width 0.3s ease;}.navbar-nav .nav-link:hover::after,.navbar-nav .nav-link.active::after{width: 80%;}.navbar.scrolled{background: rgba(255,255,255,0.98) !important;box-shadow: 0 2px 20px rgba(0,0,0,0.1);}/* Button Styles */.btn-gradient-primary{background: var(--primary-gradient);border: none;color: white;font-weight: 500;padding: 0.75rem 2rem;border-radius: 0.5rem;transition: all 0.3s ease;}.btn-gradient-primary:hover{transform: translateY(-2px);box-shadow: 0 10px 25px rgba(102,126,234,0.3);color: white;}/* Alert Styles */.alert{border: none;border-radius: 12px;backdrop-filter: blur(20px);box-shadow: 0 4px 20px rgba(0,0,0,0.08);padding: 1rem 1.25rem;margin-bottom: 1rem;font-weight: 500;position: relative;overflow: hidden;transition: all 0.3s ease;}.alert:hover{transform: translateY(-1px);box-shadow: 0 6px 25px rgba(0,0,0,0.12);}.alert::before{content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 4px;background: currentColor;opacity: 0.6;}.alert-success{background: linear-gradient(135deg,rgba(34,197,94,0.08) 0%,rgba(34,197,94,0.02) 100%);color: #059669;border: 1px solid rgba(34,197,94,0.15);}.alert-danger,.alert-error{background: linear-gradient(135deg,rgba(239,68,68,0.08) 0%,rgba(239,68,68,0.02) 100%);color: #dc2626;border: 1px solid rgba(239,68,68,0.15);}.alert-info{background: linear-gradient(135deg,rgba(59,130,246,0.08) 0%,rgba(59,130,246,0.02) 100%);color: #2563eb;border: 1px solid rgba(59,130,246,0.15);}.alert-warning{background: linear-gradient(135deg,rgba(245,158,11,0.08) 0%,rgba(245,158,11,0.02) 100%);color: #d97706;border: 1px solid rgba(245,158,11,0.15);}.alert .btn-close{padding: 0.5rem;margin: -0.5rem -0.25rem -0.5rem auto;opacity: 0.6;transition: opacity 0.2s ease;}.alert .btn-close:hover{opacity: 1;}.alert .alert-icon{font-size: 1.125rem;margin-right: 0.75rem;opacity: 0.8;}.alert .alert-content{flex: 1;font-size: 0.95rem;line-height: 1.5;}/* Messages Container */.messages-container{position: relative;z-index: 10;}.messages-container .alert:last-child{margin-bottom: 0;}/* Main Content Padding */main{min-height: calc(100vh - 200px);}/* Animations */@keyframes fadeIn{from{opacity: 0;transform: translateY(20px);}to{opacity: 1;transform: translateY(0);}}@keyframes slideUp{from{opacity: 0;transform: translateY(30px);}to{opacity: 1;transform: translateY(0);}}@keyframes slideInLeft{from{opacity: 0;transform: translateX(-50px);}to{opacity: 1;transform: translateX(0);}}@keyframes slideInRight{from{opacity: 0;transform: translateX(50px);}to{opacity: 1;transform: translateX(0);}}@keyframes float{0%,100%{transform: translateY(0px);}50%{transform: translateY(-10px);}}@keyframes scaleIn{from{opacity: 0;transform: scale(0.8);}to{opacity: 1;transform: scale(1);}}@keyframes fadeInUp{from{opacity: 0;transform: translateY(30px);}to{opacity: 1;transform: translateY(0);}}.animate-fade-in{animation: fadeIn 1s ease-out;}.animate-fade-in-delayed{animation: fadeIn 1s ease-out 0.3s both;}.animate-slide-up{animation: slideUp 0.8s ease-out;}.animate-slide-in-left{animation: slideInLeft 0.8s ease-out;}.animate-slide-in-right{animation: slideInRight 0.8s ease-out;}.animate-float{animation: float 3s ease-in-out infinite;}.animate-scale-in{animation: scaleIn 0.6s ease-out;}.fade-in-up{animation: fadeInUp 0.6s ease-out;}/* Background Gradients */.bg-gradient-primary{background: linear-gradient(135deg,#061c2d 0%,#415a6d 100%) !important;}.bg-gradient-success{background: linear-gradient(135deg,#56ab2f 0%,#a8e6cf 100%);}.bg-gradient-info{background: linear-gradient(135deg,#667eea 0%,#764ba2 100%);}/* Timeline Styles */.timeline-container{position: relative;max-width: 800px;margin: 0 auto;}.timeline-line{position: absolute;left: 50%;width: 4px;height: 100%;background: var(--primary-gradient);transform: translateX(-50%);}.timeline-item{position: relative;margin-bottom: 3rem;}.timeline-item:nth-child(odd) .timeline-content{margin-right: 55%;}.timeline-item:nth-child(even) .timeline-content{margin-left: 55%;}.timeline-marker{position: absolute;left: 50%;top: 20px;width: 40px;height: 40px;border-radius: 50%;color: white;display: flex;align-items: center;justify-content: center;font-weight: bold;transform: translateX(-50%);z-index: 1;background: var(--primary-gradient);}.bg-info-card{background: var(--primary-gradient);}/* User Cards */.user-cards-container{display: grid;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));gap: 2rem;margin-bottom: 3rem;}.user-card{position: relative;}.card-badge{position: absolute;top: -10px;right: -10px;width: 30px;height: 30px;background: rgba(255,255,255,0.2);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.2rem;}.use-case-item{display: flex;align-items: center;margin-bottom: 0.5rem;}/* Features Grid */.features-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(250px,1fr));gap: 2rem;}.feature-item{text-align: center;padding: 1.5rem;}.feature-icon{width: 60px;height: 60px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 1rem;}/* Stats */.stat-card{transition: transform 0.3s ease;}.stat-card:hover{transform: translateY(-5px);}.step-number{width: 60px;height: 60px;}.badge{font-size: 1.5rem !important;}/* Error page styling */.error-icon{font-size: 4rem;}/* Footer Styles */.hover-primary{transition: all 0.3s ease;}.hover-primary:hover{color: #ffffff !important;transform: translateX(5px);}.footer-logo{filter: brightness(0) invert(1);}footer a:hover i{transform: scale(1.2);}footer .btn:hover{transform: translateY(-2px);box-shadow: 0 5px 15px rgba(0,0,0,0.2);}/* Order Form Styles */.section-divider{position: relative;margin-bottom: 2rem;}.section-title{display: inline-block;background: #f8f9fa;padding: 0 1rem;margin: 0;position: relative;z-index: 1;}.section-line{position: absolute;top: 50%;left: 0;right: 0;height: 2px;background: linear-gradient(to right,#667eea,#764ba2);transform: translateY(-50%);}/* Validation Fields (Bot Protection) */.validation-field{position: absolute !important;left: -9999px !important;width: 1px !important;height: 1px !important;overflow: hidden !important;clip: rect(1px,1px,1px,1px) !important;white-space: nowrap !important;opacity: 0 !important;pointer-events: none !important;}.validation-input{position: absolute !important;left: -9999px !important;width: 1px !important;height: 1px !important;overflow: hidden !important;clip: rect(1px,1px,1px,1px) !important;white-space: nowrap !important;opacity: 0 !important;border: none !important;background: transparent !important;color: transparent !important;}/* Premium Banner Styles */.premium-banner{border-radius: 0.75rem;padding: 1rem 1.25rem;margin-bottom: 1rem;}.banner-feature{background: linear-gradient(to right,#d4f1d4,#b8e6b8);border: 2px solid #e2e8f0;box-shadow: 0 4px 20px rgba(0,0,0,0.08);}.banner-feature .feature-icon{background: rgba(255,255,255,0.9);border-radius: 50%;width: 56px;height: 56px;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;color: rgb(7,122,15);box-shadow: 0 2px 8px rgba(0,0,0,0.24);}.banner-feature .banner-title{color: #2d3748;font-weight: 600;font-size: 1.1rem;}.banner-feature .banner-text{color: #4a5568;font-size: 0.875rem;line-height: 1.5;}.banner-elegant{background: #ffffff;border: 2px solid #e2e8f0;box-shadow: 0 4px 20px rgba(0,0,0,0.08);}.banner-elegant .banner-inner{padding: 0.5rem;}.banner-elegant .elegant-icon{color: #9f7aea;font-size: 2rem;}.banner-elegant .banner-title{color: #2d3748;font-weight: 600;font-size: 1.1rem;margin-bottom: 0.5rem;}.banner-elegant .banner-text{color: #4a5568;font-size: 0.875rem;line-height: 1.6;max-width: 90%;margin: 0 auto;}.small-text{font-size: 0.65rem;color: #6c757d;}.hidden{display: none !important;}/* Loading Overlay */#loading-overlay{position: fixed !important;top: 0 !important;left: 0 !important;width: 100% !important;height: 100% !important;background-color: rgba(0,0,0,0.7) !important;z-index: 999999 !important;display: none !important;justify-content: center !important;align-items: center !important;}#loading-overlay.show{display: flex !important;}.loading-content{background: white;padding: 2rem;border-radius: 0.5rem;text-align: center;box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);max-width: 400px;margin: 1rem;}.loading-content .spinner-border{width: 3rem;height: 3rem;}.form-loading{pointer-events: none;opacity: 0.6;}#submit-btn:disabled{opacity: 0.8;cursor: not-allowed;}/* Responsive Design */@media (max-width: 991.98px){.navbar-nav .nav-link{margin: 0.25rem 0;}.navbar-collapse{background: rgba(255,255,255,0.98);margin-top: 1rem;padding: 1rem;border-radius: 0.75rem;box-shadow: 0 10px 25px rgba(0,0,0,0.1);}}@media (max-width: 768px){.timeline-container{padding: 0 1rem;}.timeline-item:nth-child(odd) .timeline-content,.timeline-item:nth-child(even) .timeline-content{margin: 0;margin-left: 60px;margin-top: 0;}.timeline-line{left: 38px;width: 3px;transform: translateX(-50%);}.timeline-marker{left: 30px;width: 35px;height: 35px;font-size: 0.9rem;top: 15px;transform: translateX(-50%);}.timeline-item{margin-bottom: 2rem;}.timeline-content .card{margin-bottom: 0;}.timeline-content .card-body{padding: 1.5rem !important;}.social-icon{width: 40px !important;height: 40px !important;}footer .col-md-6.text-md-end .d-flex{justify-content: center !important;margin-top: 1rem;}.premium-banner{padding: 0.875rem 1rem;}.banner-gradient .banner-icon,.banner-feature .feature-icon{width: 40px;height: 40px;font-size: 1rem;}.banner-feature .feature-icon{width: 48px;height: 48px;font-size: 1.25rem;}.banner-text{font-size: 0.8rem !important;}.banner-title{font-size: 0.95rem !important;}}@media (max-width: 576px){.timeline-container{padding: 0 0.5rem;}.timeline-item:nth-child(odd) .timeline-content,.timeline-item:nth-child(even) .timeline-content{margin-left: 50px;}.timeline-line{left: 33px;width: 2px;transform: translateX(-50%);}.timeline-marker{left: 25px;width: 30px;height: 30px;font-size: 0.8rem;top: 10px;transform: translateX(-50%);}.timeline-content .card-body{padding: 1rem !important;}.timeline-content .card-body h4{font-size: 1.1rem;}.timeline-content .card-body p{font-size: 0.9rem;}.social-icon{width: 40px !important;height: 40px !important;}}