:root{--primary-50: #f0f7ff;--primary-100: #e0effe;--primary-500: #0ea5e9;--primary-600: #0284c7;--primary-700: #0369a1;--secondary-500: #6366f1;--secondary-600: #4f46e5;--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--font-display: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .03);--shadow-glow: 0 0 20px rgba(14, 165, 233, .15);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s ease-in-out}html{scroll-behavior:smooth;scroll-padding-top:85px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--neutral-50);color:var(--neutral-800);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--neutral-900);font-weight:600}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--neutral-100)}::-webkit-scrollbar-thumb{background:var(--neutral-200);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-500)}.glass-panel{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}.gradient-text{background:linear-gradient(135deg,var(--primary-600) 0%,var(--secondary-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-card input:-webkit-autofill,.auth-card input:-webkit-autofill:hover,.auth-card input:-webkit-autofill:focus,.auth-card input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #1e293b inset!important;-webkit-text-fill-color:#ffffff!important;transition:background-color 5000s ease-in-out 0s}@media (min-width: 1440px){.navbar-wrapper,.hero-content-grid,.about-container,.products-container,.accessories-container,.services-container,.projects-container,.reviews-container,.faq-container,.contact-container,.footer-container,.all-proj-container,.all-products-container,.all-acc-container,.new-details-container,.proj-details-container{max-width:1400px!important;padding-left:40px!important;padding-right:40px!important}}