/* Condensed custom CSS from the original template.
   Keep design, animations, dark-mode helpers and component styles.
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

*{font-family:'Inter',sans-serif;margin:0;padding:0;box-sizing:border-box}
body{line-height:1.6;color:#374151}
.gradient-bg{background:linear-gradient(135deg,#1e40af 0%,#3b82f6 50%,#60a5fa 100%)}
.hero-bg{background:linear-gradient(rgba(30,64,175,.8),rgba(59,130,246,.6)), url(''); background-size:cover; background-position:center}
.animate-float{animation:float 6s ease-in-out infinite;will-change:transform}
.animate-slide-up{animation:slideUp .8s ease-out forwards;opacity:0;transform:translateY(30px);will-change:transform,opacity}
.animate-fade-in{animation:fadeIn 1s ease-out forwards;opacity:0;will-change:opacity}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}
@keyframes slideUp{to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{to{opacity:1}}
.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}
.card-hover:hover{transform:translateY(-8px);box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}
.btn-primary{background:linear-gradient(135deg,#1e40af,#3b82f6);transition:all .3s ease;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.btn-primary:hover{background:linear-gradient(135deg,#1e3a8a,#2563eb);transform:translateY(-2px);box-shadow:0 10px 25px rgba(59,130,246,.4)}
.nav-item{position:relative;overflow:hidden}
.nav-item::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:#3b82f6;transition:width .3s ease}
.nav-item:hover::after{width:100%}
.product-card{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}
.chatbot{position:fixed;bottom:20px;right:20px;z-index:1000}
/* dark mode helpers */
.dark-mode{background-color:#1a1a1a!important;color:#e5e5e5!important}
.dark-mode nav{background-color:rgba(26,26,26,.95)!important}
.dark-mode .bg-white{background-color:#2d2d2d!important;color:#e5e5e5!important}
.dark-mode input,.dark-mode textarea{background-color:#2d2d2d!important;color:#e5e5e5!important;border-color:#4a4a4a!important}