html{-webkit-text-size-adjust:100%;text-size-adjust:100%}*,*::before,*::after{box-sizing:border-box}:root{--primary-color:#007bff;--secondary-color:#6c757d;--success-color:#28a745;--danger-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8;--light-color:#f8f9fa;--dark-color:#343a40;--white:#ffffff;--black:#000000;--bg-primary:#ffffff;--bg-secondary:#f8f9fa;--text-primary:#212529;--text-secondary:#6c757d;--border-color:#dee2e6;--shadow:rgba(0,0,0,0.1)}[data-theme="dark"]{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--text-primary:#ffffff;--text-secondary:#adb5bd;--border-color:#495057;--shadow:rgba(255,255,255,0.1)}[data-theme="dark"] .form-control{background-color:#2d2d2d !important;border:2px solid #4a4a4a !important;border-radius:12px !important;color:#ffffff !important;box-shadow:inset 0 2px 6px rgba(0,0,0,0.4),0 2px 8px rgba(102,126,234,0.12) !important;transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275) !important}[data-theme="dark"] .form-control:hover{border-color:#555555 !important;box-shadow:inset 0 2px 6px rgba(0,0,0,0.4),0 4px 12px rgba(102,126,234,0.18) !important}[data-theme="dark"] .form-control:focus{background-color:#2d2d2d !important;border-color:#667eea !important;color:#ffffff !important;box-shadow:inset 0 2px 6px rgba(0,0,0,0.4),0 0 0 0.3rem rgba(102,126,234,0.2),0 6px 16px rgba(102,126,234,0.25) !important;outline:none !important}[data-theme="dark"] .form-select{background-color:#2d2d2d !important;border:2px solid #4a4a4a !important;border-radius:12px !important;color:#ffffff !important;box-shadow:inset 0 2px 6px rgba(0,0,0,0.4),0 2px 8px rgba(102,126,234,0.12) !important;transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275) !important}[data-theme="dark"] .form-select:hover{border-color:#555555 !important;box-shadow:inset 0 2px 6px rgba(0,0,0,0.4),0 4px 12px rgba(102,126,234,0.18) !important}[data-theme="dark"] .form-select:focus{background-color:#2d2d2d !important;border-color:#667eea !important;color:#ffffff !important;box-shadow:inset 0 2px 6px rgba(0,0,0,0.4),0 0 0 0.3rem rgba(102,126,234,0.2),0 6px 16px rgba(102,126,234,0.25) !important;outline:none !important}[data-theme="dark"] .form-control[readonly]{background-color:#343a40 !important;border-color:#495057 !important;color:#adb5bd !important}.form-control[readonly]:not(.member-since-field){background-color:#e9ecef !important;opacity:1 !important}[data-theme="dark"] .form-control[readonly]:not(.member-since-field){background-color:#343a40 !important;color:#adb5bd !important}input[readonly].member-since-field.form-control{background-color:#fff !important;border-color:#ced4da !important;color:#495057 !important}[data-theme="dark"] input[readonly].member-since-field.form-control{background-color:#2d2d2d !important;border-color:#495057 !important;color:#ffffff !important}[data-theme="dark"] .form-label{color:#ffffff !important}[data-theme="dark"] .form-select{background-color:#2d2d2d !important;border-color:#495057 !important;color:#ffffff !important}[data-theme="dark"] .form-check-label{color:#ffffff !important}[data-theme="dark"] .card{background-color:#2d2d2d !important;border-color:#495057 !important;color:#ffffff !important}[data-theme="dark"] .card-header{background-color:#343a40 !important;border-bottom-color:#495057 !important;color:#ffffff !important}[data-theme="dark"] .card-body{color:#ffffff !important}[data-theme="dark"] .text-muted{color:#adb5bd !important}[data-theme="dark"] .text-dark{color:#ffffff !important}[data-theme="dark"] h1,[data-theme="dark"] h2,[data-theme="dark"] h3,[data-theme="dark"] h4,[data-theme="dark"] h5,[data-theme="dark"] h6{color:#ffffff !important}[data-theme="dark"] .badge{border:1px solid rgba(255,255,255,0.2)}[data-theme="dark"] .btn-outline-secondary{color:#adb5bd !important;border-color:#495057 !important}[data-theme="dark"] .btn-outline-secondary:hover{background-color:#495057 !important;border-color:#495057 !important;color:#ffffff !important}[data-theme="dark"] .list-group-item{background-color:#2d2d2d !important;border-color:#495057 !important;color:#ffffff !important}[data-theme="dark"] .list-group-item:hover{background-color:#343a40 !important}[data-theme="dark"] .alert{border-color:#495057 !important}[data-theme="dark"] .alert-success{background-color:rgba(40,167,69,0.2) !important;border-color:#28a745 !important;color:#d4edda !important}[data-theme="dark"] .alert-danger{background-color:rgba(220,53,69,0.2) !important;border-color:#dc3545 !important;color:#f8d7da !important}[data-theme="dark"] .alert-info{background-color:rgba(23,162,184,0.2) !important;border-color:#17a2b8 !important;color:#d1ecf1 !important}[data-theme="dark"] .alert-warning{background-color:rgba(255,193,7,0.2) !important;border-color:#ffc107 !important;color:#fff3cd !important}[data-theme="dark"] .table{color:#ffffff !important}[data-theme="dark"] .table th{border-color:#495057 !important;color:#ffffff !important}[data-theme="dark"] .table td{border-color:#495057 !important;color:#ffffff !important}[data-theme="dark"] .table-hover tbody tr:hover{background-color:rgba(255,255,255,0.075) !important}[data-theme="dark"] .modal-content{background-color:#2d2d2d !important;border-color:#495057 !important}[data-theme="dark"] .modal-header{border-bottom-color:#495057 !important}[data-theme="dark"] .modal-footer{border-top-color:#495057 !important}[data-theme="dark"] .dropdown-menu{background-color:#2d2d2d !important;border-color:#495057 !important}[data-theme="dark"] .dropdown-item{color:#ffffff !important}[data-theme="dark"] .dropdown-item:hover{background-color:#343a40 !important;color:#ffffff !important}[data-theme="dark"] .dropdown-divider{border-color:#495057 !important}[data-theme="dark"] .breadcrumb{background-color:#2d2d2d !important}[data-theme="dark"] .breadcrumb-item a{color:#007bff !important}[data-theme="dark"] .breadcrumb-item.active{color:#adb5bd !important}[data-theme="dark"] .page-link{background-color:#2d2d2d !important;border-color:#495057 !important;color:#ffffff !important}[data-theme="dark"] .page-link:hover{background-color:#343a40 !important;border-color:#495057 !important;color:#ffffff !important}[data-theme="dark"] .page-item.active .page-link{background-color:#007bff !important;border-color:#007bff !important}[data-theme="dark"] hr{border-color:#495057 !important}[data-theme="dark"] .border{border-color:#495057 !important}[data-theme="dark"] .border-top{border-top-color:#495057 !important}[data-theme="dark"] .border-bottom{border-bottom-color:#495057 !important}[data-theme="dark"] .border-left{border-left-color:#495057 !important}[data-theme="dark"] .border-right{border-right-color:#495057 !important}.form-control.member-since-field{cursor:default !important}.form-control.member-since-field[readonly]{background-color:#fff !important;border-color:#ced4da !important;color:#495057 !important;opacity:1 !important;-webkit-appearance:none !important;-moz-appearance:none !important;-webkit-appearance:none !important;appearance:none !important}[data-theme="dark"] .form-control.member-since-field[readonly]{background-color:#2d2d2d !important;border-color:#495057 !important;color:#ffffff !important;opacity:1 !important;-webkit-appearance:none !important;-moz-appearance:none !important;-webkit-appearance:none !important;appearance:none !important}.form-control.member-since-field[readonly]:focus{background-color:#fff !important;border-color:#80bdff !important;box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25) !important;outline:0 !important}[data-theme="dark"] .form-control.member-since-field[readonly]:focus{background-color:#2d2d2d !important;border-color:#007bff !important;box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25) !important;outline:0 !important}input.form-control.member-since-field[readonly]{background-color:#fff !important;color:#495057 !important}[data-theme="dark"] input.form-control.member-since-field[readonly]{background-color:#2d2d2d !important;color:#ffffff !important}[data-theme="dark"] .list-group-item{background-color:transparent !important;border-color:#495057 !important;color:#ffffff !important}[data-theme="dark"] .list-group-item:hover{background-color:rgba(255,255,255,0.1) !important}[data-theme="dark"] .list-group-item.active{background-color:#007bff !important;border-color:#007bff !important;color:#ffffff !important}[data-theme="dark"] .navbar.navbar-light.bg-white,[data-theme="dark"] .navbar.navbar-expand-lg.navbar-light.bg-white,[data-theme="dark"] nav.navbar.navbar-expand-lg.navbar-light.bg-white{background-color:#1a1a1a !important;border-bottom:1px solid #495057 !important}[data-theme="dark"] .navbar.navbar-light .navbar-brand,[data-theme="dark"] .navbar .navbar-brand.fw-bold,[data-theme="dark"] nav.navbar .navbar-brand{color:#ffffff !important}[data-theme="dark"] .navbar.navbar-light .navbar-brand:hover,[data-theme="dark"] .navbar.navbar-light .navbar-brand:focus,[data-theme="dark"] .navbar .navbar-brand.fw-bold:hover,[data-theme="dark"] .navbar .navbar-brand.fw-bold:focus{color:#007bff !important}[data-theme="dark"] .navbar.navbar-light .navbar-nav .nav-link,[data-theme="dark"] .navbar .navbar-nav .nav-link,[data-theme="dark"] nav.navbar .navbar-nav .nav-link{color:#ffffff !important}[data-theme="dark"] .navbar.navbar-light .navbar-nav .nav-link:hover,[data-theme="dark"] .navbar.navbar-light .navbar-nav .nav-link:focus,[data-theme="dark"] .navbar .navbar-nav .nav-link:hover,[data-theme="dark"] .navbar .navbar-nav .nav-link:focus{color:#007bff !important}[data-theme="dark"] .navbar.navbar-light .navbar-nav .nav-link.active,[data-theme="dark"] .navbar .navbar-nav .nav-link.active{color:#007bff !important}[data-theme="dark"] .navbar.navbar-light .dropdown-toggle::after,[data-theme="dark"] .navbar .dropdown-toggle::after{border-top-color:#ffffff !important}[data-theme="dark"] .navbar.navbar-light .navbar-nav .dropdown-toggle,[data-theme="dark"] .navbar .navbar-nav .dropdown-toggle{color:#ffffff !important}[data-theme="dark"] .navbar.navbar-light .navbar-nav .dropdown-toggle:hover,[data-theme="dark"] .navbar .navbar-nav .dropdown-toggle:hover{color:#007bff !important}html[data-theme="dark"] .navbar.navbar-light .navbar-nav .nav-link,html[data-theme="dark"] .navbar-light .navbar-nav .nav-link,html[data-theme="dark"] body .navbar .navbar-nav .nav-link{color:#ffffff !important}html[data-theme="dark"] .navbar.navbar-light .navbar-nav .nav-link:hover,html[data-theme="dark"] .navbar-light .navbar-nav .nav-link:hover,html[data-theme="dark"] body .navbar .navbar-nav .nav-link:hover{color:#007bff !important}html[data-theme="dark"] .navbar.navbar-light,html[data-theme="dark"] .navbar-light,html[data-theme="dark"] body .navbar{background-color:#1a1a1a !important}html[data-theme="dark"] .navbar.navbar-light .navbar-brand,html[data-theme="dark"] .navbar-light .navbar-brand,html[data-theme="dark"] body .navbar .navbar-brand{color:#ffffff !important}[data-theme="dark"] nav.navbar.navbar-expand-lg.navbar-light.bg-white.shadow-sm.fixed-top.d-none.d-lg-block{background-color:#1a1a1a !important;background:#1a1a1a !important}[data-theme="dark"] nav.navbar.navbar-expand-lg.navbar-light.bg-white .navbar-nav .nav-link{color:#ffffff !important}[data-theme="dark"] nav.navbar.navbar-expand-lg.navbar-light.bg-white .navbar-nav .nav-link:hover{color:#007bff !important}[data-theme="dark"] nav.navbar.navbar-expand-lg.navbar-light.bg-white .navbar-brand{color:#ffffff !important}[data-theme="dark"] .navbar-light .navbar-nav .nav-link{color:#ffffff !important}[data-theme="dark"] .navbar-light .navbar-nav .nav-link:hover,[data-theme="dark"] .navbar-light .navbar-nav .nav-link:focus{color:#007bff !important}[data-theme="dark"] .navbar-light .navbar-brand{color:#ffffff !important}[data-theme="dark"] .navbar-light .navbar-brand:hover,[data-theme="dark"] .navbar-light .navbar-brand:focus{color:#007bff !important}[data-theme="dark"] .navbar .form-control{background-color:#2d2d2d !important;border-color:#495057 !important;color:#ffffff !important}.navbar-brand{transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);position:relative}.navbar-brand:hover{transform:scale(1.05)}.navbar-brand::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);transition:width 0.3s ease}.navbar-brand:hover::after{width:100%}.navbar-nav .nav-link{position:relative;transition:all 0.3s ease;font-weight:500}.navbar-nav .nav-link::before{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transition:width 0.3s cubic-bezier(0.175,0.885,0.32,1.275)}.navbar-nav .nav-link:hover::before,.navbar-nav .nav-link.active::before{width:100%}.navbar-nav .nav-link:hover{color:#667eea !important;transform:translateY(-2px)}.dropdown-menu{border:none;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,0.12);animation:slideDown 0.3s cubic-bezier(0.175,0.885,0.32,1.275);margin-top:10px;padding:0.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(255,255,255,0.95) 0%,rgba(248,249,250,0.95) 100%)}@keyframes slideDown{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border-radius:8px;margin:4px 0;padding:0.85rem 1.1rem !important;position:relative;overflow:hidden;color:#495057;font-weight:500;display:flex;align-items:center;gap:0.75rem}.dropdown-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(102,126,234,0) 0%,rgba(102,126,234,0.15) 100%);opacity:0;transition:opacity 0.3s ease;z-index:0}.dropdown-item::after{content:'';position:absolute;left:0;top:50%;width:3px;height:0;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:3px;transform:translateY(-50%);transition:height 0.3s cubic-bezier(0.4,0,0.2,1);z-index:1}.dropdown-item i{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#667eea;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border-radius:6px;background:rgba(102,126,234,0.1);position:relative;z-index:2;flex-shrink:0;box-shadow:0 2px 8px rgba(102,126,234,0.1)}.dropdown-item:hover{background-color:rgba(102,126,234,0.1);color:#667eea;transform:translateX(8px);box-shadow:0 6px 16px rgba(102,126,234,0.2);filter:drop-shadow(0 4px 12px rgba(102,126,234,0.2))}.dropdown-item:hover::before{opacity:1}.dropdown-item:hover::after{height:100%}.dropdown-item:hover i{transform:scale(1.25) rotate(5deg);background:rgba(102,126,234,0.2);box-shadow:0 4px 12px rgba(102,126,234,0.3);filter:drop-shadow(0 0 8px rgba(102,126,234,0.4))}.dropdown-item:hover{background:linear-gradient(135deg,rgba(102,126,234,0.08) 0%,rgba(118,75,162,0.08) 100%)}.dropdown-item:active{transform:translateX(4px) scale(0.98);box-shadow:inset 0 2px 8px rgba(102,126,234,0.15)}.dropdown-item:active i{transform:scale(1.15) rotate(3deg);background:rgba(102,126,234,0.25)}.dropdown-item span,.dropdown-item strong{position:relative;z-index:2;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.dropdown-item:hover span,.dropdown-item:hover strong{transform:translateX(2px);color:#667eea}.dropdown-item:nth-child(1){animation:fadeInUp 0.4s cubic-bezier(0.4,0,0.2,1) 0.05s both}.dropdown-item:nth-child(2){animation:fadeInUp 0.4s cubic-bezier(0.4,0,0.2,1) 0.1s both}.dropdown-item:nth-child(3){animation:fadeInUp 0.4s cubic-bezier(0.4,0,0.2,1) 0.15s both}.dropdown-item:nth-child(4){animation:fadeInUp 0.4s cubic-bezier(0.4,0,0.2,1) 0.2s both}.dropdown-item:nth-child(5){animation:fadeInUp 0.4s cubic-bezier(0.4,0,0.2,1) 0.25s both}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item:hover i{animation:iconPulse 0.6s ease-out}@keyframes iconPulse{0%{box-shadow:0 4px 12px rgba(102,126,234,0.3)}50%{box-shadow:0 4px 20px rgba(102,126,234,0.5)}100%{box-shadow:0 4px 12px rgba(102,126,234,0.3)}}.dropdown-item:focus{outline:none;background-color:rgba(102,126,234,0.12);box-shadow:inset 0 0 8px rgba(102,126,234,0.2)}.dropdown-item{text-decoration:none}.dropdown-item:visited{color:#495057}.dropdown-item:hover,.dropdown-item:focus{text-decoration:none}.dropdown-divider{border-color:#e9ecef;margin:0.5rem 0;transition:all 0.3s ease;opacity:0.6}.dropdown-divider{border-top:1px solid;background:linear-gradient(90deg,transparent,rgba(102,126,234,0.2),transparent)}.navbar .btn-outline-primary{transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;overflow:visible !important;background-color:white !important;color:#007bff !important;border:2px solid #007bff !important;z-index:5;display:inline-flex;align-items:center;justify-content:center;height:auto;min-width:44px;padding:0.375rem 0.75rem}.navbar .btn-outline-primary::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#667eea,#764ba2);z-index:-1;transition:opacity 0.3s cubic-bezier(0.175,0.885,0.32,1.275);opacity:0;border-radius:inherit}.navbar .btn-outline-primary:hover{color:#ffffff !important;border-color:#007bff !important;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,123,255,0.2) !important;background-color:#007bff !important}.navbar .btn-outline-primary:hover::before{opacity:0}.navbar .d-flex.align-items-center{position:relative;z-index:1}.navbar>.container a[href="cart.php"],.navbar .btn-outline-primary[href="cart.php"]{position:relative !important;z-index:5 !important;order:2}.navbar .btn-outline-primary{position:relative;display:inline-flex;align-items:center;justify-content:center}.navbar .dropdown{position:relative;z-index:6;order:3}.navbar .d-flex[action*="search"]{order:1;position:relative;z-index:4}.navbar .btn-primary::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,0.3),transparent);opacity:0;transition:opacity 0.3s ease}.navbar .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(102,126,234,0.4)}.navbar .btn-primary:hover::before{opacity:1}.navbar .d-flex[action*="search"]{max-width:250px}.navbar .badge{animation:pulse 2s infinite;transition:transform 0.3s ease}.navbar .position-relative:hover .badge{transform:scale(1.15);animation:none}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(220,53,69,0.7)}50%{box-shadow:0 0 0 8px rgba(220,53,69,0)}}.navbar .btn-glass-green{background:linear-gradient(135deg,#28a745,#20c997);border:none;transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;overflow:hidden}.navbar .btn-glass-green::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0.3),transparent);transition:left 0.3s cubic-bezier(0.175,0.885,0.32,1.275)}.navbar .btn-glass-green:hover::before{left:100%}.navbar .btn-glass-green:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(40,167,69,0.4);color:white}.mobile-appbar{background:linear-gradient(180deg,#ffffff,#f8f9fa);border-bottom:1px solid #e0e0e0;transition:all 0.3s ease}.mobile-appbar .btn-link{transition:all 0.3s ease;color:#495057}.mobile-appbar .btn-link:hover{color:#667eea;transform:scale(1.1)}.mobile-appbar .navbar-brand{transition:all 0.3s ease}.mobile-appbar .navbar-brand:hover{transform:scale(1.1)}[data-theme="dark"] .navbar-nav .nav-link::before{background:linear-gradient(90deg,#667eea,#764ba2)}[data-theme="dark"] .dropdown-menu{background-color:#2d2d2d;border:1px solid #495057}[data-theme="dark"] .dropdown-item:hover{background:linear-gradient(135deg,rgba(102,126,234,0.2) 0%,rgba(118,75,162,0.2) 100%) !important}[data-theme="dark"] .navbar .input-group .form-control:hover{border-color:#667eea}body.bg-light.auth-page{background:linear-gradient(135deg,#1a3a52 0%,#0f766e 100%);min-height:100vh}.auth-container{position:relative;background:transparent;margin:0;padding:0}.auth-container::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="20" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="80" r="30" fill="rgba(255,255,255,0.05)"/></svg>');z-index:0;animation:float 6s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(20px)}}.auth-container>.row{position:relative;z-index:1;margin:0 !important;gap:0 !important}.login-left-section{gap:0 !important;margin:0 !important;background:linear-gradient(135deg,#1a3a52 0%,#2c5282 100%) !important;display:flex;align-items:center;justify-content:center;padding:3rem 2rem !important;min-height:100vh}.login-right-section{gap:0 !important;margin:0 !important;background:linear-gradient(135deg,#0f766e 0%,#14b8a6 100%) !important;display:flex;align-items:center;justify-content:center;padding:3rem 2rem !important;min-height:100vh}@media (max-width:991px){.login-left-section,.login-right-section{min-height:auto !important;padding:2rem !important}}.auth-card{background:rgba(255,255,255,0.95) !important;-webkit-backdrop-filter:blur(10px) !important;backdrop-filter:blur(10px) !important;border:1px solid rgba(255,255,255,0.2) !important;border-radius:20px !important;box-shadow:0 8px 32px 0 rgba(31,38,135,0.37) !important;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275) !important;position:relative;overflow:hidden}.auth-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s ease;z-index:-1}.auth-card:hover{transform:translateY(-1px);box-shadow:0 16px 48px 0 rgba(31,38,135,0.5) !important;border-color:rgba(255,255,255,0.4) !important}.auth-card:hover::before{left:100%}.auth-card .form-outline .form-control{background-color:rgba(255,255,255,0.8) !important;border:2px solid rgba(102,126,234,0.3) !important;border-radius:12px !important;transition:all 0.3s ease !important;padding:0.75rem 1rem !important}.auth-card .form-outline .form-control:focus{background-color:rgba(255,255,255,0.95) !important;border-color:#667eea !important;box-shadow:0 4px 15px rgba(102,126,234,0.3) !important;transform:translateY(-2px)}.auth-card .form-outline .form-control:hover{border-color:#667eea !important;box-shadow:0 4px 12px rgba(102,126,234,0.2) !important}.auth-card .form-label{color:#495057 !important;font-weight:600 !important}.auth-card .form-control{background:rgba(255,255,255,0.8) !important;border:2px solid rgba(102,126,234,0.2) !important;border-radius:12px !important;transition:all 0.3s ease !important}.auth-card .form-control:focus{background:rgba(255,255,255,0.95) !important;border-color:#667eea !important;box-shadow:0 4px 15px rgba(102,126,234,0.3) !important}.auth-card .form-check-input{background-color:rgba(102,126,234,0.1) !important;border:2px solid #667eea !important;transition:all 0.3s ease !important}.auth-card .form-check-input:checked{background-color:#667eea !important;border-color:#667eea !important;box-shadow:0 0 0 0.25rem rgba(102,126,234,0.25) !important}.auth-card .form-check-input:hover{transform:scale(1.1);box-shadow:0 0 0 0.25rem rgba(102,126,234,0.15) !important}.auth-card .btn-primary,.auth-card .btn-lg{background:linear-gradient(135deg,#667eea,#764ba2) !important;border:none !important;border-radius:12px !important;font-weight:600 !important;letter-spacing:0.5px !important;transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275) !important;position:relative;overflow:hidden;box-shadow:0 8px 20px rgba(102,126,234,0.3) !important}.auth-card .btn-primary::before,.auth-card .btn-lg::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgba(255,255,255,0.3);transition:left 0.3s ease;z-index:-1}.auth-card .btn-primary:hover,.auth-card .btn-lg:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(102,126,234,0.5) !important;color:white !important}.auth-card .btn-primary:hover::before,.auth-card .btn-lg:hover::before{left:100%}.auth-card .btn-primary:active,.auth-card .btn-lg:active{transform:translateY(-1px)}.auth-card .social-divider-text{position:relative;margin-bottom:1.5rem !important}.auth-card .social-divider-text::before,.auth-card .social-divider-text::after{content:'';position:absolute;top:50%;width:35%;height:1.5px;background:linear-gradient(90deg,rgba(102,126,234,0.2) 0%,rgba(102,126,234,0.5) 50%,transparent 100%);transform:translateY(-50%)}.auth-card .social-divider-text::before{left:0}.auth-card .social-divider-text::after{right:0;background:linear-gradient(90deg,transparent 0%,rgba(102,126,234,0.5) 50%,rgba(102,126,234,0.2) 100%)}.auth-card .social-divider-text small{background:rgba(255,255,255,0.95) !important;padding:0 0.75rem !important;position:relative;z-index:1;font-size:0.85rem !important;letter-spacing:0.5px !important;color:#667eea !important;font-weight:500 !important}.auth-card .btn-social,.btn-social{background:linear-gradient(135deg,#667eea,#764ba2) !important;border:none !important;border-radius:12px !important;font-weight:600 !important;letter-spacing:0.5px !important;transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275) !important;position:relative;overflow:hidden;box-shadow:0 8px 20px rgba(102,126,234,0.3) !important;color:white !important;text-decoration:none !important;display:inline-block}.auth-card .btn-social,.auth-card .btn-social *,.btn-social,.btn-social *{color:white !important}.auth-card .btn-social::before,.btn-social::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgba(255,255,255,0.3);transition:left 0.3s ease;z-index:-1}.auth-card .btn-social:hover,.btn-social:hover,.auth-card .btn-social:focus,.btn-social:focus{transform:translateY(-3px);box-shadow:0 12px 30px rgba(102,126,234,0.5) !important;color:white !important;text-decoration:none !important}.auth-card .btn-social:hover,.btn-social:hover,.auth-card .btn-social:focus,.btn-social:focus,.auth-card .btn-social:hover *,.btn-social:hover *,.auth-card .btn-social:focus *,.btn-social:focus *{color:white !important}.auth-card .btn-social:hover::before,.btn-social:hover::before,.auth-card .btn-social:focus::before,.btn-social:focus::before{left:100%}.auth-card .btn-social:active,.btn-social:active{transform:translateY(-1px)}.auth-card .btn-social i,.btn-social i{transition:all 0.3s ease;color:white !important}.auth-card .btn-social:hover i,.btn-social:hover i,.auth-card .btn-social:focus i,.btn-social:focus i{transform:scale(1.1);color:white !important}.auth-card a{color:#667eea !important;text-decoration:none !important;font-weight:600 !important;transition:all 0.3s ease !important;position:relative}.auth-card a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transition:width 0.3s ease}.auth-card a:hover{color:#764ba2 !important}.auth-card a:hover::after{width:100%}.auth-card .alert{border:none !important;border-radius:12px !important;-webkit-backdrop-filter:blur(10px) !important;backdrop-filter:blur(10px) !important;border-left:4px solid !important;animation:slideInDown 0.3s ease !important}.auth-card .alert-danger{background:rgba(220,53,69,0.1) !important;color:#721c24 !important;border-left-color:#dc3545 !important}.auth-card .alert-success{background:rgba(40,167,69,0.1) !important;color:#155724 !important;border-left-color:#28a745 !important}@keyframes slideInDown{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.auth-card .text-center img{transition:all 0.3s ease !important;filter:drop-shadow(0 4px 12px rgba(102,126,234,0.2));animation:popIn 0.5s cubic-bezier(0.175,0.885,0.32,1.275)}.auth-card .text-center img:hover{transform:scale(1.05);filter:drop-shadow(0 6px 16px rgba(102,126,234,0.4))}@keyframes popIn{0%{opacity:0;transform:scale(0.8)}100%{opacity:1;transform:scale(1)}}@media (min-width:992px){.auth-hero{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:relative;overflow:hidden}.auth-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="10" cy="10" r="15" fill="rgba(255,255,255,0.05)"/><circle cx="80" cy="80" r="20" fill="rgba(255,255,255,0.03)"/><circle cx="90" cy="20" r="25" fill="rgba(255,255,255,0.02)"/></svg>');z-index:1}.auth-hero-content{position:relative;z-index:2;animation:fadeInLeft 0.6s ease}}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.auth-card{border-radius:16px !important}.auth-card .form-control{border-radius:10px !important}.auth-card .btn-primary,.auth-card .btn-lg{border-radius:10px !important}}.navbar .position-relative>.badge{position:absolute !important;top:-8px !important;right:-10px !important;min-width:28px !important;height:28px !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:0.4rem 0.6rem !important;font-size:0.85rem !important;font-weight:700 !important;background:linear-gradient(135deg,#dc3545,#c82333) !important;border:2px solid white !important;box-shadow:0 2px 8px rgba(220,53,69,0.3) !important;line-height:1 !important;white-space:nowrap !important;z-index:10 !important}.navbar .position-relative>.badge:hover{transform:scale(1.15) !important;box-shadow:0 4px 12px rgba(220,53,69,0.5) !important}.mobile-appbar .position-relative>.badge{position:absolute !important;top:-5px !important;right:-8px !important;min-width:24px !important;height:24px !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:0.3rem 0.5rem !important;font-size:0.75rem !important;font-weight:700 !important;background:linear-gradient(135deg,#dc3545,#c82333) !important;border:2px solid white !important;box-shadow:0 2px 6px rgba(220,53,69,0.3) !important;line-height:1 !important;white-space:nowrap !important;z-index:10 !important}.navbar a[href="cart.php"],.mobile-appbar a[href="cart.php"]{overflow:visible !important}[data-theme="dark"] .navbar .position-relative>.badge,[data-theme="dark"] .mobile-appbar .position-relative>.badge{background:linear-gradient(135deg,#dc3545,#c82333) !important;border-color:#2d2d2d !important}.navbar .d-flex[action*="search"]{width:auto;max-width:400px !important;min-width:150px;flex-shrink:1;align-items:stretch !important;margin-left:auto !important;margin-right:1rem !important;padding:0 !important}.navbar .input-group.input-group-sm{gap:0 !important;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.08);transition:all 0.3s ease;display:flex !important;align-items:stretch !important;height:38px;flex-wrap:nowrap;max-width:100%;width:100%;margin:0 !important;padding:0 !important}.navbar .input-group-sm .form-control{min-width:100px;flex:1 1 auto;max-width:none;height:38px !important;padding:0.4rem 0.6rem !important;border:2px solid #e0e0e0 !important;border-right:none !important;border-radius:10px 0 0 10px !important;font-size:0.85rem;transition:all 0.3s ease;box-sizing:border-box;line-height:1.5;display:flex !important;align-items:center !important;vertical-align:middle !important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar .input-group-sm .form-control:focus{border-color:#667eea !important;box-shadow:inset 0 2px 4px rgba(0,0,0,0.05) !important;outline:none !important}.navbar .input-group-sm .form-control::placeholder{color:#999;opacity:0.8}.navbar .input-group-sm .btn{padding:0 !important;height:38px !important;width:44px !important;min-width:44px !important;max-width:44px !important;border:2px solid #e0e0e0 !important;border-left:none !important;border-radius:0 10px 10px 0 !important;background-color:white !important;color:#495057 !important;transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer;position:relative;z-index:1;line-height:1 !important;vertical-align:middle !important}.navbar .input-group-sm .btn:hover{background:linear-gradient(135deg,#667eea,#764ba2) !important;color:white !important;border-color:#667eea !important;transform:translateY(-2px);box-shadow:0 6px 12px rgba(102,126,234,0.25) !important}.navbar .input-group-sm .btn:active,.navbar .input-group-sm .btn:focus{outline:none !important;box-shadow:0 6px 12px rgba(102,126,234,0.25) !important}.navbar .input-group-sm .btn i{font-size:1rem;line-height:1;display:block}.navbar .input-group-sm:has(.form-control:focus){box-shadow:0 6px 20px rgba(102,126,234,0.2) !important}@media (max-width:991px){.navbar .d-flex[action*="search"]{min-width:auto;width:100%}.navbar .input-group-sm{height:36px}.navbar .input-group-sm .form-control{min-width:100%;width:100%;height:36px !important}.navbar .input-group-sm .btn{height:36px !important}}[data-theme="dark"] .navbar .input-group-sm .form-control{background-color:#2d2d2d !important;border-color:#495057 !important;color:#ffffff !important}[data-theme="dark"] .navbar .input-group-sm .form-control:focus{background-color:#2d2d2d !important;border-color:#667eea !important;color:#ffffff !important}[data-theme="dark"] .navbar .input-group-sm .btn{background-color:#343a40 !important;border-color:#495057 !important;color:#ffffff !important}[data-theme="dark"] .navbar .input-group-sm .btn:hover{background:linear-gradient(135deg,#667eea,#764ba2) !important;border-color:#667eea !important;color:white !important}[data-theme="dark"] .navbar .form-control:focus{background-color:#2d2d2d !important;border-color:#007bff !important;color:#ffffff !important;box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25) !important}[data-theme="dark"] .navbar .form-control::placeholder{color:#adb5bd !important}[data-theme="dark"] .navbar .btn-outline-primary{color:#007bff !important;border-color:#007bff !important}[data-theme="dark"] .navbar .btn-outline-primary:hover{background-color:#007bff !important;border-color:#007bff !important;color:#ffffff !important}[data-theme="dark"] .navbar-toggler{border-color:#495057 !important}[data-theme="dark"] .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important}[data-theme="dark"] .mobile-appbar{background-color:#1a1a1a !important;border-bottom:1px solid #495057 !important}[data-theme="dark"] .mobile-appbar .navbar-brand{color:#ffffff !important}[data-theme="dark"] .mobile-appbar .btn-link{color:#ffffff !important}[data-theme="dark"] .mobile-appbar .btn-link:hover{color:#007bff !important}[data-theme="dark"] .mobile-appbar .fas{color:#ffffff !important}[data-theme="dark"] .mobile-appbar .text-primary{color:#007bff !important}[data-theme="dark"] .mobile-appbar .form-control{background-color:#2d2d2d !important;border-color:#495057 !important;color:#ffffff !important}[data-theme="dark"] .mobile-appbar .form-control:focus{background-color:#2d2d2d !important;border-color:#007bff !important;color:#ffffff !important}[data-theme="dark"] .mobile-appbar .form-control::placeholder{color:#adb5bd !important}[data-theme="dark"] .mobile-appbar .btn-outline-primary{color:#007bff !important;border-color:#007bff !important}[data-theme="dark"] .mobile-appbar .btn-outline-primary:hover{background-color:#007bff !important;color:#ffffff !important}.offcanvas{transition:transform 0.3s cubic-bezier(0.68,-0.55,0.265,1.55);box-shadow:-5px 0 25px rgba(0,0,0,0.1)}.offcanvas.show{box-shadow:-5px 0 40px rgba(0,0,0,0.15)}.offcanvas-header{padding:1.5rem;border-bottom:2px solid #f0f0f0;background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%)}.offcanvas-title{font-size:1.5rem;font-weight:700;color:#212529;letter-spacing:0.5px}.offcanvas-header .btn-close{transition:all 0.3s ease;opacity:0.6}.offcanvas-header .btn-close:hover{opacity:1;transform:rotate(90deg)}.offcanvas-body{padding:1.5rem;background-color:#ffffff}.offcanvas .user-info{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;padding:1rem;color:white;margin-bottom:1.5rem;box-shadow:0 8px 20px rgba(102,126,234,0.3);transition:all 0.3s ease}.offcanvas .user-info:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(102,126,234,0.4)}.offcanvas .user-info .avatar-circle{width:50px;height:50px;border-radius:50%;background-color:rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:white;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.offcanvas .user-info h6{color:white;font-weight:600;margin-bottom:0.25rem}.offcanvas .user-info small{color:rgba(255,255,255,0.8)}.offcanvas .list-unstyled li a{color:#495057;font-weight:500;border-radius:8px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;padding-left:0.5rem;display:flex !important;align-items:center;padding:0.75rem 1rem !important;margin:0.25rem 0;overflow:hidden}.offcanvas .list-unstyled li a::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(102,126,234,0) 0%,rgba(102,126,234,0.15) 100%);opacity:0;transition:opacity 0.3s ease;z-index:0}.offcanvas .list-unstyled li a::after{content:'';position:absolute;left:0;top:50%;width:3px;height:0;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:3px;transform:translateY(-50%);transition:height 0.3s cubic-bezier(0.4,0,0.2,1);z-index:1}.offcanvas .list-unstyled li a:hover::before{opacity:1}.offcanvas .list-unstyled li a:hover::after{height:100%}.offcanvas .list-unstyled li a:hover{color:#667eea;background-color:rgba(102,126,234,0.08);padding-left:1.25rem;transform:translateX(4px);box-shadow:0 4px 12px rgba(102,126,234,0.15)}.offcanvas .list-unstyled li a:active{transform:translateX(2px) scale(0.98)}.offcanvas .list-unstyled li a i{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#667eea;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);margin-right:0.75rem;border-radius:6px;background:rgba(102,126,234,0.1);position:relative;z-index:2}.offcanvas .list-unstyled li a:hover i{transform:scale(1.25) rotate(5deg);background:rgba(102,126,234,0.2);box-shadow:0 4px 12px rgba(102,126,234,0.2)}.offcanvas .list-unstyled li a:hover i::before{content:'';position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(102,126,234,0.3),transparent);border-radius:50%;transform:translate(-50%,-50%);opacity:0;animation:pulse-glow 0.6s ease-out}@keyframes pulse-glow{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.offcanvas .list-unstyled li a span,.offcanvas .list-unstyled li a strong{position:relative;z-index:2;transition:all 0.3s ease}.offcanvas .list-unstyled li a:hover span,.offcanvas .list-unstyled li a:hover strong{transform:translateX(2px)}.offcanvas .list-unstyled li a::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(102,126,234,0.3);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.offcanvas .list-unstyled li:first-child a:hover{filter:drop-shadow(0 4px 12px rgba(102,126,234,0.3))}.offcanvas .list-unstyled li:nth-child(2) a:hover{filter:drop-shadow(0 4px 12px rgba(102,126,234,0.3))}.offcanvas .list-unstyled li:nth-child(3) a:hover{filter:drop-shadow(0 4px 12px rgba(102,126,234,0.3))}.offcanvas .list-unstyled li:nth-child(4) a:hover{filter:drop-shadow(0 4px 12px rgba(102,126,234,0.3))}.offcanvas .list-unstyled li a{perspective:1000px}.offcanvas .list-unstyled li a:hover{perspective:1000px}.offcanvas .accordion{border:none}.offcanvas .accordion-item{background-color:transparent;border:none;border-bottom:1px solid #e9ecef;margin-bottom:0.5rem}.offcanvas .accordion-button{background-color:transparent;color:#495057;font-weight:500;box-shadow:none;padding-left:0.5rem !important;padding:0.75rem 1rem !important;border-radius:8px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.offcanvas .accordion-button::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(102,126,234,0) 0%,rgba(102,126,234,0.1) 100%);opacity:0;transition:opacity 0.3s ease;z-index:0}.offcanvas .accordion-button:not(.collapsed){background-color:rgba(102,126,234,0.12);color:#667eea;box-shadow:inset 0 2px 8px rgba(102,126,234,0.1);padding-left:1.25rem !important}.offcanvas .accordion-button:not(.collapsed)::before{opacity:1}.offcanvas .accordion-button:hover{background-color:rgba(102,126,234,0.08);color:#667eea;transform:translateX(4px)}.offcanvas .accordion-button:hover::before{opacity:1}.offcanvas .accordion-button:hover::after{border-color:#667eea}.offcanvas .accordion-button::after{transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),border-color 0.3s ease;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23667eea' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");width:1.25rem;height:1.25rem;border:none;background-position:center;background-size:contain}.offcanvas .accordion-button:not(.collapsed)::after{transform:rotate(-180deg)}.offcanvas .accordion-button i{color:#667eea;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);margin-right:0.75rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:rgba(102,126,234,0.1);position:relative;z-index:2}.offcanvas .accordion-button:hover i,.offcanvas .accordion-button:not(.collapsed) i{transform:scale(1.25) rotate(-10deg);background:rgba(102,126,234,0.2);box-shadow:0 4px 12px rgba(102,126,234,0.2)}.offcanvas .accordion-body{padding:0.5rem 0}.offcanvas .accordion-body a{color:#6c757d;font-size:0.95rem;border-left:2px solid transparent;margin-left:1rem;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);padding:0.6rem 1rem !important;display:block;border-radius:6px;position:relative;overflow:hidden}.offcanvas .accordion-body a::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(102,126,234,0) 0%,rgba(102,126,234,0.08) 100%);opacity:0;transition:opacity 0.3s ease;z-index:0}.offcanvas .accordion-body a:hover{color:#667eea;background-color:rgba(102,126,234,0.06);border-left-color:#667eea;padding-left:1.5rem !important;transform:translateX(4px);box-shadow:0 2px 8px rgba(102,126,234,0.1)}.offcanvas .accordion-body a:hover::before{opacity:1}.offcanvas .accordion-body a:active{transform:translateX(2px) scale(0.98)}.offcanvas hr{border-color:#e9ecef;margin:1rem 0}.offcanvas .btn{border-radius:8px;font-weight:600;padding:0.75rem 1.5rem;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);text-transform:uppercase;letter-spacing:0.5px;position:relative;overflow:hidden}.offcanvas .btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.5);transform:translate(-50%,-50%);transition:width 0.6s,height 0.6s;z-index:1}.offcanvas .btn:active::before{width:300px;height:300px}.offcanvas .btn span,.offcanvas .btn i{position:relative;z-index:2}.offcanvas .btn-outline-primary{color:#667eea;border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,0.2)}.offcanvas .btn-outline-primary:hover{background-color:#667eea;border-color:#667eea;color:white;box-shadow:0 8px 20px rgba(102,126,234,0.4);transform:translateY(-3px)}.offcanvas .btn-outline-primary:active{transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,0.3)}.offcanvas .btn-glass-green{background:linear-gradient(135deg,rgba(76,175,80,0.9) 0%,rgba(56,142,60,0.9) 100%);border:1.5px solid rgba(76,175,80,0.6);color:white;box-shadow:0 8px 20px rgba(76,175,80,0.3);position:relative}.offcanvas .btn-glass-green::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,0.3),transparent);border-radius:8px;opacity:0;transition:opacity 0.3s ease;pointer-events:none}.offcanvas .btn-glass-green:hover{background:linear-gradient(135deg,#4caf50 0%,#388e3c 100%);box-shadow:0 12px 30px rgba(76,175,80,0.5);transform:translateY(-3px);border-color:#4caf50}.offcanvas .btn-glass-green:hover::after{opacity:1}.offcanvas .btn-glass-green:active{transform:translateY(-1px);box-shadow:0 6px 16px rgba(76,175,80,0.4)}.offcanvas .btn-outline-primary:hover{filter:drop-shadow(0 0 8px rgba(102,126,234,0.6))}.offcanvas .btn-glass-green:hover{filter:drop-shadow(0 0 8px rgba(76,175,80,0.6))}.offcanvas .btn{width:100%;margin-bottom:0.75rem}.offcanvas .btn:nth-child(2){margin-bottom:0}.offcanvas .btn i{transition:all 0.3s ease}.offcanvas .btn:hover i{transform:scale(1.15) rotate(-5deg)}.offcanvas .btn-glass-green:hover i{transform:scale(1.15) rotate(5deg)}[data-theme="dark"] .offcanvas{background-color:#1a1a1a !important;color:#ffffff !important}[data-theme="dark"] .offcanvas-header{border-bottom-color:#495057 !important}[data-theme="dark"] .offcanvas-title{color:#ffffff !important}[data-theme="dark"] .btn-close{filter:invert(1) grayscale(100%) brightness(200%) !important}[data-theme="dark"] .offcanvas .user-info{background-color:#2d2d2d !important;color:#ffffff !important}[data-theme="dark"] .offcanvas .nav-link{color:#ffffff !important}[data-theme="dark"] .offcanvas .nav-link:hover{color:#007bff !important;background-color:rgba(255,255,255,0.1) !important}[data-theme="dark"] .offcanvas .list-group-item{background-color:transparent !important;border-color:#495057 !important;color:#ffffff !important}[data-theme="dark"] .offcanvas .list-group-item:hover{background-color:rgba(255,255,255,0.1) !important}[data-theme="dark"] .profile-stat-card{background-color:#2d2d2d !important;border-color:#495057 !important}[data-theme="dark"] .user-info{color:#ffffff !important}[data-theme="dark"] .deployment-step{background:rgba(0,123,255,0.15) !important;border-left-color:var(--brand-primary) !important}[data-theme="dark"] .deployment-step:hover{background:rgba(0,123,255,0.25) !important}[data-theme="dark"] .requirement-item{background:rgba(40,167,69,0.2) !important;border-left-color:#28a745 !important;color:#ffffff !important}[data-theme="dark"] .warning-item{background:rgba(255,193,7,0.2) !important;border-left-color:#ffc107 !important;color:#ffffff !important}[data-theme="dark"] .checklist-item{color:#ffffff !important}[data-theme="dark"] .checklist-item input[type="checkbox"]{accent-color:var(--brand-primary) !important}[data-theme="dark"] .code-block{background:#2d2d2d !important;border-color:#495057 !important;color:#ffffff !important}[data-theme="dark"] .step-number,[data-theme="dark"] .step-number-small{background:var(--brand-primary) !important;color:white !important}[data-theme="dark"] .deployment-guide h1,[data-theme="dark"] .deployment-guide h2,[data-theme="dark"] .deployment-guide h3,[data-theme="dark"] .deployment-guide h4,[data-theme="dark"] .deployment-guide h5,[data-theme="dark"] .deployment-guide h6{color:#ffffff !important}[data-theme="dark"] .deployment-guide p,[data-theme="dark"] .deployment-guide li,[data-theme="dark"] .deployment-guide span{color:#ffffff !important}[data-theme="dark"] .deployment-guide .text-muted{color:#adb5bd !important}[data-theme="dark"] .deployment-guide .bg-light{background-color:#2d2d2d !important}[data-theme="dark"] .deployment-guide .border{border-color:#495057 !important}[data-theme="dark"] .hero-section{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%) !important}[data-theme="dark"] .hero-section h1,[data-theme="dark"] .hero-section p{color:#ffffff !important}[data-theme="dark"] .progress{background-color:#2d2d2d !important}[data-theme="dark"] .progress-bar{background-color:var(--brand-primary) !important}[data-theme="dark"] section .card-header h4,[data-theme="dark"] section .card-header h5,[data-theme="dark"] section .card-header h6{color:#ffffff !important}[data-theme="dark"] .checklist-item label{color:#ffffff !important}[data-theme="dark"] .text-primary{color:#007bff !important}[data-theme="dark"] .alert-info{background-color:rgba(23,162,184,0.2) !important;border-color:#17a2b8 !important;color:#d1ecf1 !important}[data-theme="dark"] .alert-warning{background-color:rgba(255,193,7,0.2) !important;border-color:#ffc107 !important;color:#fff3cd !important}[data-theme="dark"] .alert-success{background-color:rgba(40,167,69,0.2) !important;border-color:#28a745 !important;color:#d4edda !important}[data-theme="dark"] .alert-danger{background-color:rgba(220,53,69,0.2) !important;border-color:#dc3545 !important;color:#f8d7da !important}[data-theme="dark"] .deployment-step .card-header{background-color:#343a40 !important;border-bottom-color:#495057 !important}[data-theme="dark"] .deployment-step .card-body{background-color:#2d2d2d !important}[data-theme="dark"] .deployment-step .card{background-color:#2d2d2d !important;border-color:#495057 !important}[data-theme="dark"] .card .card{background-color:#343a40 !important;border-color:#495057 !important}[data-theme="dark"] .card .card .card-header{background-color:#495057 !important;border-bottom-color:#6c757d !important;color:#ffffff !important}[data-theme="dark"] .card .card .card-body{background-color:#343a40 !important;color:#ffffff !important}[data-theme="dark"] .list-unstyled li{color:#ffffff !important}[data-theme="dark"] .list-unstyled li a{color:#007bff !important}[data-theme="dark"] .list-unstyled li a:hover{color:#0056b3 !important}[data-theme="dark"] .bg-light.rounded{background-color:#343a40 !important;color:#ffffff !important}[data-theme="dark"] .bg-light.rounded .text-primary{color:#007bff !important}[data-theme="dark"] .bg-light.rounded ol li{color:#ffffff !important}[data-theme="dark"] .bg-light.rounded ol li strong{color:#ffffff !important}[data-theme="dark"] .bg-light.rounded .small{color:#ffffff !important}[data-theme="dark"] .alert-success .bg-light.rounded{background-color:#2d2d2d !important;border:1px solid #495057 !important}[data-theme="dark"] .alert-success .text-dark{color:#ffffff !important}[data-theme="dark"] .user-email{color:#adb5bd !important}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color 0.3s ease,color 0.3s ease;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}button,.btn,a.btn,[class*="btn-"],input[type="button"],input[type="submit"]{cursor:pointer !important;transition:cursor 0.2s ease !important}button:hover,.btn:hover,a.btn:hover,[class*="btn-"]:hover,input[type="button"]:hover,input[type="submit"]:hover{cursor:pointer !important}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(255,255,255,0.95) !important;transition:all 0.3s ease}[data-theme="dark"] .navbar{background-color:rgba(26,26,26,0.95) !important}.navbar-brand{font-size:1.5rem;font-weight:700}.mobile-appbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(255,255,255,0.95) !important;z-index:1030}.mobile-appbar .d-flex{align-items:center !important}.mobile-appbar .navbar-brand{margin:0 !important;padding:0 !important}.mobile-appbar .btn-link{color:#000 !important;text-decoration:none}.mobile-appbar .btn-link:hover{color:var(--primary-color) !important}[data-theme="dark"] .mobile-appbar{background-color:rgba(26,26,26,0.95) !important}.mobile-bottom-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(255,255,255,0.95) !important;z-index:1020;padding:8px 0}[data-theme="dark"] .mobile-bottom-nav{background-color:rgba(26,26,26,0.95) !important}.mobile-bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--text-secondary);padding:8px 4px;border-radius:8px;transition:all 0.3s ease;font-size:0.75rem;position:relative}.mobile-bottom-nav .nav-item i{font-size:1.2rem;margin-bottom:2px}.mobile-bottom-nav .nav-item.active{color:var(--primary-color);background-color:rgba(0,123,255,0.1)}.mobile-bottom-nav .cart-badge{position:absolute;top:2px;right:20px;background:var(--danger-color);color:white;border-radius:10px;padding:2px 6px;font-size:0.6rem;min-width:16px;text-align:center}.hero-section{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="%23007bff" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="%23007bff" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:0.5}.hero-advanced{position:relative;z-index:1}.hero-background-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;overflow:hidden}.grid-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(102,126,234,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(102,126,234,0.05) 1px,transparent 1px);background-size:50px 50px;animation:gridShift 20s linear infinite;opacity:0.3}@keyframes gridShift{0%{transform:translate(0,0)}100%{transform:translate(50px,50px)}}.particles-container{position:absolute;width:100%;height:100%;top:0;left:0}.particle{position:absolute;border-radius:50%;opacity:0;pointer-events:none}.particle-1{width:4px;height:4px;background:#667eea;top:20%;left:10%;animation:floatParticle 15s ease-in-out infinite;box-shadow:0 0 10px rgba(102,126,234,0.5)}.particle-2{width:6px;height:6px;background:#764ba2;top:60%;left:80%;animation:floatParticle 18s ease-in-out infinite;animation-delay:2s;box-shadow:0 0 15px rgba(118,75,162,0.5)}.particle-3{width:3px;height:3px;background:#f093fb;top:40%;left:90%;animation:floatParticle 20s ease-in-out infinite;animation-delay:4s;box-shadow:0 0 8px rgba(240,147,251,0.5)}.particle-4{width:5px;height:5px;background:#667eea;top:80%;left:20%;animation:floatParticle 16s ease-in-out infinite;animation-delay:1s;box-shadow:0 0 12px rgba(102,126,234,0.5)}.particle-5{width:4px;height:4px;background:#764ba2;top:30%;left:50%;animation:floatParticle 17s ease-in-out infinite;animation-delay:3s;box-shadow:0 0 10px rgba(118,75,162,0.5)}.particle-6{width:6px;height:6px;background:#f093fb;top:70%;left:15%;animation:floatParticle 19s ease-in-out infinite;animation-delay:5s;box-shadow:0 0 15px rgba(240,147,251,0.5)}.particle-7{width:3px;height:3px;background:#667eea;top:50%;left:70%;animation:floatParticle 21s ease-in-out infinite;animation-delay:2.5s;box-shadow:0 0 8px rgba(102,126,234,0.5)}.particle-8{width:5px;height:5px;background:#764ba2;top:10%;left:60%;animation:floatParticle 18s ease-in-out infinite;animation-delay:4.5s;box-shadow:0 0 12px rgba(118,75,162,0.5)}@keyframes floatParticle{0%,100%{opacity:0;transform:translateY(0px) translateX(0px) scale(1)}50%{opacity:1}25%{transform:translateY(-60px) translateX(30px) scale(1.2)}75%{transform:translateY(40px) translateX(-30px) scale(0.8)}}.gradient-orbs{position:absolute;width:100%;height:100%;top:0;left:0}.orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:0.15;pointer-events:none}.orb-1{width:300px;height:300px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);top:-100px;left:5%;animation:orbFloat 20s ease-in-out infinite}.orb-2{width:250px;height:250px;background:linear-gradient(135deg,#f093fb 0%,#667eea 100%);top:40%;right:10%;animation:orbFloat 25s ease-in-out infinite;animation-delay:5s}.orb-3{width:200px;height:200px;background:linear-gradient(135deg,#764ba2 0%,#f093fb 100%);bottom:10%;left:15%;animation:orbFloat 22s ease-in-out infinite;animation-delay:2s}.orb-4{width:280px;height:280px;background:linear-gradient(135deg,#667eea 0%,#f093fb 100%);bottom:-50px;right:5%;animation:orbFloat 24s ease-in-out infinite;animation-delay:7s}@keyframes orbFloat{0%,100%{transform:translate(0px,0px) scale(1)}25%{transform:translate(50px,-50px) scale(1.1)}50%{transform:translate(-30px,50px) scale(0.95)}75%{transform:translate(40px,30px) scale(1.05)}}.animated-lines{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.4;pointer-events:none}.line{stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawLine 4s ease-in-out infinite}.line-1{animation-delay:0s}.line-2{animation-delay:1s}.line-3{animation-delay:2s}.line-4{animation-delay:3s}@keyframes drawLine{0%,10%{stroke-dashoffset:1000;opacity:0}20%{opacity:0.4}50%{stroke-dashoffset:0;opacity:0.4}60%{stroke-dashoffset:-1000;opacity:0}100%{stroke-dashoffset:-1000;opacity:0}}.floating-icons{position:absolute;width:100%;height:100%;top:0;left:0}.float-icon{position:absolute;font-size:2rem;opacity:0.15;pointer-events:none;color:#667eea}.icon-1{top:15%;left:8%;animation:floatIcon 8s ease-in-out infinite}.icon-2{top:25%;right:12%;color:#764ba2;animation:floatIcon 9s ease-in-out infinite;animation-delay:1s}.icon-3{top:60%;left:5%;color:#f093fb;animation:floatIcon 10s ease-in-out infinite;animation-delay:2s}.icon-4{top:45%;right:8%;color:#667eea;animation:floatIcon 11s ease-in-out infinite;animation-delay:1.5s}.icon-5{bottom:20%;left:20%;color:#764ba2;animation:floatIcon 12s ease-in-out infinite;animation-delay:2.5s}.icon-6{bottom:30%;right:15%;color:#f093fb;animation:floatIcon 10s ease-in-out infinite;animation-delay:3s}@keyframes floatIcon{0%,100%{transform:translateY(0px) rotateZ(0deg)}50%{transform:translateY(-40px) rotateZ(10deg)}}.hero-content-advanced{position:relative;z-index:2}.gradient-text{background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease infinite}@keyframes gradientShift{0%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(20deg)}100%{filter:hue-rotate(0deg)}}.hero-stats{animation:statsSlideIn 0.8s ease-out 0.3s backwards}.stat-item{padding:16px 20px;background:rgba(255,255,255,0.05);border-radius:12px;border:1px solid rgba(102,126,234,0.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all 0.3s ease}.stat-item:hover{background:rgba(102,126,234,0.1);border-color:rgba(102,126,234,0.3);transform:translateY(-3px);box-shadow:0 8px 25px rgba(102,126,234,0.15)}.stat-number{display:block;font-size:1.5rem;animation:numberPulse 2s ease-in-out infinite}@keyframes numberPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes statsSlideIn{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.hero-btn-primary{position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important;border:none !important;box-shadow:0 8px 25px rgba(102,126,234,0.3);transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275)}.hero-btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.6s}.hero-btn-primary:hover{background:linear-gradient(135deg,#764ba2 0%,#f093fb 100%) !important;transform:translateY(-4px);box-shadow:0 15px 40px rgba(102,126,234,0.4)}.hero-btn-primary:hover::before{left:100%}.hero-btn-secondary{position:relative;border:2px solid rgba(102,126,234,0.4) !important;background:rgba(255,255,255,0.05) !important;-webkit-backdrop-filter:blur(10px) !important;backdrop-filter:blur(10px) !important;color:#667eea !important;transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275)}.hero-btn-secondary:hover{border-color:#667eea !important;background:rgba(102,126,234,0.15) !important;transform:translateY(-4px);box-shadow:0 15px 40px rgba(102,126,234,0.3);color:#667eea !important}.hero-guarantees{display:flex;align-items:center;gap:16px;flex-wrap:wrap;animation:fadeIn 0.8s ease-out 0.5s backwards}.hero-guarantees i{transition:transform 0.3s ease}.hero-guarantees:hover i{transform:scale(1.2) rotate(5deg)}.hero-image-advanced{display:flex;align-items:center;justify-content:center}.hero-visual-advanced{position:relative;height:450px;display:flex;align-items:center;justify-content:center;animation:visualFloat 4s ease-in-out infinite}@keyframes visualFloat{0%,100%{transform:translateY(0px)}50%{transform:translateY(-20px)}}.hero-card-stack-advanced{position:relative;width:320px;height:320px;animation:cardFloat 5s ease-in-out infinite}@keyframes cardFloat{0%,100%{transform:translateY(0px) rotateZ(-5deg)}50%{transform:translateY(-30px) rotateZ(5deg)}}.hero-card-enhanced{box-shadow:0 15px 40px rgba(0,0,0,0.15);border:1px solid rgba(255,255,255,0.3);background:linear-gradient(135deg,rgba(255,255,255,0.95) 0%,rgba(245,247,255,0.9) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.card-glow{position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,0.2) 0%,transparent 70%);animation:glowMove 3s ease-in-out infinite}@keyframes glowMove{0%,100%{transform:translate(0px,0px)}50%{transform:translate(-20px,-20px)}}.hero-card-enhanced:hover{transform:translateY(-8px) scale(1.08) !important;box-shadow:0 25px 60px rgba(102,126,234,0.3) !important}.hero-card-enhanced i{position:relative;z-index:2;transition:transform 0.3s ease}.hero-card-enhanced:hover i{transform:scale(1.2) rotateZ(5deg)}.hero-card-enhanced h6{position:relative;z-index:2;font-weight:700;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width:768px){.particle{opacity:0 !important}.orb{opacity:0.08 !important}.float-icon{opacity:0.08 !important}.animated-lines{opacity:0.2 !important}.grid-pattern{opacity:0.15 !important}.hero-visual-advanced{height:320px}.hero-card-stack-advanced{width:250px;height:250px}.hero-card-enhanced{width:140px !important;height:140px !important}.hero-card-enhanced i{font-size:1.8rem !important}.hero-guarantees{font-size:0.85rem}}.hero-content{position:relative;z-index:2}.hero-image{position:relative;z-index:2}@keyframes fadeIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in{animation:fadeIn 0.8s ease-out}.animate-fade-in-delay{animation:fadeIn 0.8s ease-out 0.2s both}.animate-fade-in-delay-2{animation:fadeIn 0.8s ease-out 0.4s both}.animate-slide-in{animation:slideIn 0.8s ease-out 0.3s both}.product-card{border:2px solid rgba(255,255,255,0.2);background:linear-gradient(135deg,rgba(255,255,255,0.95) 0%,rgba(255,255,255,0.9) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);overflow:visible;position:relative;box-shadow:0 10px 40px rgba(0,0,0,0.08),inset 0 1px 1px rgba(255,255,255,0.5);border-radius:15px;animation:cardSlideIn 0.6s cubic-bezier(0.175,0.885,0.32,1.275)}@keyframes cardSlideIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.product-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea 0%,#764ba2 50%,#f093fb 100%);opacity:0;transition:opacity 0.3s ease;z-index:10}.product-card:hover{transform:scale(1.01);box-shadow:0 25px 60px rgba(102,126,234,0.25),inset 0 1px 1px rgba(255,255,255,0.8);border-color:rgba(102,126,234,0.3);background:linear-gradient(135deg,rgba(255,255,255,1) 0%,rgba(245,247,255,1) 100%)}.product-card:hover::before{opacity:1}.card-img-container{position:relative;overflow:visible;height:150px;background:linear-gradient(135deg,#f5f7ff 0%,#f0f4ff 100%);border-bottom:2px solid rgba(102,126,234,0.1)}.card-img-container img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275)}.product-card:hover .card-img-container img{transform:scale(1.12) rotate(2deg)}.card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(102,126,234,0.85) 0%,rgba(118,75,162,0.85) 100%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;gap:0.5rem;opacity:0;pointer-events:none !important;transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);flex-wrap:wrap;z-index:10;height:0;overflow:hidden}.card-overlay::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,0.2) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(255,255,255,0.1) 0%,transparent 50%);pointer-events:none}.product-card:hover .card-overlay{opacity:1;pointer-events:auto;height:100%;overflow:visible}.card-overlay>*{position:relative;z-index:2;pointer-events:auto !important;cursor:pointer}.card-overlay .btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important;border:none !important;color:white !important;font-weight:700 !important;font-size:0.85rem !important;padding:0.6rem 1rem !important;border-radius:8px !important;box-shadow:0 5px 20px rgba(0,0,0,0.15) !important;transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275) !important;animation:buttonPop 0.4s cubic-bezier(0.175,0.885,0.32,1.275);pointer-events:auto !important;cursor:pointer !important;z-index:11 !important;position:relative !important;display:block !important;min-width:100px !important;min-height:32px !important;text-align:center !important}.card-overlay a.btn,.card-overlay button.btn{display:block !important}@keyframes buttonPop{0%{transform:scale(0.8);opacity:0}50%{transform:scale(1.05)}100%{transform:scale(1);opacity:1}}.card-overlay .btn:hover{transform:scale(1.08) translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.2);background:linear-gradient(135deg,#764ba2 0%,#f093fb 100%);color:white !important}.product-card .card-body{position:relative;z-index:5;padding:0.7rem}.attachment-indicators{position:absolute;top:12px;left:12px;z-index:3;display:flex;gap:0.5rem;flex-wrap:wrap;pointer-events:none}.attachment-indicators .badge{background:linear-gradient(135deg,rgba(102,126,234,0.95) 0%,rgba(118,75,162,0.95) 100%) !important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.3);padding:0.5rem 0.75rem;border-radius:20px;font-size:0.75rem;font-weight:700;box-shadow:0 4px 15px rgba(0,0,0,0.15);animation:badgeSlideIn 0.5s cubic-bezier(0.175,0.885,0.32,1.275)}.attachment-indicators .badge:nth-child(2){animation-delay:0.1s}@keyframes badgeSlideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.product-card .card-title{font-size:1.1rem;font-weight:700;color:#2c3e50;margin:0.1rem 0 0.1rem;line-height:1.3;transition:all 0.3s ease;min-height:2em}.product-card .card-title a{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all 0.3s ease}.product-card:hover .card-title a{-webkit-text-fill-color:#667eea;text-decoration:underline}.product-card .card-text{font-size:0.95rem;color:#666;line-height:1.3;margin-bottom:0.3rem;min-height:1.8em}.product-card .badge{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important;border:1px solid rgba(255,255,255,0.3);border-radius:20px;padding:0.5rem 1rem;font-size:0.8rem;font-weight:700;box-shadow:0 4px 12px rgba(102,126,234,0.3);animation:badgeSlideIn 0.5s cubic-bezier(0.175,0.885,0.32,1.275)}.product-card .h5{font-weight:800;font-size:1.3rem;transition:all 0.3s ease}.product-card .text-success{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.product-card .text-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.product-card .rating{display:flex;align-items:center;gap:0.3rem}.product-card .fa-star{transition:all 0.3s ease;filter:drop-shadow(0 2px 5px rgba(0,0,0,0.1))}.product-card:hover .fa-star.text-warning{transform:scale(1.2) rotate(15deg)}.product-card .text-muted{color:#999 !important;font-size:0.85rem;transition:all 0.3s ease}.product-card:hover .text-muted{color:#667eea !important}.product-card .card-body{padding:0.6rem;background:linear-gradient(180deg,rgba(255,255,255,0.9) 0%,rgba(245,247,255,0.5) 100%);position:relative}.product-card .card-body::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(102,126,234,0.2) 50%,transparent 100%)}.product-card .btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;font-weight:700;font-size:0.9rem;padding:0.75rem 1rem;box-shadow:0 5px 15px rgba(102,126,234,0.3);transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;overflow:hidden}.product-card .btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.6s ease}.product-card .btn-primary:hover::before{left:100%}.product-card .btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(102,126,234,0.4)}.product-card .btn-success{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);border:none;border-radius:8px;font-weight:700;font-size:0.9rem;padding:0.75rem 1rem;box-shadow:0 5px 15px rgba(40,167,69,0.3);transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;overflow:hidden}.product-card .btn-success::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.6s ease}.product-card .btn-success:hover::before{left:100%}.product-card .btn-success:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(40,167,69,0.4)}@media (max-width:768px){.product-card{animation:none}.card-img-container{height:180px}.product-card .card-title{font-size:1rem}.card-overlay .btn{font-size:0.75rem;padding:0.5rem 0.8rem !important;display:block !important;pointer-events:auto !important}}.testimonial-card{border:1px solid var(--border-color);background-color:var(--bg-primary);transition:all 0.3s ease}.testimonial-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px var(--shadow)}.feature-icon{transition:transform 0.3s ease}.feature-icon:hover{transform:scale(1.1)}.form-control{background-color:var(--bg-primary);border:2px solid #e0e0e0;border-radius:12px;color:var(--text-primary);padding:0.85rem 1.35rem;box-shadow:inset 0 2px 6px rgba(0,0,0,0.05),0 2px 8px rgba(102,126,234,0.08);transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);font-size:1rem;min-height:3.1rem}.form-control:hover{border-color:#d0d0d0;box-shadow:inset 0 2px 6px rgba(0,0,0,0.05),0 4px 12px rgba(102,126,234,0.12)}.form-control:focus{background-color:var(--bg-primary);border-color:#667eea;color:var(--text-primary);box-shadow:inset 0 2px 6px rgba(0,0,0,0.05),0 0 0 0.3rem rgba(102,126,234,0.15),0 6px 16px rgba(102,126,234,0.2);outline:none}.form-select{background-color:var(--bg-primary);border:2px solid #e0e0e0;border-radius:12px;color:var(--text-primary);padding:0.85rem 1.35rem;box-shadow:inset 0 2px 6px rgba(0,0,0,0.05),0 2px 8px rgba(102,126,234,0.08);transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);min-height:3.1rem}.form-select:hover{border-color:#d0d0d0;box-shadow:inset 0 2px 6px rgba(0,0,0,0.05),0 4px 12px rgba(102,126,234,0.12)}.form-select:focus{background-color:var(--bg-primary);border-color:#667eea;color:var(--text-primary);box-shadow:inset 0 2px 6px rgba(0,0,0,0.05),0 0 0 0.3rem rgba(102,126,234,0.15),0 6px 16px rgba(102,126,234,0.2);outline:none}.form-outline{position:relative}.form-outline .form-control,.form-outline .form-select{padding-top:1.85rem;padding-bottom:0.9rem;padding-left:1.35rem;padding-right:1.35rem;min-height:3.2rem}.form-outline .form-control::placeholder{opacity:0}.form-outline .form-label{position:absolute;top:0;left:0;height:100%;padding:1.15rem 1.35rem;pointer-events:none;border:1px solid transparent;transform-origin:0 0;transition:opacity 0.3s cubic-bezier(0.175,0.885,0.32,1.275),transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275);font-size:1.05rem;font-weight:600;color:#777}.form-outline .form-control:focus ~ .form-label,.form-outline .form-control:not(:placeholder-shown) ~ .form-label,.form-outline .form-select:focus ~ .form-label,.form-outline .form-select ~ .form-label{opacity:0.85;color:#667eea;transform:translateY(-1.8rem) translateX(-0.9rem) scale(0.7);padding:0 0.4rem;font-weight:700}.form-outline .form-control:-webkit-autofill ~ .form-label,.form-outline input:not(:placeholder-shown) ~ .form-label{opacity:0.85;color:#667eea;transform:translateY(-1.8rem) translateX(-0.9rem) scale(0.7);font-weight:700}.card-body .row.g-4.gy-4{row-gap:2.5rem !important;column-gap:2rem !important}.card-body .row.g-4.gy-4 .col-6{flex:0 0 calc(50% - 1rem);max-width:calc(50% - 1rem)}.card-body .col-6 .form-outline{margin-bottom:0}.card-body .form-control{padding:0.9rem 1.35rem;min-height:3.3rem;font-size:1.05rem;letter-spacing:0.3px}.card-body .form-label{font-size:1.08rem;font-weight:600;letter-spacing:0.4px}@media (max-width:576px){.card-body .row.g-4.gy-4 .col-6{flex:0 0 100%;max-width:100%}}.btn{border-radius:8px;font-weight:500;transition:all 0.3s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,#0056b3 100%);border:none}.btn-primary:hover{background:linear-gradient(135deg,#0056b3 0%,var(--primary-color) 100%)}.card{background-color:var(--bg-primary);border-color:var(--border-color)}.dropdown-menu{background-color:var(--bg-primary);border-color:var(--border-color);box-shadow:0 10px 30px var(--shadow)}.dropdown-item{color:var(--text-primary)}.dropdown-item:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.offcanvas{background-color:var(--bg-primary);border-color:var(--border-color)}.avatar-circle{width:40px;height:40px;background:linear-gradient(135deg,var(--primary-color),#0056b3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:1.2rem}.back-to-top{position:fixed !important;bottom:90px !important;right:20px !important;z-index:1050 !important;border-radius:8px !important;width:50px !important;height:50px !important;min-width:50px !important;max-width:50px !important;display:none !important;align-items:center !important;justify-content:center !important;box-shadow:0 4px 15px var(--shadow) !important;transition:all 0.3s ease !important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important;color:#ffffff !important;border:none !important;cursor:pointer !important;padding:0 !important;flex-shrink:0 !important}.back-to-top.visible{display:flex !important}.back-to-top:hover{transform:translateY(-3px) !important;box-shadow:0 6px 20px var(--shadow) !important}@media (min-width:993px){.back-to-top{bottom:20px !important}}@media (max-width:992px){body{padding-top:70px;padding-bottom:70px}}@media (max-width:768px){.back-to-top{right:auto !important;left:12px !important;bottom:90px !important;width:40px !important;height:40px !important;min-width:40px !important;max-width:40px !important;border-radius:6px !important}.back-to-top i{font-size:18px !important}}@media (max-width:480px){.back-to-top{left:10px !important;bottom:85px !important;width:36px !important;height:36px !important;min-width:36px !important;max-width:36px !important;border-radius:5px !important}.back-to-top i{font-size:16px !important}}@media (max-width:576px){.display-4{font-size:2rem}.display-5{font-size:1.75rem}.hero-buttons .btn{display:block;width:100%;margin-bottom:3.5rem}.hero-buttons .btn:last-child{margin-bottom:3.5rem}.product-card{margin-bottom:1rem}.card-img-container{height:180px}}@media (max-width:576px){.container{padding-left:1rem;padding-right:1rem}.hero-section{min-height:70vh}.display-4{font-size:1.75rem}.card-img-container{height:160px}}@media (min-width:1200px){.container{max-width:1200px}}@media print{.navbar,.mobile-appbar,.mobile-bottom-nav,.back-to-top{display:none !important}}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(0,123,255,0.3);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.text-gradient{background:linear-gradient(135deg,var(--primary-color),#0056b3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shadow-soft{box-shadow:0 5px 15px var(--shadow)}.border-radius-lg{border-radius:12px}.border-radius-xl{border-radius:16px}.py-6{padding-top:4rem;padding-bottom:4rem}.py-7{padding-top:5rem;padding-bottom:5rem}.btn:focus,.form-control:focus,.nav-link:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-contrast:high){:root{--shadow:rgba(0,0,0,0.3)}[data-theme="dark"]{--shadow:rgba(255,255,255,0.3)}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}.form-check-input:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.toast{background-color:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}.progress{background-color:var(--bg-secondary)}.progress-bar{background-color:var(--primary-color)}.badge{font-weight:500}.page-link{background-color:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}.page-link:hover{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.page-item.active .page-link{background-color:var(--primary-color);border-color:var(--primary-color)}.table{color:var(--text-primary)}.table-striped>tbody>tr:nth-of-type(odd)>td,.table-striped>tbody>tr:nth-of-type(odd)>th{background-color:var(--bg-secondary)}.alert{border-radius:8px}.modal-content{background-color:var(--bg-primary);border-color:var(--border-color)}.modal-header{border-bottom-color:var(--border-color)}.modal-footer{border-top-color:var(--border-color)}.card-img-container{position:relative;overflow:hidden}.attachment-indicators{position:absolute;top:8px;right:8px;z-index:10}.attachment-indicators .badge{font-size:0.7rem;padding:4px 6px;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,0.2)}.attachment-indicators .badge i{font-size:0.7rem}.product-gallery{position:relative}.main-image{position:relative;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:4px;box-shadow:0 20px 60px rgba(102,126,234,0.3),0 0 0 1px rgba(255,255,255,0.1) inset}.main-image::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,0.4) 0%,transparent 50%);z-index:2;pointer-events:none;border-radius:24px}.main-image img{position:relative;z-index:1;border-radius:20px;display:block;width:100%;height:auto;object-fit:cover;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);filter:brightness(1) contrast(1)}.main-image:hover img{transform:scale(1.05);filter:brightness(1.05) contrast(1.1)}.main-image small{position:absolute;bottom:12px;left:12px;background:rgba(0,0,0,0.6);color:white !important;padding:8px 12px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:0.75rem;opacity:0;transition:opacity 0.3s ease;z-index:3}.main-image:hover small{opacity:1}.gallery-thumbnails{margin-top:24px !important}.gallery-thumbnails h6{font-weight:700;color:var(--text-primary) !important;margin-bottom:16px !important}.gallery-thumbnails .thumbnail{cursor:pointer;opacity:0.6;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);border:3px solid transparent;border-radius:16px;overflow:hidden;position:relative;background:linear-gradient(135deg,#f5f7fa 0%,#e9ecef 100%);aspect-ratio:1}.gallery-thumbnails .thumbnail::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(102,126,234,0.2) 0%,transparent 100%);opacity:0;transition:opacity 0.3s ease;z-index:2}.gallery-thumbnails .thumbnail:hover{opacity:1;transform:translateY(-1px) scale(1.08);border-color:rgba(102,126,234,0.5);box-shadow:0 15px 40px rgba(102,126,234,0.25)}.gallery-thumbnails .thumbnail:hover::before{opacity:1}.gallery-thumbnails .thumbnail.active{opacity:1;border-color:#667eea;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 10px 30px rgba(102,126,234,0.35),0 0 0 4px rgba(102,126,234,0.1);transform:scale(1.05)}.gallery-thumbnails .thumbnail.active::before{opacity:1;background:linear-gradient(135deg,rgba(255,255,255,0.2) 0%,transparent 100%)}.demo-video{background:linear-gradient(135deg,rgba(102,126,234,0.05) 0%,rgba(240,147,251,0.05) 100%);border-radius:16px;padding:20px;border:1px solid rgba(102,126,234,0.2);margin-top:32px !important}.demo-video h6{font-weight:700;color:var(--text-primary) !important}.demo-video .btn{border-radius:12px;font-weight:600;transition:all 0.3s ease;position:relative;overflow:hidden}.demo-video .btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;box-shadow:0 8px 20px rgba(102,126,234,0.3)}.demo-video .btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.6s;z-index:1}.demo-video .btn-primary:hover{background:linear-gradient(135deg,#764ba2 0%,#667eea 100%);transform:translateY(-2px);box-shadow:0 12px 30px rgba(102,126,234,0.4)}.demo-video .btn-primary:hover::before{left:100%}.demo-video .btn-outline-secondary{border-width:2px;border-radius:12px;transition:all 0.3s ease}.demo-video .btn-outline-secondary:hover{transform:translateY(-2px)}.no-media-message{background:linear-gradient(135deg,rgba(108,117,125,0.05) 0%,rgba(108,117,125,0.02) 100%);border:2px dashed rgba(108,117,125,0.2);border-radius:16px;padding:32px 20px !important}.no-media-message i{color:rgba(108,117,125,0.3)}.attachment-indicators{display:flex;gap:8px;flex-wrap:wrap;animation:slideInDown 0.5s ease-out}.attachment-indicators .badge{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:rgba(255,255,255,0.9) !important;color:var(--text-primary) !important;box-shadow:0 8px 25px rgba(0,0,0,0.15);border:1px solid rgba(255,255,255,0.3);border-radius:20px;padding:6px 12px;font-weight:600;animation:scaleIn 0.4s ease-out}@keyframes slideInDown{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}.product-info{animation:fadeInUp 0.6s ease-out 0.2s backwards}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.product-info .badge{display:inline-block;border-radius:20px;padding:8px 16px;font-weight:600;font-size:0.85rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important;box-shadow:0 4px 15px rgba(102,126,234,0.3);transition:all 0.3s ease;animation:popIn 0.4s cubic-bezier(0.175,0.885,0.32,1.275)}.product-info .badge:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(102,126,234,0.4)}@keyframes popIn{0%{opacity:0;transform:scale(0.7) rotate(-5deg)}100%{opacity:1;transform:scale(1) rotate(0)}}.stats{background:linear-gradient(135deg,rgba(102,126,234,0.08) 0%,rgba(240,147,251,0.08) 100%);border-radius:20px;padding:24px;border:1px solid rgba(102,126,234,0.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all 0.3s ease;margin-bottom:24px !important}.stats:hover{border-color:rgba(102,126,234,0.3);box-shadow:0 10px 30px rgba(102,126,234,0.15);transform:translateY(-2px)}.stats .h5{font-weight:700;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:transform 0.3s ease}.stats:hover .h5{transform:scale(1.08)}.stats small{font-weight:600;color:rgba(108,117,125,0.8)}.action-buttons{margin-bottom:24px !important}.action-buttons .btn{border-radius:14px;font-weight:600;padding:12px 24px;transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.1)}.action-buttons .btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.6s;z-index:1}.action-buttons .btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;color:white}.action-buttons .btn-primary:hover{background:linear-gradient(135deg,#764ba2 0%,#667eea 100%);transform:translateY(-3px);box-shadow:0 8px 25px rgba(102,126,234,0.4)}.action-buttons .btn-primary:hover::before{left:100%}.action-buttons .btn-success{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);border:none;color:white}.action-buttons .btn-success:hover{background:linear-gradient(135deg,#20c997 0%,#28a745 100%);transform:translateY(-3px);box-shadow:0 8px 25px rgba(40,167,69,0.4)}.action-buttons .btn-success:hover::before{left:100%}.action-buttons .btn-lg{border-radius:14px}.featured-badge{background:linear-gradient(135deg,#dc3545 0%,#c82333 100%) !important;color:white !important;font-weight:700;padding:8px 16px !important;border-radius:20px;box-shadow:0 4px 15px rgba(220,53,69,0.3);transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;overflow:hidden;animation:badgePopIn 0.5s cubic-bezier(0.175,0.885,0.32,1.275)}.featured-badge::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);transition:left 0.6s;z-index:1}.featured-badge:hover{background:linear-gradient(135deg,#c82333 0%,#dc3545 100%) !important;transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px rgba(220,53,69,0.45)}.featured-badge:hover::before{left:100%}.featured-badge i{transition:all 0.3s ease}.featured-badge:hover i{transform:rotate(360deg)}.demo-resources-section{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%) !important;border:1px solid rgba(102,126,234,0.15) !important;border-radius:20px !important;padding:32px !important;margin-bottom:32px !important;box-shadow:0 10px 30px rgba(0,0,0,0.06);transition:all 0.3s ease}.demo-resources-section:hover{border-color:rgba(102,126,234,0.3);box-shadow:0 15px 40px rgba(102,126,234,0.15);transform:translateY(-2px)}.demo-resources-section h5{font-weight:700;color:var(--text-primary) !important;font-size:1.25rem}.resource-card{background:white !important;border:2px solid rgba(102,126,234,0.1) !important;border-radius:16px !important;padding:15px 12px !important;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;perspective:1000px;transform-style:preserve-3d;transform:rotateX(0.5deg) rotateY(0.5deg) rotateZ(0.2deg);animation:float3DCoupon 4.5s ease-in-out infinite,float3DBounce 4s ease-in-out infinite}.resource-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb,#667eea);background-size:200% 100%;animation:gradientShift 3s ease infinite;opacity:0;transition:opacity 0.3s ease}.resource-card:hover::before{opacity:1}@keyframes gradientShift{0%{background-position:200% 0}100%{background-position:-200% 0}}.resource-card:hover{border-color:rgba(102,126,234,0.3) !important;background:linear-gradient(135deg,rgba(102,126,234,0.02) 0%,rgba(240,147,251,0.02) 100%) !important;box-shadow:0 15px 40px rgba(102,126,234,0.2),0 25px 60px rgba(102,126,234,0.15),inset -2px -2px 8px rgba(255,255,255,0.3),inset 2px 2px 8px rgba(0,0,0,0.05);transform:rotateX(-0.2deg) rotateY(-0.5deg) rotateZ(0.2deg) translateZ(5px) translateY(-1px)}.resource-card i{transition:all 0.3s ease;display:block;margin-bottom:8px;font-size:1.8rem}.resource-card:hover i{transform:scale(1.2) rotate(10deg)}.resource-card h6{font-weight:700;color:var(--text-primary) !important;margin-bottom:10px !important;font-size:0.85rem;line-height:1.3}.resource-card .btn{border-radius:10px;font-weight:700;font-size:0.7rem;padding:8px 6px;transition:all 0.3s ease;position:relative;overflow:visible;white-space:normal;text-overflow:clip;width:100%;line-height:1.2;min-height:36px;display:flex;align-items:center;justify-content:center}.resource-card .btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.6s;z-index:1}.resource-card .btn:hover::before{left:100%}.resource-card .btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.15)}.resource-card .text-muted{font-size:0.85rem}.features{background:linear-gradient(135deg,rgba(40,167,69,0.08) 0%,rgba(32,201,151,0.08) 100%);border-radius:16px;padding:24px;border-left:4px solid #28a745;margin-bottom:24px !important;transition:all 0.3s ease}.features:hover{background:linear-gradient(135deg,rgba(40,167,69,0.12) 0%,rgba(32,201,151,0.12) 100%);transform:translateX(4px);box-shadow:0 8px 20px rgba(40,167,69,0.15)}.features h5{font-weight:700;color:var(--text-primary) !important;margin-bottom:16px !important}.features ul li{padding:8px 0;transition:all 0.3s ease;color:var(--text-primary);font-weight:500}.features ul li:hover{padding-left:8px;color:#28a745;font-weight:600}.features i{transition:all 0.3s ease;color:#28a745}.features li:hover i{transform:scale(1.2) rotate(10deg)}.tags{background:linear-gradient(135deg,rgba(102,126,234,0.08) 0%,rgba(240,147,251,0.08) 100%);border-radius:24px;padding:32px;border:2px solid rgba(102,126,234,0.15);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;overflow:hidden}.tags::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb,#667eea);background-size:200% 100%;animation:gradientMove 3s ease infinite;opacity:0;transition:opacity 0.3s ease}.tags:hover::before{opacity:1}@keyframes gradientMove{0%{background-position:200% 0}100%{background-position:-200% 0}}.tags:hover{border-color:rgba(102,126,234,0.35);box-shadow:0 15px 40px rgba(102,126,234,0.2);transform:translateY(-2px);background:linear-gradient(135deg,rgba(102,126,234,0.12) 0%,rgba(240,147,251,0.12) 100%)}.tags h6{font-weight:800;color:var(--text-primary) !important;margin-bottom:20px !important;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:8px}.tags h6::before{content:'';width:4px;height:24px;background:linear-gradient(180deg,#667eea 0%,#764ba2 100%);border-radius:2px}.tags .badge{display:inline-block;border-radius:28px;padding:12px 20px;margin:6px 8px 6px 0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white !important;font-weight:700;font-size:0.95rem;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);box-shadow:0 6px 20px rgba(102,126,234,0.3);position:relative;overflow:hidden;border:none;text-decoration:none;white-space:nowrap;cursor:pointer;animation:badgePopIn 0.5s cubic-bezier(0.175,0.885,0.32,1.275) backwards}@keyframes badgePopIn{0%{opacity:0;transform:scale(0.6) translateY(20px)}100%{opacity:1;transform:scale(1) translateY(0)}}.tags .badge:nth-child(2){animation-delay:0.1s}.tags .badge:nth-child(3){animation-delay:0.2s}.tags .badge:nth-child(4){animation-delay:0.3s}.tags .badge:nth-child(5){animation-delay:0.4s}.tags .badge:nth-child(6){animation-delay:0.5s}.tags .badge:nth-child(7){animation-delay:0.6s}.tags .badge:nth-child(8){animation-delay:0.7s}.tags .badge:nth-child(9){animation-delay:0.8s}.tags .badge::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.6s;z-index:1}.tags .badge:hover::before{left:100%}.tags .badge:hover{transform:translateY(-1px) scale(1.12);box-shadow:0 12px 35px rgba(102,126,234,0.45);background:linear-gradient(135deg,#764ba2 0%,#667eea 100%);letter-spacing:0.5px}.tags .badge:active{transform:translateY(-4px) scale(1.08)}.tags .badge:nth-child(odd){background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 6px 20px rgba(102,126,234,0.3)}.tags .badge:nth-child(even){background:linear-gradient(135deg,#764ba2 0%,#f093fb 100%);box-shadow:0 6px 20px rgba(240,147,251,0.3)}.tags .badge:nth-child(even):hover{background:linear-gradient(135deg,#f093fb 0%,#764ba2 100%);box-shadow:0 12px 35px rgba(240,147,251,0.45)}.tags .badge-wrapper{display:flex;flex-wrap:wrap;gap:8px;align-items:center}@media (max-width:768px){.tags{padding:20px;border-radius:16px}.tags h6{font-size:0.95rem;margin-bottom:16px !important}.tags h6::before{width:3px;height:20px}.tags .badge{padding:10px 16px;font-size:0.9rem;margin:4px 6px 4px 0;border-radius:24px}.tags .badge:hover{transform:translateY(-6px) scale(1.1)}}.nav-tabs{border-bottom:2px solid rgba(102,126,234,0.1) !important;gap:12px;position:relative;padding-bottom:16px}.nav-tabs::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:rgba(102,126,234,0.05)}.nav-tabs .nav-link{color:var(--text-secondary) !important;font-weight:600;font-size:0.95rem;padding:12px 20px !important;border:none !important;border-radius:12px 12px 0 0;position:relative;transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);background:transparent !important;overflow:hidden}.nav-tabs .nav-link::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);transform:scaleX(0);transform-origin:left;transition:transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275)}.nav-tabs .nav-link:hover{color:#667eea !important;background:linear-gradient(135deg,rgba(102,126,234,0.05) 0%,rgba(240,147,251,0.05) 100%) !important;transform:translateY(-2px)}.nav-tabs .nav-link:hover::before{transform:scaleX(1)}.nav-tabs .nav-link.active{color:#667eea !important;background:linear-gradient(135deg,rgba(102,126,234,0.08) 0%,rgba(240,147,251,0.08) 100%) !important;border-bottom:3px solid #667eea !important;box-shadow:0 -4px 12px rgba(102,126,234,0.15);position:relative}.nav-tabs .nav-link.active::before{transform:scaleX(1)}.tab-content{animation:fadeInUp 0.5s ease-out}.tab-pane{transition:all 0.3s ease}.tab-pane.show{animation:fadeInUp 0.4s ease-out}.tab-pane .card{border:1px solid rgba(102,126,234,0.15) !important;border-radius:16px !important;box-shadow:0 4px 15px rgba(0,0,0,0.06) !important;background:white !important;transition:all 0.3s ease;overflow:hidden}.tab-pane .card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);width:0;transition:width 0.4s cubic-bezier(0.175,0.885,0.32,1.275)}.tab-pane.show .card{border-color:rgba(102,126,234,0.25) !important;box-shadow:0 10px 30px rgba(102,126,234,0.15) !important}.tab-pane.show .card::before{width:100%}.tab-pane .card-body{padding:32px !important}.product-description{color:var(--text-primary);font-size:1rem;line-height:1.8}.product-description p{margin-bottom:16px;color:var(--text-primary);transition:color 0.3s ease}.product-description p:last-child{margin-bottom:0}.requirements{color:var(--text-primary);font-size:1rem;line-height:1.8}.requirements p{margin-bottom:12px;padding-left:24px;position:relative}.requirements p::before{content:'✓';position:absolute;left:0;color:#28a745;font-weight:bold;font-size:1.2rem}.reviews{animation:fadeInUp 0.5s ease-out}.review{background:linear-gradient(135deg,rgba(102,126,234,0.03) 0%,rgba(240,147,251,0.03) 100%);padding:16px !important;border-radius:12px;transition:all 0.3s ease;border-left:4px solid transparent}.review:hover{background:linear-gradient(135deg,rgba(102,126,234,0.08) 0%,rgba(240,147,251,0.08) 100%);border-left-color:#667eea;transform:translateX(4px)}.avatar-circle{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:0 4px 12px rgba(102,126,234,0.3);flex-shrink:0}.review h6{color:var(--text-primary) !important;font-weight:700}.review .rating{margin-top:4px}.review .rating i{font-size:0.85rem;transition:transform 0.2s ease}.review:hover .rating i{transform:scale(1.15)}.review small{color:var(--text-secondary);font-size:0.85rem}.review p{color:var(--text-primary);margin-top:8px}.review-form{background:linear-gradient(135deg,rgba(102,126,234,0.05) 0%,rgba(240,147,251,0.05) 100%);padding:24px;border-radius:16px;border:1px solid rgba(102,126,234,0.15)}.review-form .form-label{font-weight:700;color:var(--text-primary) !important;margin-bottom:12px}.review-form .form-control{border-radius:12px;border:1.5px solid rgba(102,126,234,0.2);font-size:0.95rem;transition:all 0.3s ease}.review-form .form-control:focus{border-color:#667eea;box-shadow:0 0 0 0.2rem rgba(102,126,234,0.15)}.rating-input{display:flex;gap:8px;align-items:center;flex-direction:row-reverse;justify-content:flex-end}.rating-input input[type="radio"]{display:none}.star-label{cursor:pointer;font-size:1.5rem;color:#ddd;transition:all 0.2s ease;display:flex;align-items:center;padding:4px}.star-label:hover,.rating-input input[type="radio"]:checked ~ .star-label{color:#ffc107;transform:scale(1.2) rotate(15deg)}.rating-input input[type="radio"]:checked ~ .star-label{animation:starPopIn 0.3s ease}@keyframes starPopIn{0%{transform:scale(0.8) rotate(-10deg)}100%{transform:scale(1.2) rotate(15deg)}}.review-form .alert{border-radius:12px;border:1px solid rgba(102,126,234,0.2) !important;background:linear-gradient(135deg,rgba(102,126,234,0.08) 0%,rgba(240,147,251,0.08) 100%) !important}.review-form .btn{border-radius:12px;font-weight:600;padding:12px 28px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;box-shadow:0 4px 15px rgba(102,126,234,0.3);position:relative;overflow:hidden;transition:all 0.3s ease}.review-form .btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.6s}.review-form .btn:hover{background:linear-gradient(135deg,#764ba2 0%,#667eea 100%);transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,0.4)}.review-form .btn:hover::before{left:100%}@media (max-width:768px){.product-info{margin-top:32px}.action-buttons{flex-direction:column}.action-buttons .btn{width:100%}.stats{padding:16px}.demo-resources-section{padding:20px !important}.resource-card{padding:16px !important;min-height:auto !important}.resource-card:hover{box-shadow:0 10px 30px rgba(102,126,234,0.15),0 20px 50px rgba(102,126,234,0.1),inset -1px -1px 6px rgba(255,255,255,0.2) !important}.features,.tags{padding:16px}.nav-tabs{flex-wrap:wrap}.nav-tabs .nav-link{padding:10px 14px !important;font-size:0.9rem}.tab-pane .card-body{padding:20px !important}.review{padding:12px !important}.avatar-circle{width:40px;height:40px;font-size:1rem}.rating-input{gap:4px}.star-label{font-size:1.2rem}}@media (max-width:768px){.main-image{border-radius:16px;padding:3px}.main-image img{border-radius:13px}.gallery-thumbnails .thumbnail{border-radius:12px}.demo-video{padding:16px;margin-top:24px !important}.no-media-message{padding:24px 16px !important}}.modal-lg{max-width:800px}.ratio-16x9{--bs-aspect-ratio:56.25%}.current-image img,.current-gallery img,.current-file{border-radius:4px}.badge{font-size:0.75rem}.hero-visual{position:relative;height:400px;display:flex;align-items:center;justify-content:center}.hero-card-stack{position:relative;width:300px;height:300px}.hero-card{position:absolute;width:180px;height:180px;background:white;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,0.1);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all 0.3s ease;border:1px solid #e9ecef}.hero-card-1{top:0;left:0;z-index:3;animation:float 3s ease-in-out infinite}.hero-card-2{top:60px;right:0;z-index:2;animation:float 3s ease-in-out infinite 1s}.hero-card-3{bottom:0;left:60px;z-index:1;animation:float 3s ease-in-out infinite 2s}.hero-card:hover{transform:translateY(-1px) scale(1.05);box-shadow:0 20px 40px rgba(0,0,0,0.15)}.hero-card h6{margin:0;font-weight:600;color:#495057}@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-2px)}}@media (max-width:768px){.hero-visual{height:300px}.hero-card-stack{width:250px;height:250px}.hero-card{width:140px;height:140px}.hero-card i{font-size:2rem !important}}.avatar-circle{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,0.1);border:2px solid white}.avatar-initials{color:white;font-weight:700;font-size:0.875rem;text-transform:uppercase;letter-spacing:0.5px}.testimonial-card{border:none;box-shadow:0 4px 15px rgba(0,0,0,0.1);transition:all 0.3s ease;border-radius:15px}.testimonial-card:hover{transform:translateY(-1px);box-shadow:0 8px 25px rgba(0,0,0,0.15)}.testimonial-card .card-text{font-style:italic;font-size:1rem;line-height:1.6;color:#495057;margin-bottom:1.5rem}.testimonial-card .fa-quote-left{opacity:0.3}.avatar-circle.bg-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.avatar-circle.bg-success{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.avatar-circle.bg-warning{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.avatar-circle.bg-info{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}.category-card{transition:all 0.3s ease !important;padding:30px 15px}.category-card:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,123,255,0.15) !important;background-color:#f8f9ff}[data-theme="dark"] .category-card:hover{background-color:#2d2d3d}.category-icon{transition:all 0.3s ease}.category-card:hover .category-icon{animation:float 0.5s ease infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}.category-card .text-primary{color:var(--primary-color) !important}.hover-shadow{transition:box-shadow 0.3s ease}.hover-shadow:hover{box-shadow:0 8px 16px rgba(0,0,0,0.1) !important}.coupon-card{transition:all 0.3s ease !important;cursor:pointer}.coupon-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 20px rgba(0,0,0,0.15) !important}.coupon-badge{display:inline-block}.coupon-badge .badge{font-size:0.9rem;padding:0.5rem 0.75rem;font-weight:600}[data-theme="dark"] .coupon-card{background-color:#2d2d2d !important}[data-theme="dark"] .coupon-card:hover{background-color:#3d3d3d !important}.cursor-pointer{cursor:pointer}.contact-form-container{max-width:1200px;margin:2rem auto;display:grid;grid-template-columns:1fr 1fr;gap:2rem;background:white;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.3);animation:fadeInUp 0.8s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.form-section{padding:3rem}.info-section{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:3rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.info-section::before{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 70%);z-index:0}.info-section>*{position:relative;z-index:1}.form-section h2{font-size:2.5rem;margin-bottom:0.5rem;color:#2c3e50;font-weight:700}.info-section h2{color:white}.form-subtitle{color:#666;margin-bottom:2rem;font-size:1.1rem}.info-section .form-subtitle{color:rgba(255,255,255,0.9)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;margin-bottom:0.5rem;color:#2c3e50}.form-section input,.form-section select,.form-section textarea{width:100%;padding:0.875rem 1rem;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;font-family:inherit;transition:all 0.3s;background:#fff}.form-section input:focus,.form-section select:focus,.form-section textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,0.1)}.form-section input.error,.form-section select.error,.form-section textarea.error{border-color:#f5576c;box-shadow:0 0 0 3px rgba(245,87,108,0.1)}.error-message{color:#f5576c;font-size:0.875rem;margin-top:0.25rem;display:none}.error-message.show{display:block}.form-section textarea{resize:vertical;min-height:120px}.required{color:#f5576c}.submit-btn{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all 0.3s;display:flex;align-items:center;justify-content:center;gap:0.5rem;position:relative;overflow:hidden}.submit-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px rgba(102,126,234,0.4)}.submit-btn:hover:not(:disabled)::before{left:100%}.submit-btn:disabled{opacity:0.6;cursor:not-allowed}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.success-message{background:#d4edda;color:#155724;padding:1.5rem;border-radius:10px;margin-top:1.5rem;display:none;border-left:4px solid #28a745;animation:fadeIn 0.5s ease-out;text-align:center}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.success-message.show{display:block}.contact-info-item{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:rgba(255,255,255,0.1);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);transition:all 0.3s}.contact-info-item:hover{background:rgba(255,255,255,0.15);transform:translateX(5px)}.contact-icon{width:50px;height:50px;background:rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.contact-details h3{font-size:1rem;margin-bottom:0.25rem}.contact-details p{font-size:0.9rem;opacity:0.9}.availability-badge{background:rgba(76,175,80,0.2);color:#4caf50;padding:0.75rem 1.5rem;border-radius:50px;display:inline-flex;align-items:center;gap:0.5rem;font-weight:600;margin-top:2rem;border:1px solid rgba(76,175,80,0.3)}.status-dot{width:10px;height:10px;background:#4caf50;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@media (max-width:968px){.contact-form-container{grid-template-columns:1fr;gap:0;border-radius:0}.form-section,.info-section{padding:2rem}}@media (max-width:768px){.contact-form-container{margin:1rem auto}.form-section,.info-section{padding:1.5rem}.form-section h2{font-size:1.8rem}}@media (max-width:480px){.contact-form-container{margin:0.5rem auto}.form-section,.info-section{padding:1rem}.form-section h2{font-size:1.5rem}.form-subtitle{font-size:0.95rem}}.support-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);color:white;position:relative;overflow:hidden;animation:gradientShift 15s ease infinite;background-size:200% 200%}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.support-header::before{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 70%);z-index:0}.support-header>*{position:relative;z-index:1}.support-header h1{font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,0.2);letter-spacing:-0.5px}.support-header .lead{font-weight:500;opacity:0.95;font-size:1.25rem}.support-options-section{background:#f8f9fa;padding:4rem 2rem}.support-options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto;align-items:stretch}.support-card{background:white;padding:2.5rem;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,0.08);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);text-align:center;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100%}.support-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb)}.support-card:hover{transform:translateY(-1px);box-shadow:0 25px 70px rgba(0,0,0,0.15);background:linear-gradient(135deg,rgba(102,126,234,0.05) 0%,rgba(118,75,162,0.05) 100%)}.support-card-icon{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:white;margin-bottom:1.5rem;box-shadow:0 10px 30px rgba(102,126,234,0.3);transition:all 0.3s ease}.support-card:hover .support-card-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 15px 45px rgba(102,126,234,0.5)}.support-card-icon.whatsapp-icon{background:linear-gradient(135deg,#25d366,#20ba5a);box-shadow:0 10px 30px rgba(37,211,102,0.3)}.support-card:hover .support-card-icon.whatsapp-icon{box-shadow:0 15px 45px rgba(37,211,102,0.5)}.support-card h3{color:#2c3e50;margin-bottom:0.75rem;font-size:1.5rem;font-weight:700}.support-card-desc{color:#666;margin-bottom:1.5rem;font-size:0.95rem;line-height:1.6;flex-grow:1;display:flex;align-items:center;justify-content:center}.support-card-btn{display:inline-block;padding:0.875rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:white;text-decoration:none;border-radius:10px;font-weight:600;transition:all 0.3s;border:none;cursor:pointer;font-size:1rem;position:relative;overflow:hidden;margin-top:auto;z-index:2}.support-card-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgba(255,255,255,0.2);transition:left 0.5s;pointer-events:none;z-index:1}.support-card-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(102,126,234,0.4)}.support-card-btn:hover::before{left:100%}.support-card-btn.whatsapp-btn{background:linear-gradient(135deg,#25d366,#20ba5a)}.support-card-btn.whatsapp-btn:hover{box-shadow:0 10px 30px rgba(37,211,102,0.4)}@media (max-width:968px){.support-options-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width:768px){.support-options-grid{grid-template-columns:1fr;gap:1.5rem}.support-card{padding:2rem}.support-header{padding:3rem 2rem}.support-header h1{font-size:2rem}.support-header .lead{font-size:1.05rem}}@media (max-width:480px){.support-options-section{padding:2rem 1rem}.support-card{padding:1.5rem;border-radius:15px}.support-card h3{font-size:1.25rem}.support-card-icon{width:70px;height:70px;font-size:2rem}}.resources-section{padding:4rem 2rem;background:linear-gradient(135deg,rgba(102,126,234,0.05) 0%,rgba(240,147,251,0.05) 100%);border-radius:20px;margin:3rem 0}.resources-header{text-align:center;margin-bottom:3rem}.resources-title{font-size:2.2rem;font-weight:700;color:#2c3e50;margin-bottom:0.5rem}.resources-subtitle{font-size:1.1rem;color:#666}.resources-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1200px;margin:0 auto}.resource-card{background:white;padding:2rem;border-radius:15px;box-shadow:0 10px 35px rgba(0,0,0,0.08);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);text-align:center;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center}.resource-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb)}.resource-card:hover{transform:translateY(-1px);box-shadow:0 20px 50px rgba(0,0,0,0.15);background:linear-gradient(135deg,rgba(102,126,234,0.08) 0%,rgba(118,75,162,0.08) 100%)}.resource-card-icon{width:70px;height:70px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:white;margin-bottom:1.5rem;box-shadow:0 8px 25px rgba(0,0,0,0.15);transition:all 0.3s ease}.resource-card:hover .resource-card-icon{transform:scale(1.1) rotate(-5deg)}.resource-card-icon.terms-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.resource-card-icon.privacy-icon{background:linear-gradient(135deg,#28a745,#20c997)}.resource-card-icon.help-icon{background:linear-gradient(135deg,#ffc107,#ff9800)}.resource-card-icon.home-icon{background:linear-gradient(135deg,#17a2b8,#00bcd4)}.resource-card h4{color:#2c3e50;margin-bottom:0.75rem;font-size:1.3rem;font-weight:700}.resource-card p{color:#666;margin-bottom:1.5rem;font-size:0.9rem;line-height:1.6}.resource-card-link{display:inline-block;padding:0.75rem 1.75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:white;text-decoration:none;border-radius:8px;font-weight:600;transition:all 0.3s;border:none;cursor:pointer;font-size:0.95rem;position:relative;overflow:hidden;margin-top:auto}.resource-card-link::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgba(255,255,255,0.2);transition:left 0.5s}.resource-card-link:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(102,126,234,0.4)}.resource-card-link:hover::before{left:100%}.resource-card:nth-child(1) .resource-card-link{background:linear-gradient(135deg,#667eea,#764ba2)}.resource-card:nth-child(1) .resource-card-link:hover{box-shadow:0 8px 20px rgba(102,126,234,0.4)}.resource-card:nth-child(2) .resource-card-link{background:linear-gradient(135deg,#28a745,#20c997)}.resource-card:nth-child(2) .resource-card-link:hover{box-shadow:0 8px 20px rgba(40,167,69,0.4)}.resource-card:nth-child(3) .resource-card-link{background:linear-gradient(135deg,#ffc107,#ff9800)}.resource-card:nth-child(3) .resource-card-link:hover{box-shadow:0 8px 20px rgba(255,193,7,0.4)}.resource-card:nth-child(4) .resource-card-link{background:linear-gradient(135deg,#17a2b8,#00bcd4)}.resource-card:nth-child(4) .resource-card-link:hover{box-shadow:0 8px 20px rgba(23,162,184,0.4)}@media (max-width:1200px){.resources-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width:768px){.resources-section{padding:2.5rem 1.5rem;margin:2rem 0}.resources-grid{grid-template-columns:1fr;gap:1.5rem}.resources-title{font-size:1.8rem}.resource-card{padding:1.5rem}.resource-card-icon{width:60px;height:60px;font-size:1.75rem}}@media (max-width:480px){.resources-section{padding:1.5rem 1rem;margin:1rem 0}.resources-title{font-size:1.5rem}.resources-subtitle{font-size:0.95rem}.resource-card{padding:1.25rem}.resource-card h4{font-size:1.1rem}.resource-card p{font-size:0.85rem}}.faq-section{background:linear-gradient(135deg,rgba(102,126,234,0.05) 0%,rgba(240,147,251,0.05) 100%);padding:4rem 2rem}.faq-header{text-align:center;margin-bottom:3.5rem}.faq-title{font-size:2.5rem;font-weight:800;color:#2c3e50;margin-bottom:0.75rem;letter-spacing:-0.5px}.faq-subtitle{font-size:1.15rem;color:#666}.faq-container{max-width:900px;margin:0 auto}.faq-category{margin-bottom:3rem}.faq-category-title{font-size:1.5rem;font-weight:700;color:#2c3e50;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:3px solid linear-gradient(90deg,#667eea,#764ba2);text-transform:capitalize}.faq-items{display:flex;flex-direction:column;gap:1rem}.faq-accordion-item{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.08);transition:all 0.3s ease}.faq-accordion-item:hover{box-shadow:0 8px 25px rgba(0,0,0,0.12);transform:translateY(-2px)}.faq-toggle{width:100%;padding:1.5rem;background:white;border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;transition:all 0.3s ease;border-left:4px solid #667eea}.faq-toggle:hover{background:linear-gradient(135deg,rgba(102,126,234,0.08) 0%,rgba(118,75,162,0.08) 100%)}.faq-toggle.open{background:linear-gradient(135deg,rgba(102,126,234,0.12) 0%,rgba(118,75,162,0.12) 100%);border-left-color:#764ba2}.faq-question{text-align:left;font-weight:600;color:#2c3e50;font-size:1.05rem;flex:1}.faq-toggle-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:white;transition:transform 0.3s ease;flex-shrink:0}.faq-toggle-icon i{font-size:0.8rem}.faq-answer{max-height:0;overflow:hidden;background:#f8f9fa;transition:max-height 0.3s ease,padding 0.3s ease;border-top:1px solid #e0e0e0}.faq-answer.open{max-height:500px;padding:1.5rem}.faq-answer-content{color:#555;line-height:1.8;font-size:0.95rem}.faq-answer-content p{margin-bottom:1rem}.faq-answer-content p:last-child{margin-bottom:0}@media (max-width:768px){.faq-section{padding:2.5rem 1.5rem}.faq-title{font-size:2rem}.faq-category-title{font-size:1.25rem}.faq-toggle{padding:1.25rem}.faq-question{font-size:0.95rem}}@media (max-width:480px){.faq-section{padding:1.5rem 1rem}.faq-title{font-size:1.5rem}.faq-subtitle{font-size:0.95rem}.faq-category-title{font-size:1.1rem;margin-bottom:1rem;padding-bottom:0.75rem}.faq-accordion-item{border-radius:10px}.faq-toggle{padding:1rem}.faq-question{font-size:0.9rem}.faq-toggle-icon{width:28px;height:28px}}.categories-section{background:linear-gradient(135deg,rgba(102,126,234,0.05) 0%,rgba(240,147,251,0.05) 100%);padding:4rem 2rem}.categories-header{text-align:center;margin-bottom:3rem}.categories-title{font-size:2.5rem;font-weight:800;color:#2c3e50;margin-bottom:0.75rem}.categories-subtitle{font-size:1.15rem;color:#666}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:1.25rem;margin:0 auto}.category-link{text-decoration:none}.category-card{background:white;padding:1.25rem 0.625rem;border-radius:18px;box-shadow:0 8px 30px rgba(0,0,0,0.08);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);text-align:center;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.category-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb)}.category-card:hover{transform:translateY(-1px);box-shadow:0 20px 50px rgba(0,0,0,0.15);background:linear-gradient(135deg,rgba(102,126,234,0.08) 0%,rgba(118,75,162,0.08) 100%)}.category-icon-wrapper{width:56px;height:56px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:white;margin-bottom:0.75rem;box-shadow:0 8px 24px rgba(102,126,234,0.3);transition:all 0.3s ease}.category-card:hover .category-icon-wrapper{transform:scale(1.15) rotate(-5deg);box-shadow:0 15px 45px rgba(102,126,234,0.5)}.category-card h3{color:#2c3e50;margin-bottom:0.35rem;font-size:1rem;font-weight:700}.category-card p{color:#667eea;font-size:0.9rem;font-weight:600;margin:0}.features-section{background:white;padding:4rem 2rem}.features-header{text-align:center;margin-bottom:3rem}.features-title{font-size:2.5rem;font-weight:800;color:#2c3e50;margin-bottom:0.75rem}.features-subtitle{font-size:1.15rem;color:#666}.features-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.5rem;max-width:1200px;margin:0 auto}.feature-card{background:linear-gradient(135deg,rgba(102,126,234,0.1) 0%,rgba(118,75,162,0.1) 100%);padding:1.8rem 1.5rem;border-radius:20px;text-align:center;position:relative;overflow:hidden;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);border:1px solid rgba(102,126,234,0.2)}.feature-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);opacity:0;transition:opacity 0.3s}.feature-card:hover{transform:translateY(-1px);box-shadow:0 20px 50px rgba(102,126,234,0.25);background:linear-gradient(135deg,rgba(102,126,234,0.15) 0%,rgba(118,75,162,0.15) 100%)}.feature-card:hover::before{opacity:1}.feature-icon-box{width:70px;height:70px;margin:0 auto 1rem;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:white;box-shadow:0 12px 35px rgba(0,0,0,0.15);transition:all 0.3s ease}.feature-card:hover .feature-icon-box{transform:scale(1.1) rotate(5deg)}.feature-icon-box.download-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.feature-icon-box.security-icon{background:linear-gradient(135deg,#28a745,#20c997)}.feature-icon-box.support-icon{background:linear-gradient(135deg,#ffc107,#ff9800)}.feature-card h3{color:#2c3e50;margin-bottom:0.5rem;font-size:1.1rem;font-weight:700}.feature-card p{color:#666;font-size:0.85rem;line-height:1.5;margin:0}.testimonials-section{background:linear-gradient(135deg,rgba(102,126,234,0.05) 0%,rgba(240,147,251,0.05) 100%);padding:4rem 2rem}.testimonials-header{text-align:center;margin-bottom:3rem}.testimonials-title{font-size:2.5rem;font-weight:800;color:#2c3e50;margin-bottom:0.75rem}.testimonials-subtitle{font-size:1.15rem;color:#666}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto}.testimonial-card{background:white;padding:2.5rem;border-radius:18px;box-shadow:0 10px 35px rgba(0,0,0,0.08);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;overflow:hidden;display:flex;flex-direction:column}.testimonial-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb)}.testimonial-card:hover{transform:translateY(-1px);box-shadow:0 20px 55px rgba(0,0,0,0.15);background:linear-gradient(135deg,rgba(102,126,234,0.08) 0%,rgba(118,75,162,0.08) 100%)}.testimonial-quote{font-size:2rem;color:#667eea;margin-bottom:1rem;opacity:0.6}.testimonial-text{color:#555;font-size:0.95rem;line-height:1.8;margin-bottom:1.5rem;flex-grow:1;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:1rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.author-avatar{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:1rem;flex-shrink:0}.author-avatar.as-avatar{background:linear-gradient(135deg,#667eea,#764ba2)}.author-avatar.cs-avatar{background:linear-gradient(135deg,#28a745,#20c997)}.author-avatar.ar-avatar{background:linear-gradient(135deg,#ffc107,#ff9800)}.author-info h5{color:#2c3e50;margin:0 0 0.25rem;font-size:1rem;font-weight:700}.author-info h5 a{color:#2c3e50;text-decoration:none;transition:color 0.3s}.author-info h5 a:hover{color:#667eea}.author-info span{color:#999;font-size:0.85rem}@media (max-width:1200px){.categories-grid{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.features-grid,.testimonials-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.categories-section,.features-section,.testimonials-section{padding:2.5rem 1.5rem}.categories-title,.features-title,.testimonials-title{font-size:1.8rem}.categories-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}.features-grid,.testimonials-grid{grid-template-columns:1fr;gap:1.5rem}.category-card{padding:1.5rem}.feature-card{padding:2rem}}@media (max-width:480px){.categories-section,.features-section,.testimonials-section{padding:1.5rem 1rem}.categories-title,.features-title,.testimonials-title{font-size:1.5rem}.categories-subtitle,.features-subtitle,.testimonials-subtitle{font-size:0.95rem}.categories-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.category-card{padding:1.25rem}.category-icon-wrapper{width:70px;height:70px;font-size:2rem}.category-card h3{font-size:1.1rem}.feature-icon-box{width:70px;height:70px;font-size:2rem}.feature-card h3{font-size:1.2rem}.testimonial-card{padding:1.5rem}}body.bg-light.auth-page{background:#f5f7fa;min-height:auto;position:relative;overflow-x:hidden}.login-left-section{background:linear-gradient(135deg,#1a3a52 0%,#2c5282 100%);position:relative;overflow:hidden;min-height:100vh;padding:3rem 2rem !important}.login-left-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle 20px at 15% 25%,rgba(255,255,255,0.15) 0%,transparent 100%),radial-gradient(circle 15px at 85% 15%,rgba(255,255,255,0.12) 0%,transparent 100%),radial-gradient(circle 25px at 50% 75%,rgba(255,255,255,0.1) 0%,transparent 100%),radial-gradient(circle 18px at 10% 70%,rgba(255,255,255,0.08) 0%,transparent 100%);background-size:200% 200%,250% 250%,220% 220%,240% 240%;background-position:0% 0%,100% 100%,50% 50%,25% 75%;animation:float-spot-1 8s ease-in-out infinite,float-spot-2 10s ease-in-out infinite,float-spot-3 12s ease-in-out infinite,float-spot-4 9s ease-in-out infinite;z-index:0;pointer-events:none}.login-left-section>*{position:relative;z-index:1}.login-right-section{background:linear-gradient(135deg,#0f766e 0%,#14b8a6 50%,#13b0a0 100%);position:relative;overflow:hidden;min-height:100vh;padding:3rem 2rem !important}.login-right-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle 22px at 20% 30%,rgba(255,255,255,0.15) 0%,transparent 100%),radial-gradient(circle 18px at 80% 70%,rgba(255,255,255,0.12) 0%,transparent 100%),radial-gradient(circle 20px at 40% 60%,rgba(255,255,255,0.1) 0%,transparent 100%),radial-gradient(circle 16px at 70% 30%,rgba(255,255,255,0.08) 0%,transparent 100%);background-size:200% 200%,250% 250%,220% 220%,240% 240%;background-position:0% 0%,100% 100%,50% 50%,75% 25%;animation:float-spot-5 11s ease-in-out infinite,float-spot-6 7s ease-in-out infinite,float-spot-7 13s ease-in-out infinite,float-spot-2 9s ease-in-out infinite;z-index:0;pointer-events:none}.login-right-section>*{position:relative;z-index:1}@keyframes float-spot-1{0%,100%{background-position:0% 0%,100% 100%,50% 50%,25% 75%,75% 25%,60% 40%,80% 20%}50%{background-position:30% 20%,70% 80%,40% 60%,45% 55%,55% 45%,70% 30%,60% 40%}}@keyframes float-spot-2{0%,100%{background-position:0% 0%,100% 100%,50% 50%,25% 75%,75% 25%,60% 40%,80% 20%}50%{background-position:10% 30%,90% 70%,60% 40%,50% 60%,65% 35%,50% 50%,70% 30%}}@keyframes float-spot-3{0%,100%{background-position:0% 0%,100% 100%,50% 50%,25% 75%,75% 25%,60% 40%,80% 20%}50%{background-position:20% 10%,80% 90%,55% 45%,35% 65%,85% 15%,40% 60%,90% 10%}}@keyframes float-spot-4{0%,100%{background-position:0% 0%,100% 100%,50% 50%,25% 75%,75% 25%,60% 40%,80% 20%}50%{background-position:15% 35%,85% 65%,45% 55%,60% 40%,40% 60%,75% 25%,50% 70%}}@keyframes float-spot-5{0%,100%{background-position:0% 0%,100% 100%,50% 50%,25% 75%,75% 25%,60% 40%,80% 20%}50%{background-position:25% 15%,75% 85%,50% 50%,30% 70%,70% 30%,55% 45%,85% 15%}}@keyframes float-spot-6{0%,100%{background-position:0% 0%,100% 100%,50% 50%,25% 75%,75% 25%,60% 40%,80% 20%}50%{background-position:10% 20%,90% 80%,55% 45%,40% 60%,60% 40%,65% 35%,70% 30%}}@keyframes float-spot-7{0%,100%{background-position:0% 0%,100% 100%,50% 50%,25% 75%,75% 25%,60% 40%,80% 20%}50%{background-position:30% 30%,70% 70%,45% 55%,55% 45%,50% 50%,45% 55%,60% 40%}}.auth-container{position:relative;z-index:1}.auth-card{background:rgba(255,255,255,0.9) !important;-webkit-backdrop-filter:blur(20px) !important;backdrop-filter:blur(20px) !important;-webkit-backdrop-filter:blur(20px) !important;border:1.5px solid rgba(255,255,255,0.3) !important;border-radius:25px !important;box-shadow:0 8px 32px 0 rgba(31,38,135,0.37),inset 0 1px 1px rgba(255,255,255,0.8) !important;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275) !important;position:relative;overflow:hidden}.auth-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.1) 50%,transparent 70%);transform:translate(-100%,-100%);transition:transform 0.6s ease;z-index:1}.auth-card:hover{transform:translateY(-1px);box-shadow:0 16px 48px 0 rgba(31,38,135,0.5),inset 0 1px 1px rgba(255,255,255,1) !important;border-color:rgba(255,255,255,0.5) !important}.auth-card:hover::before{transform:translate(100%,100%)}.auth-card .form-outline .form-control{background:rgba(255,255,255,0.7) !important;border:2px solid rgba(102,126,234,0.2) !important;border-radius:15px !important;transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275) !important;padding:0.85rem 1.2rem !important;font-size:1rem !important;color:#333 !important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.auth-card .form-outline .form-control::placeholder{color:rgba(100,100,100,0.6)}.auth-card .form-outline .form-control:focus{background:rgba(255,255,255,0.95) !important;border-color:#667eea !important;box-shadow:0 0 0 0.2rem rgba(102,126,234,0.25),inset 0 1px 2px rgba(0,0,0,0.05) !important;transform:translateY(-2px)}.auth-card .form-outline .form-control:hover{border-color:#667eea !important;box-shadow:0 4px 15px rgba(102,126,234,0.2) !important;background:rgba(255,255,255,0.85) !important}.auth-card .form-label{color:#495057 !important;font-weight:700 !important;font-size:0.95rem !important;letter-spacing:0.3px;transition:all 0.3s ease}.auth-card .form-control:focus ~ .form-label{color:#667eea !important}.auth-card .btn-primary,.auth-card .btn-lg{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important;border:none !important;border-radius:15px !important;font-weight:700 !important;letter-spacing:1px !important;transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275) !important;position:relative;overflow:hidden;box-shadow:0 8px 25px rgba(102,126,234,0.4) !important;padding:0.85rem 2rem !important;font-size:1.05rem !important}.auth-card .btn-primary::before,.auth-card .btn-lg::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgba(255,255,255,0.2);transition:left 0.3s ease;z-index:-1}.auth-card .btn-primary::after,.auth-card .btn-lg::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.3);transform:translate(-50%,-50%);transition:width 0.6s,height 0.6s}.auth-card .btn-primary:hover,.auth-card .btn-lg:hover{transform:translateY(-4px);box-shadow:0 12px 35px rgba(102,126,234,0.6) !important;color:white !important}.auth-card .btn-primary:hover::before,.auth-card .btn-lg:hover::before{left:100%}.auth-card .btn-primary:active,.auth-card .btn-lg:active{transform:translateY(-1px);box-shadow:0 6px 20px rgba(102,126,234,0.4) !important}.auth-card a{color:#667eea !important;text-decoration:none !important;font-weight:600 !important;transition:all 0.3s ease !important;position:relative}.auth-card a::before{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transition:width 0.3s cubic-bezier(0.175,0.885,0.32,1.275)}.auth-card a:hover{color:#764ba2 !important;transform:translateY(-1px)}.auth-card a:hover::before{width:100%}.auth-card .alert{border:none !important;border-radius:15px !important;-webkit-backdrop-filter:blur(10px) !important;backdrop-filter:blur(10px) !important;border-left:4px solid !important;animation:slideInDown 0.4s cubic-bezier(0.175,0.885,0.32,1.275) !important;font-weight:500}.auth-card .alert-danger{background:rgba(220,53,69,0.15) !important;color:#721c24 !important;border-left-color:#dc3545 !important}.auth-card .alert-success{background:rgba(40,167,69,0.15) !important;color:#155724 !important;border-left-color:#28a745 !important}@keyframes slideInDown{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.auth-card .text-center img,.auth-card-logo{transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275) !important;filter:drop-shadow(0 4px 12px rgba(102,126,234,0.25));animation:popIn 0.6s cubic-bezier(0.175,0.885,0.32,1.275)}.auth-card .text-center img:hover{transform:scale(1.08);filter:drop-shadow(0 8px 20px rgba(102,126,234,0.4))}@keyframes popIn{0%{opacity:0;transform:scale(0.85)}100%{opacity:1;transform:scale(1)}}.auth-hero{background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);position:relative;overflow:hidden}.auth-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="10" cy="10" r="15" fill="rgba(255,255,255,0.05)"/><circle cx="80" cy="80" r="20" fill="rgba(255,255,255,0.03)"/><circle cx="90" cy="20" r="25" fill="rgba(255,255,255,0.02)"/></svg>');z-index:1;animation:float 8s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(15px)}}.auth-hero-content{position:relative;z-index:2;animation:fadeInLeft 0.7s cubic-bezier(0.175,0.885,0.32,1.275)}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.auth-card{border-radius:20px !important;box-shadow:0 4px 20px rgba(31,38,135,0.3) !important}.auth-card .form-control{border-radius:12px !important;padding:0.75rem 1rem !important}.auth-card .btn-primary,.auth-card .btn-lg{border-radius:12px !important;padding:0.75rem 1.5rem !important;font-size:0.95rem !important}}@media (max-width:768px){body.bg-light.auth-page{margin:0;padding:0}.auth-container{margin:0 !important;padding:0 !important;gap:0}.auth-container>.row{margin:0 !important;gap:0}.login-left-section,.login-right-section{margin:0 !important;padding:1.5rem !important;gap:0}body.auth-page .mobile-bottom-spacer{display:none !important}}section.py-5 .profile-page .card,body.profile-page section.py-5 .card{background:linear-gradient(135deg,rgba(255,255,255,0.95) 0%,rgba(248,249,250,0.95) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.5);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.1);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);margin-bottom:1.5rem;overflow:hidden}body.profile-page section.py-5 .card:hover{box-shadow:0 12px 48px rgba(102,126,234,0.15);transform:translateY(-4px);border-color:rgba(102,126,234,0.3)}body.profile-page section.py-5 .card-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:2px solid rgba(102,126,234,0.3);padding:1.5rem !important;color:white}body.profile-page section.py-5 .card-header h5{font-weight:700;letter-spacing:0.5px;margin:0}body.profile-page section.py-5 .card-header i{transition:all 0.3s ease}body.profile-page section.py-5 .card-body{padding:2rem !important;background:transparent}body.profile-page section.py-5 .card.bg-primary,body.profile-page section.py-5 .card.bg-success,body.profile-page section.py-5 .card.bg-info{background:linear-gradient(135deg,rgba(102,126,234,0.15) 0%,rgba(240,147,251,0.1) 100%) !important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,0.2) !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);color:inherit !important}body.profile-page section.py-5 .card.bg-primary{background:linear-gradient(135deg,rgba(52,152,219,0.2) 0%,rgba(52,152,219,0.05) 100%) !important}body.profile-page section.py-5 .card.bg-success{background:linear-gradient(135deg,rgba(46,204,113,0.2) 0%,rgba(46,204,113,0.05) 100%) !important}body.profile-page section.py-5 .card.bg-info{background:linear-gradient(135deg,rgba(52,218,255,0.2) 0%,rgba(52,218,255,0.05) 100%) !important}body.profile-page section.py-5 .card.bg-primary:hover,body.profile-page section.py-5 .card.bg-success:hover,body.profile-page section.py-5 .card.bg-info:hover{transform:translateY(-1px);box-shadow:0 12px 40px rgba(0,0,0,0.15);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}body.profile-page section.py-5 .form-outline .form-control{background:rgba(255,255,255,0.6);border:2px solid rgba(102,126,234,0.2);border-radius:12px;padding:0.85rem 1.2rem;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#333;font-weight:500}body.profile-page section.py-5 .form-outline{margin-bottom:2rem}body.profile-page section.py-5 .form-outline .form-control::placeholder{color:rgba(100,100,100,0.5)}body.profile-page section.py-5 .form-outline .form-control:hover{background:rgba(255,255,255,0.8);border-color:#667eea;box-shadow:0 4px 15px rgba(102,126,234,0.2);transform:translateY(-2px)}body.profile-page section.py-5 .form-outline .form-control:focus{background:rgba(255,255,255,0.95);border-color:#667eea;box-shadow:0 0 0 0.2rem rgba(102,126,234,0.25),inset 0 1px 2px rgba(0,0,0,0.05),0 8px 20px rgba(102,126,234,0.15);transform:translateY(-2px)}body.profile-page section.py-5 .form-label{color:#495057;font-weight:600;font-size:0.95rem;transition:all 0.3s ease;display:block;margin-bottom:0.75rem}body.profile-page section.py-5 .form-control:focus ~ .form-label,body.profile-page section.py-5 .form-control:not(:placeholder-shown) ~ .form-label{color:#667eea}body.profile-page section.py-5 .btn{border-radius:10px;padding:0.75rem 1.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}body.profile-page section.py-5 .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 8px 20px rgba(102,126,234,0.3)}body.profile-page section.py-5 .btn-primary:hover{background:linear-gradient(135deg,#5568d3,#6a3d95);box-shadow:0 12px 30px rgba(102,126,234,0.4);transform:translateY(-3px);filter:drop-shadow(0 0 10px rgba(102,126,234,0.3))}body.profile-page section.py-5 .btn-primary:active{transform:translateY(-1px);box-shadow:0 6px 16px rgba(102,126,234,0.3)}body.profile-page section.py-5 .btn-warning{background:linear-gradient(135deg,#f39c12,#e67e22);border:none;color:white;box-shadow:0 8px 20px rgba(243,156,18,0.3)}body.profile-page section.py-5 .btn-warning:hover{background:linear-gradient(135deg,#d68910,#d35400);box-shadow:0 12px 30px rgba(243,156,18,0.4);transform:translateY(-3px);filter:drop-shadow(0 0 10px rgba(243,156,18,0.3))}body.profile-page section.py-5 .btn-warning:active{transform:translateY(-1px)}body.profile-page section.py-5 .btn-warning:hover,body.profile-page section.py-5 .btn-primary:hover{color:white}body.profile-page section.py-5 .btn i{transition:all 0.3s ease}body.profile-page section.py-5 .btn:hover i{transform:scale(1.15) rotate(-5deg)}body.profile-page section.py-5 .btn-warning:hover i{transform:scale(1.15) rotate(5deg)}body.profile-page section.py-5 .list-group-item{background:rgba(255,255,255,0.6);border:1px solid rgba(102,126,234,0.15);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);padding:1rem 1.25rem;border-radius:10px;margin-bottom:0.5rem}body.profile-page section.py-5 .list-group-item:hover{background:rgba(255,255,255,0.9);border-color:#667eea;box-shadow:0 6px 16px rgba(102,126,234,0.15);transform:translateX(4px)}body.profile-page section.py-5 .list-group-item.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 8px 20px rgba(102,126,234,0.3);color:white}body.profile-page section.py-5 .list-group-item i{transition:all 0.3s ease;color:#667eea}body.profile-page section.py-5 .list-group-item:hover i{transform:scale(1.15) rotate(5deg)}body.profile-page section.py-5 .list-group-item.active i{color:white}body.profile-page section.py-5 .alert{background:linear-gradient(135deg,rgba(102,126,234,0.1) 0%,rgba(240,147,251,0.05) 100%);border:1px solid rgba(102,126,234,0.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;transition:all 0.3s ease}body.profile-page section.py-5 .alert:hover{box-shadow:0 8px 20px rgba(102,126,234,0.15);transform:translateY(-2px)}body.profile-page section.py-5 .member-since-field{background:rgba(102,126,234,0.05);border-color:rgba(102,126,234,0.3);color:#667eea;font-weight:600}[data-theme="dark"] body.profile-page section.py-5 .card{background:linear-gradient(135deg,rgba(45,45,45,0.95) 0%,rgba(35,35,35,0.95) 100%);border-color:rgba(102,126,234,0.2);color:white}[data-theme="dark"] body.profile-page section.py-5 .card:hover{box-shadow:0 12px 48px rgba(102,126,234,0.25);border-color:rgba(102,126,234,0.4)}[data-theme="dark"] body.profile-page section.py-5 .form-outline .form-control{background:rgba(60,60,60,0.6);border-color:rgba(102,126,234,0.2);color:#ffffff}[data-theme="dark"] body.profile-page section.py-5 .form-outline .form-control:hover,[data-theme="dark"] body.profile-page section.py-5 .form-outline .form-control:focus{background:rgba(60,60,60,0.9);border-color:#667eea}[data-theme="dark"] body.profile-page section.py-5 .list-group-item{background:rgba(60,60,60,0.6);border-color:rgba(102,126,234,0.15);color:white}[data-theme="dark"] body.profile-page section.py-5 .list-group-item:hover{background:rgba(60,60,60,0.8);border-color:#667eea}body.profile-page section.py-5 .col-lg-3 .card{background:linear-gradient(135deg,rgba(255,255,255,0.95) 0%,rgba(248,249,250,0.95) 100%);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(102,126,234,0.3);border-radius:20px;box-shadow:0 10px 40px rgba(102,126,234,0.15);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}body.profile-page section.py-5 .col-lg-3 .card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.5s ease;z-index:1}body.profile-page section.py-5 .col-lg-3 .card:hover::before{left:100%}body.profile-page section.py-5 .col-lg-3 .card:hover{transform:translateY(-1px);box-shadow:0 15px 50px rgba(102,126,234,0.25);border-color:rgba(102,126,234,0.6)}body.profile-page section.py-5 .avatar-circle{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;box-shadow:0 8px 25px rgba(102,126,234,0.3);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;z-index:2}body.profile-page section.py-5 .col-lg-3 .card:hover .avatar-circle{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 35px rgba(102,126,234,0.4)}body.profile-page section.py-5 .col-lg-3 .card-body h5{font-weight:700;color:#2c3e50;letter-spacing:0.5px;font-size:1.3rem;margin-bottom:0.5rem;transition:all 0.3s ease}body.profile-page section.py-5 .col-lg-3 .card:hover .card-body h5{color:#667eea}body.profile-page section.py-5 .col-lg-3 .card-body .text-muted{color:#667eea !important;font-size:0.9rem;font-weight:500;transition:all 0.3s ease}body.profile-page section.py-5 .col-lg-3 .card:hover .card-body .text-muted{color:#764ba2 !important}body.profile-page section.py-5 .col-lg-3 .card-body .badge{padding:0.6rem 1.2rem;border-radius:20px;font-weight:600;font-size:0.85rem;letter-spacing:0.5px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 15px rgba(46,204,113,0.25);position:relative;z-index:2}body.profile-page section.py-5 .col-lg-3 .card-body .badge.bg-success{background:linear-gradient(135deg,#2ecc71,#27ae60) !important}body.profile-page section.py-5 .col-lg-3 .card:hover .badge.bg-success{box-shadow:0 6px 20px rgba(46,204,113,0.4);transform:translateY(-2px)}[data-theme="dark"] body.profile-page section.py-5 .col-lg-3 .card{background:linear-gradient(135deg,rgba(45,45,45,0.95) 0%,rgba(35,35,35,0.95) 100%);border-color:rgba(102,126,234,0.3)}[data-theme="dark"] body.profile-page section.py-5 .col-lg-3 .card-body h5{color:#ffffff}[data-theme="dark"] body.profile-page section.py-5 .col-lg-3 .card-body .text-muted{color:#b0b0b0 !important}body.orders-page section.py-5 .col-lg-3 .card{background:linear-gradient(135deg,rgba(255,255,255,0.95) 0%,rgba(248,249,250,0.95) 100%);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(102,126,234,0.3);border-radius:20px;box-shadow:0 10px 40px rgba(102,126,234,0.15);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}body.orders-page section.py-5 .col-lg-3 .card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.5s ease;z-index:1}body.orders-page section.py-5 .col-lg-3 .card:hover::before{left:100%}body.orders-page section.py-5 .col-lg-3 .card:hover{transform:translateY(-1px);box-shadow:0 15px 50px rgba(102,126,234,0.25);border-color:rgba(102,126,234,0.6)}body.orders-page section.py-5 .avatar-circle{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;box-shadow:0 8px 25px rgba(102,126,234,0.3);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;z-index:2}body.orders-page section.py-5 .col-lg-3 .card:hover .avatar-circle{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 35px rgba(102,126,234,0.4)}body.orders-page section.py-5 .col-lg-3 .card-body h5{font-weight:700;color:#2c3e50;letter-spacing:0.5px;font-size:1.3rem;margin-bottom:0.5rem;transition:all 0.3s ease}body.orders-page section.py-5 .col-lg-3 .card:hover .card-body h5{color:#667eea}body.orders-page section.py-5 .col-lg-3 .card-body .text-muted{color:#667eea !important;font-size:0.9rem;font-weight:500;transition:all 0.3s ease}body.orders-page section.py-5 .col-lg-3 .card:hover .card-body .text-muted{color:#764ba2 !important}body.orders-page section.py-5 .col-lg-3 .card-body .badge{padding:0.6rem 1.2rem;border-radius:20px;font-weight:600;font-size:0.85rem;letter-spacing:0.5px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 15px rgba(46,204,113,0.25);position:relative;z-index:2}body.orders-page section.py-5 .col-lg-3 .card-body .badge.bg-success{background:linear-gradient(135deg,#2ecc71,#27ae60) !important}body.orders-page section.py-5 .col-lg-3 .card:hover .badge.bg-success{box-shadow:0 6px 20px rgba(46,204,113,0.4);transform:translateY(-1px)}body.orders-page section.py-5 .col-lg-3 .card.mt-3{background:linear-gradient(135deg,rgba(255,255,255,0.95) 0%,rgba(248,249,250,0.95) 100%);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(102,126,234,0.3);border-radius:20px;box-shadow:0 10px 40px rgba(102,126,234,0.15);transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}body.orders-page section.py-5 .col-lg-3 .card.mt-3:hover{box-shadow:0 15px 50px rgba(102,126,234,0.25);border-color:rgba(102,126,234,0.6)}body.orders-page section.py-5 .list-group-item{background:rgba(255,255,255,0.6);border:1px solid rgba(102,126,234,0.15);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);padding:1rem 1.25rem;border-radius:10px;margin-bottom:0.5rem;color:#333}body.orders-page section.py-5 .list-group-item:hover{background:rgba(255,255,255,0.9);border-color:#667eea;box-shadow:0 6px 16px rgba(102,126,234,0.15);transform:translateX(4px);color:#667eea}body.orders-page section.py-5 .list-group-item.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 8px 20px rgba(102,126,234,0.3);color:white}body.orders-page section.py-5 .list-group-item i{transition:all 0.3s ease;color:#667eea}body.orders-page section.py-5 .list-group-item:hover i{transform:scale(1.15) rotate(5deg);color:#667eea}body.orders-page section.py-5 .list-group-item.active i{color:white}body.orders-page section.py-5 .col-lg-9 .card{background:linear-gradient(135deg,rgba(255,255,255,0.95) 0%,rgba(248,249,250,0.95) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,0.2);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.1);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);overflow:hidden}body.orders-page section.py-5 .col-lg-9 .card:hover{box-shadow:0 12px 48px rgba(102,126,234,0.15);transform:translateY(-1px);border-color:rgba(102,126,234,0.3)}body.orders-page section.py-5 .col-lg-9 .card-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:2px solid rgba(102,126,234,0.3);padding:1.5rem !important;color:white}body.orders-page section.py-5 .col-lg-9 .card-header h6{font-weight:700;letter-spacing:0.5px;margin:0}body.orders-page section.py-5 .col-lg-9 .card-header small{color:rgba(255,255,255,0.65) !important;font-weight:500}body.orders-page section.py-5 .col-lg-9 .card-body{padding:2rem !important;background:transparent}body.orders-page section.py-5 .order-items{background:rgba(102,126,234,0.05);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:1rem;border-radius:12px;border:1px solid rgba(102,126,234,0.15)}body.orders-page section.py-5 .order-items .d-flex{transition:all 0.3s ease;padding:0.5rem 0}body.orders-page section.py-5 .order-items .d-flex:hover{background:rgba(102,126,234,0.1);padding-left:0.5rem;border-radius:8px}body.orders-page section.py-5 .order-details p,body.orders-page section.py-5 .order-total .d-flex{transition:all 0.3s ease;color:#495057}body.orders-page section.py-5 .order-total{background:linear-gradient(135deg,rgba(102,126,234,0.08) 0%,rgba(240,147,251,0.05) 100%);padding:1.5rem;border-radius:12px;border:1px solid rgba(102,126,234,0.15)}body.orders-page section.py-5 .order-total .text-primary{color:#667eea !important;font-weight:700}body.orders-page section.py-5 .order-actions .btn{border-radius:10px;padding:0.5rem 1rem;font-weight:600;letter-spacing:0.3px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}body.orders-page section.py-5 .order-actions .btn-outline-primary{border:2px solid #667eea;color:#667eea}body.orders-page section.py-5 .order-actions .btn-outline-primary:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:white;box-shadow:0 6px 16px rgba(102,126,234,0.3);transform:translateY(-1px)}body.orders-page section.py-5 .order-actions .btn-success{background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;box-shadow:0 6px 16px rgba(46,204,113,0.2)}body.orders-page section.py-5 .order-actions .btn-success:hover{box-shadow:0 8px 20px rgba(46,204,113,0.3);transform:translateY(-1px)}body.orders-page section.py-5 .order-actions .btn-warning{background:linear-gradient(135deg,#f39c12,#e67e22);border:none;color:white;box-shadow:0 6px 16px rgba(243,156,18,0.2)}body.orders-page section.py-5 .order-actions .btn-warning:hover{box-shadow:0 8px 20px rgba(243,156,18,0.3);transform:translateY(-1px)}body.orders-page section.py-5 .order-actions .btn-outline-secondary{border:2px solid #6c757d;color:#6c757d}body.orders-page section.py-5 .order-actions .btn-outline-secondary:hover{background:#6c757d;border-color:#6c757d;color:white;box-shadow:0 6px 16px rgba(108,117,125,0.2);transform:translateY(-1px)}body.orders-page section.py-5 .order-actions .btn-outline-danger{border:2px solid #dc3545;color:#dc3545}body.orders-page section.py-5 .order-actions .btn-outline-danger:hover{background:#dc3545;border-color:#dc3545;color:white;box-shadow:0 6px 16px rgba(220,53,69,0.2);transform:translateY(-1px)}body.orders-page section.py-5 .order-actions .btn-outline-info{border:2px solid #17a2b8;color:#17a2b8}body.orders-page section.py-5 .order-actions .btn-outline-info:hover{background:#17a2b8;border-color:#17a2b8;color:white;box-shadow:0 6px 16px rgba(23,162,184,0.2);transform:translateY(-1px)}body.orders-page section.py-5 .pagination .page-link{background:linear-gradient(135deg,rgba(255,255,255,0.95) 0%,rgba(248,249,250,0.95) 100%);border:2px solid rgba(102,126,234,0.2);color:#667eea;border-radius:10px;font-weight:600;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}body.orders-page section.py-5 .pagination .page-link:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:white;transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,0.3)}body.orders-page section.py-5 .pagination .page-item.active .page-link{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 8px 20px rgba(102,126,234,0.3)}[data-theme="dark"] body.orders-page section.py-5 .col-lg-3 .card,[data-theme="dark"] body.orders-page section.py-5 .col-lg-9 .card{background:linear-gradient(135deg,rgba(45,45,45,0.95) 0%,rgba(35,35,35,0.95) 100%);border-color:rgba(102,126,234,0.2);color:white}[data-theme="dark"] body.orders-page section.py-5 .col-lg-3 .card:hover,[data-theme="dark"] body.orders-page section.py-5 .col-lg-9 .card:hover{border-color:rgba(102,126,234,0.4)}[data-theme="dark"] body.orders-page section.py-5 .col-lg-3 .card-body h5{color:#ffffff}[data-theme="dark"] body.orders-page section.py-5 .col-lg-3 .card-body .text-muted{color:#b0b0b0 !important}[data-theme="dark"] body.orders-page section.py-5 .list-group-item{background:rgba(60,60,60,0.6);border-color:rgba(102,126,234,0.15);color:white}[data-theme="dark"] body.orders-page section.py-5 .list-group-item:hover{background:rgba(60,60,60,0.8);border-color:#667eea;color:white}[data-theme="dark"] body.orders-page section.py-5 .card-header{color:white}[data-theme="dark"] body.orders-page section.py-5 .order-items{background:rgba(102,126,234,0.1)}[data-theme="dark"] body.orders-page section.py-5 .order-items .d-flex:hover{background:rgba(102,126,234,0.15)}[data-theme="dark"] body.orders-page section.py-5 .order-details p,[data-theme="dark"] body.orders-page section.py-5 .order-total .d-flex{color:#e0e0e0}[data-theme="dark"] body.orders-page section.py-5 .order-total{background:rgba(102,126,234,0.1);border-color:rgba(102,126,234,0.2)}[data-theme="dark"] body.orders-page section.py-5 .pagination .page-link{background:rgba(60,60,60,0.6);border-color:rgba(102,126,234,0.2);color:#667eea}[data-theme="dark"] body.orders-page section.py-5 .pagination .page-link:hover{background:linear-gradient(135deg,#667eea,#764ba2)}body.downloads-page section.py-5 .col-lg-3 .card{background:linear-gradient(135deg,rgba(255,255,255,0.95) 0%,rgba(248,249,250,0.95) 100%);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(102,126,234,0.3);border-radius:20px;box-shadow:0 10px 40px rgba(102,126,234,0.15);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}body.downloads-page section.py-5 .col-lg-3 .card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.5s ease;z-index:1}body.downloads-page section.py-5 .col-lg-3 .card:hover::before{left:100%}body.downloads-page section.py-5 .col-lg-3 .card:hover{transform:translateY(-1px);box-shadow:0 15px 50px rgba(102,126,234,0.25);border-color:rgba(102,126,234,0.6)}body.downloads-page section.py-5 .avatar-circle{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;box-shadow:0 8px 25px rgba(102,126,234,0.3);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;z-index:2}body.downloads-page section.py-5 .col-lg-3 .card:hover .avatar-circle{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 35px rgba(102,126,234,0.4)}body.downloads-page section.py-5 .col-lg-3 .card-body h5{font-weight:700;color:#2c3e50;letter-spacing:0.5px;font-size:1.3rem;margin-bottom:0.5rem;transition:all 0.3s ease}body.downloads-page section.py-5 .col-lg-3 .card:hover .card-body h5{color:#667eea}body.downloads-page section.py-5 .col-lg-3 .card-body .text-muted{color:#667eea !important;font-size:0.9rem;font-weight:500;transition:all 0.3s ease}body.downloads-page section.py-5 .col-lg-3 .card:hover .card-body .text-muted{color:#764ba2 !important}body.downloads-page section.py-5 .col-lg-3 .card-body .badge{padding:0.6rem 1.2rem;border-radius:20px;font-weight:600;font-size:0.85rem;letter-spacing:0.5px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 15px rgba(46,204,113,0.25);position:relative;z-index:2}body.downloads-page section.py-5 .col-lg-3 .card-body .badge.bg-success{background:linear-gradient(135deg,#2ecc71,#27ae60) !important}body.downloads-page section.py-5 .col-lg-3 .card:hover .badge.bg-success{box-shadow:0 6px 20px rgba(46,204,113,0.4);transform:translateY(-2px)}body.downloads-page section.py-5 .col-lg-3 .card.mt-3{background:linear-gradient(135deg,rgba(255,255,255,0.95) 0%,rgba(248,249,250,0.95) 100%);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(102,126,234,0.3);border-radius:20px;box-shadow:0 10px 40px rgba(102,126,234,0.15);transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}body.downloads-page section.py-5 .col-lg-3 .card.mt-3:hover{box-shadow:0 15px 50px rgba(102,126,234,0.25);border-color:rgba(102,126,234,0.6)}body.downloads-page section.py-5 .list-group-item{background:rgba(255,255,255,0.6);border:1px solid rgba(102,126,234,0.15);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);padding:1rem 1.25rem;border-radius:10px;margin-bottom:0.5rem;color:#333}body.downloads-page section.py-5 .list-group-item:hover{background:rgba(255,255,255,0.9);border-color:#667eea;box-shadow:0 6px 16px rgba(102,126,234,0.15);transform:translateX(4px);color:#667eea}body.downloads-page section.py-5 .list-group-item.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 8px 20px rgba(102,126,234,0.3);color:white}body.downloads-page section.py-5 .list-group-item i{transition:all 0.3s ease;color:#667eea}body.downloads-page section.py-5 .list-group-item:hover i{transform:scale(1.15) rotate(5deg);color:#667eea}body.downloads-page section.py-5 .list-group-item.active i{color:white}body.downloads-page section.py-5 .col-lg-9 .card{background:linear-gradient(135deg,rgba(255,255,255,0.95) 0%,rgba(248,249,250,0.95) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,0.2);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.1);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);overflow:hidden}body.downloads-page section.py-5 .col-lg-9 .card:hover{box-shadow:0 12px 48px rgba(102,126,234,0.15);transform:translateY(-4px);border-color:rgba(102,126,234,0.3)}body.downloads-page section.py-5 .download-item{background:linear-gradient(135deg,rgba(102,126,234,0.08) 0%,rgba(240,147,251,0.05) 100%);border:1px solid rgba(102,126,234,0.15);border-radius:12px;padding:1.5rem;margin-bottom:1rem;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}body.downloads-page section.py-5 .download-item::before{content:'';position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(180deg,#667eea,#764ba2);transition:width 0.3s ease}body.downloads-page section.py-5 .download-item:hover{background:linear-gradient(135deg,rgba(102,126,234,0.15) 0%,rgba(240,147,251,0.1) 100%);box-shadow:0 8px 20px rgba(102,126,234,0.15);transform:translateX(4px);border-color:rgba(102,126,234,0.3)}body.downloads-page section.py-5 .download-item:hover::before{width:8px}body.downloads-page section.py-5 .download-item h6{font-weight:700;color:#2c3e50;margin-bottom:0.5rem;padding-left:1rem;transition:all 0.3s ease}body.downloads-page section.py-5 .download-item:hover h6{color:#667eea}body.downloads-page section.py-5 .download-item .text-muted{color:#667eea !important;font-size:0.85rem;padding-left:1rem}body.downloads-page section.py-5 .download-item .btn{border-radius:10px;padding:0.5rem 1.2rem;font-weight:600;letter-spacing:0.3px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;margin-left:1rem}body.downloads-page section.py-5 .download-item .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 6px 16px rgba(102,126,234,0.2)}body.downloads-page section.py-5 .download-item .btn-primary:hover{background:linear-gradient(135deg,#5568d3,#6a3d95);box-shadow:0 8px 20px rgba(102,126,234,0.3);transform:translateY(-2px)}body.downloads-page section.py-5 .download-item .btn-info{background:linear-gradient(135deg,#17a2b8,#138496);border:none;color:white;box-shadow:0 6px 16px rgba(23,162,184,0.2)}body.downloads-page section.py-5 .download-item .btn-info:hover{background:linear-gradient(135deg,#138496,#0f5f7a);box-shadow:0 8px 20px rgba(23,162,184,0.3);transform:translateY(-2px)}body.downloads-page section.py-5 .download-item .btn-outline-secondary{border:2px solid #6c757d;color:#6c757d}body.downloads-page section.py-5 .download-item .btn-outline-secondary:hover{background:#6c757d;border-color:#6c757d;color:white;box-shadow:0 6px 16px rgba(108,117,125,0.2);transform:translateY(-2px)}body.downloads-page section.py-5 .text-center i{color:#667eea;transition:all 0.3s ease}body.downloads-page section.py-5 .text-center{transition:all 0.3s ease}body.downloads-page section.py-5 .pagination .page-link{background:linear-gradient(135deg,rgba(255,255,255,0.95) 0%,rgba(248,249,250,0.95) 100%);border:2px solid rgba(102,126,234,0.2);color:#667eea;border-radius:10px;font-weight:600;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}body.downloads-page section.py-5 .pagination .page-link:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:white;transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,0.3)}body.downloads-page section.py-5 .pagination .page-item.active .page-link{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 8px 20px rgba(102,126,234,0.3)}[data-theme="dark"] body.downloads-page section.py-5 .col-lg-3 .card,[data-theme="dark"] body.downloads-page section.py-5 .col-lg-9 .card{background:linear-gradient(135deg,rgba(45,45,45,0.95) 0%,rgba(35,35,35,0.95) 100%);border-color:rgba(102,126,234,0.2);color:white}[data-theme="dark"] body.downloads-page section.py-5 .col-lg-3 .card:hover,[data-theme="dark"] body.downloads-page section.py-5 .col-lg-9 .card:hover{border-color:rgba(102,126,234,0.4)}[data-theme="dark"] body.downloads-page section.py-5 .col-lg-3 .card-body h5{color:#ffffff}[data-theme="dark"] body.downloads-page section.py-5 .col-lg-3 .card-body .text-muted{color:#b0b0b0 !important}[data-theme="dark"] body.downloads-page section.py-5 .list-group-item{background:rgba(60,60,60,0.6);border-color:rgba(102,126,234,0.15);color:white}[data-theme="dark"] body.downloads-page section.py-5 .list-group-item:hover{background:rgba(60,60,60,0.8);border-color:#667eea;color:white}[data-theme="dark"] body.downloads-page section.py-5 .download-item{background:rgba(102,126,234,0.08);border-color:rgba(102,126,234,0.15)}[data-theme="dark"] body.downloads-page section.py-5 .download-item:hover{background:rgba(102,126,234,0.15);border-color:rgba(102,126,234,0.3)}[data-theme="dark"] body.downloads-page section.py-5 .download-item h6{color:#ffffff}[data-theme="dark"] body.downloads-page section.py-5 .download-item .text-muted{color:#b0b0b0 !important}[data-theme="dark"] body.downloads-page section.py-5 .pagination .page-link{background:rgba(60,60,60,0.6);border-color:rgba(102,126,234,0.2);color:#667eea}[data-theme="dark"] body.downloads-page section.py-5 .pagination .page-link:hover{background:linear-gradient(135deg,#667eea,#764ba2)}.team-section{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);position:relative;overflow:hidden}.team-section::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,0.1) 0%,transparent 70%);animation:float 20s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0px) translateX(0px)}50%{transform:translateY(20px) translateX(10px)}}.team-card{background:rgba(255,255,255,0.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.6);border-radius:25px;padding:2.5rem 2rem;transition:all 0.5s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;z-index:1;box-shadow:0 8px 32px rgba(31,38,135,0.15);overflow:hidden}.team-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);transition:left 0.6s ease;z-index:-1}.team-card:hover{background:rgba(255,255,255,0.98);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(102,126,234,0.3);transform:translateY(-1px);box-shadow:0 20px 60px rgba(102,126,234,0.3),inset 0 1px 0 rgba(255,255,255,0.6)}.team-card:hover::before{left:100%}.team-card h4{color:#333;font-weight:700;margin-bottom:0.5rem;transition:color 0.3s ease}.team-card h4 a{color:#667eea;transition:color 0.3s ease}.team-card h4 a:hover{color:#764ba2}.team-card:hover h4 a{color:#764ba2}.team-avatar{width:120px;height:120px;margin:0 auto 1.5rem;object-fit:contain;background-color:#f0f0f0;border-radius:50%;border:3px solid rgba(102,126,234,0.3);transition:all 0.4s ease}.team-card:hover .team-avatar{border-color:rgba(102,126,234,0.8);box-shadow:0 0 20px rgba(102,126,234,0.4);transform:none}.team-card .text-primary{color:#667eea !important;font-size:0.95rem;transition:all 0.3s ease}.team-card:hover .text-primary{color:#764ba2 !important;font-weight:600}.team-card .text-info{color:#17a2b8 !important;transition:color 0.3s ease}.team-card:hover .text-info{color:#0c5460 !important}.team-card .btn{transition:all 0.3s ease;border-width:2px;margin-top:1rem}.team-card .btn-outline-primary{color:#667eea;border-color:#667eea}.team-card .btn-outline-primary:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:white;box-shadow:0 8px 20px rgba(102,126,234,0.4);transform:translateY(-3px)}.team-card .badge{transition:all 0.3s ease;border-radius:50px;padding:0.5rem 1rem}.team-card:hover .badge{background:linear-gradient(135deg,#667eea,#764ba2) !important;color:white !important;box-shadow:0 8px 20px rgba(102,126,234,0.3)}.btn-view-all-products{background:rgba(0,40,20,0.8);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(0,60,30,0.9);color:white;font-weight:600;padding:12px 40px;border-radius:50px;position:relative;overflow:hidden;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);box-shadow:0 8px 30px rgba(0,40,20,0.4)}.btn-view-all-products::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.6s ease}.btn-view-all-products:hover{background:linear-gradient(135deg,rgba(0,60,30,0.9),rgba(0,40,20,0.95));-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:2px solid rgba(0,80,40,1);color:white;transform:translateY(-3px) scale(1.05);box-shadow:0 15px 50px rgba(0,40,20,0.5),inset 0 1px 0 rgba(255,255,255,0.4)}.btn-view-all-products:hover::before{left:100%}.btn-view-all-products:active{transform:translateY(-1px) scale(1.02);box-shadow:0 8px 30px rgba(0,40,20,0.4)}.btn-cta-home,.btn-cta-products,.btn-cta-about,.btn-cta-contact,.btn-cta-cart,.btn-cta-checkout{font-weight:600;position:relative;overflow:hidden;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);white-space:nowrap;padding:0.4rem 0.5rem !important}.bg-light .row.g-3{display:flex;flex-wrap:nowrap;align-items:center}.bg-light .row.g-3>.col-lg-3{flex:0 0 calc(25% - 0.225rem);max-width:calc(25% - 0.225rem)}.bg-light .row.g-3>.col-lg-3 .btn{font-size:0.9rem;padding-top:0.4rem !important;padding-bottom:0.4rem !important;padding-left:0.6rem !important;padding-right:0.6rem !important;display:flex;align-items:center;justify-content:center}.btn-cta-home::before,.btn-cta-products::before,.btn-cta-about::before,.btn-cta-contact::before,.btn-cta-cart::before,.btn-cta-checkout::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.6s ease}.btn-cta-home{background:rgba(0,40,120,0.8);border:2px solid rgba(0,60,160,0.9);color:white;box-shadow:0 8px 30px rgba(0,40,120,0.3)}.btn-cta-home:hover{background:linear-gradient(135deg,rgba(0,60,160,0.9),rgba(0,40,100,0.95));border:2px solid rgba(0,80,180,1);color:white;transform:translateY(-3px) scale(1.05);box-shadow:0 15px 50px rgba(0,40,120,0.5),inset 0 1px 0 rgba(255,255,255,0.4)}.btn-cta-home:hover::before{left:100%}.btn-cta-products{background:rgba(50,30,120,0.8);border:2px solid rgba(80,40,160,0.9);color:white;box-shadow:0 8px 30px rgba(50,30,120,0.3)}.btn-cta-products:hover{background:linear-gradient(135deg,rgba(80,40,160,0.9),rgba(50,20,100,0.95));border:2px solid rgba(100,50,180,1);color:white;transform:translateY(-3px) scale(1.05);box-shadow:0 15px 50px rgba(50,30,120,0.5),inset 0 1px 0 rgba(255,255,255,0.4)}.btn-cta-products:hover::before{left:100%}.btn-cta-about{background:rgba(0,80,100,0.8);border:2px solid rgba(0,100,130,0.9);color:white;box-shadow:0 8px 30px rgba(0,80,100,0.3)}.btn-cta-about:hover{background:linear-gradient(135deg,rgba(0,100,130,0.9),rgba(0,70,90,0.95));border:2px solid rgba(0,120,150,1);color:white;transform:translateY(-3px) scale(1.05);box-shadow:0 15px 50px rgba(0,80,100,0.5),inset 0 1px 0 rgba(255,255,255,0.4)}.btn-cta-about:hover::before{left:100%}.btn-cta-contact{background:rgba(140,80,0,0.8);border:2px solid rgba(180,100,0,0.9);color:white;box-shadow:0 8px 30px rgba(140,80,0,0.3)}.btn-cta-contact:hover{background:linear-gradient(135deg,rgba(180,100,0,0.9),rgba(140,70,0,0.95));border:2px solid rgba(200,120,0,1);color:white;transform:translateY(-3px) scale(1.05);box-shadow:0 15px 50px rgba(140,80,0,0.5),inset 0 1px 0 rgba(255,255,255,0.4)}.btn-cta-contact:hover::before{left:100%}.btn-cta-cart{background:rgba(150,30,30,0.8);border:2px solid rgba(180,50,50,0.9);color:white;box-shadow:0 8px 30px rgba(150,30,30,0.3)}.btn-cta-cart:hover{background:linear-gradient(135deg,rgba(180,50,50,0.9),rgba(150,20,20,0.95));border:2px solid rgba(200,70,70,1);color:white;transform:translateY(-3px) scale(1.05);box-shadow:0 15px 50px rgba(150,30,30,0.5),inset 0 1px 0 rgba(255,255,255,0.4)}.btn-cta-cart:hover::before{left:100%}.btn-cta-checkout{background:rgba(20,100,50,0.8);border:2px solid rgba(30,130,70,0.9);color:white;box-shadow:0 8px 30px rgba(20,100,50,0.3)}.btn-cta-checkout:hover{background:linear-gradient(135deg,rgba(30,130,70,0.9),rgba(20,90,40,0.95));border:2px solid rgba(40,150,90,1);color:white;transform:translateY(-3px) scale(1.05);box-shadow:0 15px 50px rgba(20,100,50,0.5),inset 0 1px 0 rgba(255,255,255,0.4)}.btn-cta-checkout:hover::before{left:100%}.btn-cta-home:active,.btn-cta-products:active,.btn-cta-about:active,.btn-cta-contact:active,.btn-cta-cart:active,.btn-cta-checkout:active{transform:translateY(-1px) scale(1.02)}section.py-5.bg-light{perspective:1000px;position:relative}section.py-5.bg-light .row.g-4{transform-style:preserve-3d}section.py-5.bg-light .col-lg-3{animation:float3DCTALeft 5s ease-in-out infinite,float3DBounce 4s ease-in-out infinite;transform-style:preserve-3d;transform:translateZ(20px)}section.py-5.bg-light .col-lg-3:nth-child(1){animation-delay:0s,0s}section.py-5.bg-light .col-lg-3:nth-child(2){animation-delay:0.3s,0.3s}section.py-5.bg-light .col-lg-3:nth-child(3){animation-delay:0.6s,0.6s}section.py-5.bg-light .col-lg-3:nth-child(4){animation-delay:0.9s,0.9s}@keyframes float3DCTALeft{0%{transform:translateX(-100px) translateY(0) rotateY(-30deg) rotateX(5deg) translateZ(20px);opacity:0}20%{opacity:1}50%{transform:translateX(0) translateY(-2px) rotateY(0deg) rotateX(0deg) translateZ(5px)}100%{transform:translateX(0) translateY(-2px) rotateY(0deg) rotateX(0deg) translateZ(5px)}}@keyframes float3DBounce{0%{transform:translateY(-1px)}50%{transform:translateY(-2px)}100%{transform:translateY(-1px)}}body.cart-page,body.checkout-page,body.checkout-page{background:linear-gradient(135deg,#f5f7fa 0%,#e9ecef 100%);min-height:100vh;overflow-x:hidden}.cart-page section.py-5{overflow:hidden}.cart-page section.py-5 .container>.row{display:flex;gap:1rem;align-items:flex-start;overflow:hidden}.cart-page section.py-5 .container>.row>.col-lg-6{flex:1;min-width:0;width:100%;padding:0}.payment-page section.py-5{overflow:hidden}.payment-page section.py-5 .container>.row{display:flex;gap:1rem;align-items:flex-start;justify-content:flex-start;overflow:hidden}.payment-page section.py-5 .container>.row>.col-lg-6:first-child{flex:0 0 calc(60% - 1rem);max-width:calc(60% - 1rem);width:calc(60% - 1rem);min-width:0;padding:0}.payment-page section.py-5 .container>.row>.col-lg-6:last-child{flex:0 0 calc(30% - 1rem);max-width:calc(30% - 1rem);width:calc(30% - 1rem);min-width:0;padding:0;margin-left:auto}.checkout-page section.py-5{overflow:hidden}.checkout-page section.py-5 .container{display:block;width:100%;max-width:1300px;padding-right:20px;padding-left:20px;margin-right:auto;margin-left:auto}.checkout-page section.py-5 .container .row{display:flex !important;gap:1.5rem !important;align-items:flex-start !important;flex-wrap:nowrap !important;width:100% !important;margin:0 !important}.checkout-page section.py-5 .container .row>div:nth-child(1){flex:0 0 calc(50% - 0.75rem) !important;width:calc(50% - 0.75rem) !important;max-width:calc(50% - 0.75rem) !important;min-width:0 !important;padding:0 !important;margin:0 !important;box-sizing:border-box;overflow:hidden}.checkout-page section.py-5 .container .row>div:nth-child(2){flex:0 0 calc(50% - 0.75rem) !important;width:calc(50% - 0.75rem) !important;max-width:calc(50% - 0.75rem) !important;min-width:0 !important;padding:0 !important;margin:0 !important;box-sizing:border-box;overflow:hidden}.checkout-page .checkout-section{margin-bottom:0}.coupon-card{background:rgba(255,255,255,0.85);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(102,126,234,0.2) !important;border-radius:20px;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);cursor:pointer;position:relative;overflow:hidden;box-shadow:0 8px 32px rgba(31,38,135,0.1);padding:25px;margin-bottom:25px;height:100%;display:flex;flex-direction:column}.coupon-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);transition:left 0.6s ease}.coupon-card:hover{background:rgba(255,255,255,0.95);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:2px solid rgba(102,126,234,0.5) !important;transform:translateY(-1px) scale(1.02);box-shadow:0 20px 60px rgba(102,126,234,0.25),inset 0 1px 0 rgba(255,255,255,0.6)}.coupon-card:hover::before{left:100%}.coupon-card .coupon-badge{display:inline-block;padding:8px 16px;border-radius:6px;font-size:0.85rem;font-weight:700;font-family:'Montserrat',sans-serif;margin-bottom:15px;width:fit-content}.coupon-card .badge-percentage{background:#e3f2fd;color:#1e3c72;border-left:4px solid #1e3c72}.coupon-card .badge-fixed{background:#e8f5e9;color:#2e7d32;border-left:4px solid #2e7d32}.coupon-card .coupon-code{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:800;font-family:'Montserrat',sans-serif;color:#0b1437;margin:15px 0;letter-spacing:2px}.coupon-card .discount-value{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:700;color:#d4af37;margin-bottom:10px}.coupon-card .coupon-description{color:#666;font-size:0.95rem;margin-bottom:15px;flex-grow:1}.coupon-card .coupon-conditions{border-top:1px solid #e0e0e0;padding-top:15px;margin-top:15px}.coupon-card .condition-item{display:flex;align-items:flex-start;margin-bottom:10px;font-size:0.9rem;color:#555}.coupon-card .condition-item i{color:#7e22ce;margin-right:10px;margin-top:3px;flex-shrink:0}.coupon-card .products-eligible{margin-top:15px;padding-top:15px;border-top:1px solid #e0e0e0}.coupon-card .products-eligible-title{font-size:0.85rem;font-weight:700;font-family:'Montserrat',sans-serif;color:#0b1437;margin-bottom:10px;text-transform:uppercase}.coupon-card .product-list{display:flex;flex-wrap:wrap;gap:8px}.coupon-card .product-tag{background:#f8f9fa;color:#0b1437;padding:5px 12px;border-radius:20px;font-size:0.8rem;border:1px solid #e0e0e0}.coupon-card .product-tag i{margin-right:5px}.coupon-card .copy-code-btn{background:#d4af37;color:#0b1437;border:none;padding:10px 20px;border-radius:6px;font-weight:700;font-family:'Montserrat',sans-serif;font-size:0.85rem;cursor:pointer;transition:all 0.3s ease;text-transform:uppercase;margin-top:15px;width:100%}.coupon-card .copy-code-btn:hover{background:#c9a325;transform:scale(1.02)}.coupon-card .copy-code-btn.copied{background:#4caf50;color:white}.coupon-card .validity-badge{display:inline-block;background:#fff3cd;color:#856404;padding:6px 12px;border-radius:4px;font-size:0.8rem;margin-top:10px}.coupon-card .validity-badge.expiring{background:#f8d7da;color:#721c24}.coupon-carousel-wrapper{display:flex;align-items:center;gap:20px;justify-content:center;position:relative;margin:30px 0}.coupon-carousel-container{flex:1;overflow:hidden;border-radius:12px;max-width:100%;min-width:0}.coupon-carousel-container .row{display:flex;flex-wrap:nowrap;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1);width:100%;gap:1rem}.coupon-slide{flex:0 0 calc(33.333% - 0.667rem);min-width:calc(33.333% - 0.667rem);width:calc(33.333% - 0.667rem)}.carousel-arrow{width:50px;height:50px;border-radius:50%;border:2px solid #d4af37;background:white;color:#d4af37;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;flex-shrink:0;position:relative;z-index:10}.carousel-arrow:hover{background:#d4af37;color:white;transform:scale(1.1);box-shadow:0 4px 12px rgba(212,175,55,0.3)}.carousel-arrow:disabled{opacity:0.5;cursor:not-allowed;border-color:#ccc;color:#ccc}.carousel-arrow:disabled:hover{background:white;color:#ccc;transform:none}.carousel-arrow-left{margin-right:10px}.carousel-arrow-right{margin-left:10px}.coupon-carousel-container .coupon-slide{max-width:none !important;flex-basis:auto !important}.coupon-carousel-container .coupon-slide.col-12,.coupon-carousel-container .coupon-slide.col-md-6,.coupon-carousel-container .coupon-slide.col-lg-4{flex:0 0 calc(33.333% - 0.667rem) !important;max-width:calc(33.333% - 0.667rem) !important;width:calc(33.333% - 0.667rem) !important}@media (max-width:1200px){.coupon-carousel-container .coupon-slide.col-12,.coupon-carousel-container .coupon-slide.col-md-6,.coupon-carousel-container .coupon-slide.col-lg-4{flex:0 0 calc(33.333% - 0.667rem) !important;max-width:calc(33.333% - 0.667rem) !important;width:calc(33.333% - 0.667rem) !important}}@media (max-width:1024px){.coupon-carousel-wrapper{gap:15px}.carousel-arrow{width:45px;height:45px;font-size:18px}.coupon-carousel-container .coupon-slide.col-12,.coupon-carousel-container .coupon-slide.col-md-6,.coupon-carousel-container .coupon-slide.col-lg-4{flex:0 0 calc(50% - 0.667rem) !important;max-width:calc(50% - 0.667rem) !important;width:calc(50% - 0.667rem) !important}}@media (max-width:768px){.coupon-carousel-wrapper{gap:10px;justify-content:space-between}.carousel-arrow{width:40px;height:40px;font-size:16px;flex-shrink:0}.coupon-carousel-container{flex:1;min-width:0}.coupon-carousel-container .row{gap:0.75rem}.coupon-carousel-container .coupon-slide.col-12,.coupon-carousel-container .coupon-slide.col-md-6,.coupon-carousel-container .coupon-slide.col-lg-4{flex:0 0 calc(50% - 0.375rem) !important;max-width:calc(50% - 0.375rem) !important;width:calc(50% - 0.375rem) !important}}@media (max-width:576px){.coupon-carousel-wrapper{gap:8px;margin:20px 0}.carousel-arrow{width:36px;height:36px;font-size:14px;padding:0;display:flex;align-items:center;justify-content:center}.carousel-arrow-left{margin-right:0}.carousel-arrow-right{margin-left:0}.coupon-carousel-container{flex:1;min-width:0}.coupon-carousel-container .row{gap:0.5rem}.coupon-carousel-container .coupon-slide.col-12,.coupon-carousel-container .coupon-slide.col-md-6,.coupon-carousel-container .coupon-slide.col-lg-4{flex:0 0 100% !important;max-width:100% !important;width:100% !important}}.cart-items-section{background:rgba(255,255,255,0.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(102,126,234,0.15);border-radius:25px;padding:2rem;box-shadow:0 10px 40px rgba(31,38,135,0.08);transition:all 0.4s ease}.cart-items-section:hover{border:2px solid rgba(102,126,234,0.3);box-shadow:0 15px 60px rgba(102,126,234,0.15);background:rgba(255,255,255,0.95)}.cart-item-row{background:rgba(255,255,255,0.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,0.1);border-radius:15px;padding:1.5rem;margin-bottom:1.5rem;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;overflow:hidden}.cart-item-row::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,0.1),transparent);transition:left 0.6s ease}.cart-item-row:hover{background:rgba(255,255,255,0.85);border:1px solid rgba(102,126,234,0.3);transform:translateX(8px);box-shadow:0 8px 30px rgba(102,126,234,0.15)}.cart-item-row:hover::before{left:100%}.cart-summary-section{background:linear-gradient(135deg,rgba(102,126,234,0.1) 0%,rgba(118,75,162,0.1) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(102,126,234,0.2);border-radius:25px;padding:2rem;box-shadow:0 10px 40px rgba(102,126,234,0.1);transition:all 0.4s ease;position:relative;overflow:hidden}.cart-summary-section::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,0.1) 0%,transparent 70%)}.cart-summary-section:hover{border:2px solid rgba(102,126,234,0.4);box-shadow:0 15px 60px rgba(102,126,234,0.2);background:linear-gradient(135deg,rgba(102,126,234,0.15) 0%,rgba(118,75,162,0.15) 100%)}.cart-summary-row{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid rgba(102,126,234,0.15);transition:all 0.3s ease}.cart-summary-row:last-child{border-bottom:none}.cart-summary-row:hover{padding-left:1rem;color:#667eea}.cart-summary-row.total{font-weight:700;font-size:1.25rem;color:#667eea;padding-top:1.5rem;padding-bottom:0;border-top:2px solid rgba(102,126,234,0.3)}.checkout-section,.payment-section{background:rgba(255,255,255,0.85);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(102,126,234,0.15);border-radius:25px;padding:2rem;margin-bottom:2rem;box-shadow:0 10px 40px rgba(31,38,135,0.08);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);position:relative}.cart-page .checkout-section{padding:1.8rem}.checkout-section::before,.payment-section::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.6s ease;pointer-events:none}.checkout-section:hover,.payment-section:hover{background:rgba(255,255,255,0.95);border:2px solid rgba(102,126,234,0.3);transform:translateY(-5px);box-shadow:0 20px 60px rgba(102,126,234,0.15)}.checkout-section:hover::before,.payment-section:hover::before{left:100%}.checkout-section h5,.payment-section h5{color:#667eea;font-weight:700;margin-bottom:1.25rem;position:relative;padding-bottom:0.75rem;font-size:1.25rem}.checkout-section h5::after,.payment-section h5::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;transition:width 0.3s ease}.checkout-section:hover h5::after,.payment-section:hover h5::after{width:100px}.checkout-section .form-control,.checkout-section .form-select,.payment-section .form-control,.payment-section .form-select{background:rgba(255,255,255,0.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(102,126,234,0.15);border-radius:12px;padding:0.65rem 0.9rem;transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);color:#333;font-weight:500;font-size:0.95rem}.checkout-section .form-control:focus,.checkout-section .form-select:focus,.payment-section .form-control:focus,.payment-section .form-select:focus{background:rgba(255,255,255,0.95);border:2px solid #667eea;box-shadow:0 0 0 3px rgba(102,126,234,0.1);transform:translateY(-2px)}.cart-page .checkout-section .form-label{font-size:0.95rem;font-weight:600;margin-bottom:0.5rem;color:#667eea}.cart-page .checkout-section .mb-4{margin-bottom:1.25rem !important}.cart-page .checkout-section small{font-size:0.85rem;line-height:1.4}.payment-option{background:rgba(255,255,255,0.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(102,126,234,0.15) !important;border-radius:15px;padding:1.5rem;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;overflow:hidden;cursor:pointer}.payment-option::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,0.2),transparent);transition:left 0.6s ease}.payment-option:hover{background:rgba(255,255,255,0.85);border:2px solid rgba(102,126,234,0.3) !important;transform:translateY(-5px);box-shadow:0 12px 40px rgba(102,126,234,0.15)}.payment-option:hover::before{left:100%}.payment-option.selected{background:linear-gradient(135deg,rgba(102,126,234,0.2),rgba(118,75,162,0.2));border:2px solid #667eea !important;box-shadow:0 15px 50px rgba(102,126,234,0.25)}.breadcrumb{background:rgba(255,255,255,0.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,0.1);border-radius:12px;padding:1rem 1.5rem;box-shadow:0 4px 15px rgba(31,38,135,0.05)}.breadcrumb-item a{color:#667eea;text-decoration:none;transition:all 0.3s ease;font-weight:500}.breadcrumb-item a:hover{color:#764ba2;text-decoration:underline}.cart-page h2,.checkout-page h2,.payment-page h2{color:#333;font-weight:800;margin-bottom:2rem;position:relative;padding-bottom:1rem}.cart-page h2::after,.checkout-page h2::after,.payment-page h2::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.empty-cart-message{background:rgba(255,255,255,0.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(102,126,234,0.2);border-radius:25px;padding:3rem 2rem;text-align:center;box-shadow:0 10px 40px rgba(31,38,135,0.08)}.empty-cart-message i{font-size:4rem;color:rgba(102,126,234,0.3);margin-bottom:1rem;display:block}.input-group{background:rgba(255,255,255,0.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(102,126,234,0.15);border-radius:15px;padding:0.5rem;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(31,38,135,0.05)}.input-group:focus-within{border:2px solid #667eea;box-shadow:0 8px 25px rgba(102,126,234,0.15)}.input-group .form-control{background:transparent;border:none;box-shadow:none}.input-group .btn{border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:white;font-weight:600;border-radius:10px;transition:all 0.3s ease}.input-group .btn:hover{transform:scale(1.02);box-shadow:0 8px 20px rgba(102,126,234,0.3)}.btn-checkout-cta{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white !important;font-weight:700;font-size:1.1rem;border:2px solid rgba(102,126,234,0.3);border-radius:15px;padding:1rem 2rem;box-shadow:0 10px 30px rgba(102,126,234,0.3);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;overflow:hidden}.btn-checkout-cta::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.8s ease}.btn-checkout-cta:hover{background:linear-gradient(135deg,#764ba2 0%,#667eea 100%);color:white !important;box-shadow:0 15px 50px rgba(102,126,234,0.4);transform:translateY(-3px);border-color:rgba(102,126,234,0.6)}.btn-checkout-cta:hover::before{left:100%}.payment-methods-section{background:linear-gradient(135deg,rgba(102,126,234,0.1) 0%,rgba(118,75,162,0.1) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(102,126,234,0.2);border-radius:20px;box-shadow:0 10px 40px rgba(102,126,234,0.1);transition:all 0.4s ease;position:relative;overflow:hidden}.payment-methods-section::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,0.1) 0%,transparent 70%);pointer-events:none}.payment-methods-section:hover{border:2px solid rgba(102,126,234,0.4);box-shadow:0 15px 60px rgba(102,126,234,0.2);background:linear-gradient(135deg,rgba(102,126,234,0.15) 0%,rgba(118,75,162,0.15) 100%)}.payment-methods-section .payment-methods{position:relative;z-index:1}.payment-methods-section .payment-methods i{transition:all 0.3s ease;text-shadow:0 2px 10px rgba(0,0,0,0.1)}.payment-methods-section .payment-methods i:hover{transform:scale(1.2) translateY(-5px);filter:drop-shadow(0 5px 15px rgba(102,126,234,0.4))}@media (max-width:992px){.checkout-section,.payment-section,.cart-items-section{padding:1.5rem}.cart-page .checkout-section{padding:1.5rem}}@media (max-width:768px){.checkout-section,.payment-section,.cart-items-section,.cart-summary-section,.payment-methods-section{padding:1.25rem;margin-bottom:1.25rem}.cart-page .checkout-section{padding:1.25rem}.cart-item-row{padding:1rem;margin-bottom:0.75rem}.btn-checkout-cta{font-size:0.95rem;padding:0.65rem 1.25rem}.cart-items-section h6{font-size:0.95rem}.checkout-section h5,.payment-section h5{font-size:1.1rem;margin-bottom:1rem}.checkout-section .form-label{font-size:0.9rem}.payment-page section.py-5 .container>.row{flex-direction:column}.payment-page section.py-5 .container>.row>.col-lg-6:first-child,.payment-page section.py-5 .container>.row>.col-lg-6:last-child{flex:1;max-width:100%}.checkout-page section.py-5 .container .row{flex-direction:column}.checkout-page section.py-5 .container .row>.col-lg-8,.checkout-page section.py-5 .container .row>.col-lg-4{flex:1;max-width:100%;margin-left:0}.bg-light .row.g-3>.col-lg-3{flex:0 0 calc(50% - 0.5rem);max-width:calc(50% - 0.5rem)}.bg-light .row.g-3>.col-lg-3 .btn{font-size:0.85rem}}@media (max-width:576px){.checkout-section,.payment-section,.cart-items-section,.cart-summary-section,.payment-methods-section{padding:1rem;margin-bottom:1rem}.checkout-page section.py-5{padding-top:0.5rem !important;padding-bottom:1rem !important}.checkout-page section.py-5 .container{padding-right:12px;padding-left:12px}.checkout-page section.py-5 .container .row{gap:1rem !important}.checkout-page section.py-5 .container .row>.col-lg-8,.checkout-page section.py-5 .container .row>.col-lg-4{flex:0 0 100% !important;width:100% !important;max-width:100% !important;padding:0 !important}.bg-light .row.g-3>.col-lg-3{flex:0 0 100%;max-width:100%}.bg-light .row.g-3>.col-lg-3 .btn{font-size:0.85rem;padding:0.4rem 0.8rem !important}.cart-page .checkout-section{padding:1rem}.cart-item-row{padding:0.85rem;margin-bottom:0.65rem}.btn-checkout-cta{font-size:0.85rem;padding:0.5rem 1rem}.checkout-section h5,.payment-section h5{font-size:1rem;margin-bottom:0.75rem;padding-bottom:0.5rem}.checkout-section h5::after,.payment-section h5::after{height:2px}.checkout-section .form-control,.checkout-section .form-select,.payment-section .form-control,.payment-section .form-select{padding:0.55rem 0.8rem;font-size:0.9rem}}.products-container{animation:fadeInUp 0.6s ease-out}.products-header{margin-bottom:2.5rem;text-align:center;position:relative}.products-header h2{font-size:2.2rem;font-weight:800;color:#2c3e50;margin-bottom:0.5rem;letter-spacing:-0.5px}.products-header p{font-size:1.1rem;color:#666}.products-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-bottom:3rem;animation:fadeInUp 0.6s ease-out 0.2s backwards}#products-grid{row-gap:8rem !important}.no-products-message{grid-column:1 / -1;text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,rgba(102,126,234,0.05) 0%,rgba(240,147,251,0.05) 100%);border-radius:20px;border:2px dashed rgba(102,126,234,0.2)}.no-products-message i{font-size:3.5rem;color:rgba(102,126,234,0.3);margin-bottom:1rem;display:block}.no-products-message h4{color:#2c3e50;font-weight:700;margin-bottom:0.5rem}.no-products-message p{color:#666;font-size:1rem;margin-bottom:0}.pagination-container{display:flex;justify-content:center;align-items:center;margin:3rem 0;gap:1rem;flex-wrap:wrap;animation:fadeInUp 0.6s ease-out 0.4s backwards}.pagination{display:flex;list-style:none;gap:0.5rem;padding:0;margin:0;flex-wrap:wrap;justify-content:center}.page-item{transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275)}.page-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:0;border:2px solid rgba(102,126,234,0.2);border-radius:10px;background:white;color:#667eea;font-weight:600;cursor:pointer;transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;overflow:hidden;text-decoration:none}.page-link::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,0.1),transparent);transition:left 0.6s ease;z-index:0}.page-link::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(102,126,234,0) 0%,rgba(102,126,234,0.08) 100%);opacity:0;transition:opacity 0.3s ease;z-index:1}.page-link:hover{border-color:#667eea;background:linear-gradient(135deg,rgba(102,126,234,0.08) 0%,rgba(118,75,162,0.08) 100%);transform:translateY(-2px);box-shadow:0 8px 20px rgba(102,126,234,0.25);color:#667eea}.page-link:hover::after{opacity:1}.page-link:hover::before{left:100%}.page-item.active .page-link{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:transparent;color:white;box-shadow:0 10px 30px rgba(102,126,234,0.4);transform:scale(1.05)}.page-item.active .page-link::before{left:100%}.page-item.disabled .page-link{opacity:0.4;cursor:not-allowed;border-color:#e0e0e0}.page-item.disabled .page-link:hover{transform:none;box-shadow:none}.page-item:first-child .page-link,.page-item:last-child .page-link{width:auto;padding:0 1rem;gap:0.5rem;min-width:100px;border-radius:10px}.page-item:first-child .page-link i,.page-item:last-child .page-link i{transition:transform 0.3s ease}.page-item:first-child .page-link:hover i{transform:translateX(-3px)}.page-item:last-child .page-link:hover i{transform:translateX(3px)}.pagination-info{color:#666;font-weight:500;font-size:0.95rem;white-space:nowrap}.pagination-info strong{color:#667eea;font-weight:700}.items-per-page{display:flex;align-items:center;gap:0.75rem;white-space:nowrap}.items-per-page label{font-weight:600;color:#2c3e50;margin:0;cursor:pointer}.items-per-page select{padding:0.6rem 1rem;border:2px solid rgba(102,126,234,0.2);border-radius:8px;background:white;color:#667eea;font-weight:600;cursor:pointer;transition:all 0.3s ease;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23667eea' d='M10 14L0 4h20z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.75rem center;background-size:1.25em 1.25em;padding-right:2.5rem}.items-per-page select:hover{border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,0.2)}.items-per-page select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,0.15)}@media (max-width:768px){.pagination{gap:0.25rem}.page-link{width:40px;height:40px;font-size:0.9rem}.page-item:first-child .page-link,.page-item:last-child .page-link{width:auto;padding:0 0.75rem;min-width:80px;font-size:0.85rem}.pagination-info{font-size:0.85rem}.items-per-page{gap:0.5rem;flex-wrap:wrap;justify-content:center}.items-per-page label{font-size:0.9rem}.items-per-page select{font-size:0.9rem;padding:0.5rem 1.75rem 0.5rem 0.75rem}}@media (max-width:480px){.pagination-container{flex-direction:column;gap:1rem;margin:2rem 0}.pagination{width:100%;justify-content:center}.pagination-info{font-size:0.8rem}.items-per-page{width:100%;justify-content:center}.page-link{width:38px;height:38px;font-size:0.85rem}}.filters-sidebar{animation:slideInLeft 0.6s ease-out}.filter-group{background:white;border-radius:15px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 15px rgba(0,0,0,0.06);transition:all 0.3s ease}.filter-group:hover{box-shadow:0 8px 25px rgba(0,0,0,0.1);transform:translateY(-2px)}.filter-group h6{font-weight:700;color:#2c3e50;margin-bottom:1rem;font-size:1.1rem;display:flex;align-items:center;gap:0.5rem}.filter-group h6::before{content:'';width:4px;height:20px;background:linear-gradient(180deg,#667eea 0%,#764ba2 100%);border-radius:2px}.filter-option{display:flex;align-items:center;margin-bottom:0.75rem;cursor:pointer;transition:all 0.2s ease;padding:0.5rem 0.75rem;border-radius:8px}.filter-option:hover{background:rgba(102,126,234,0.05)}.filter-option input[type="checkbox"],.filter-option input[type="radio"]{accent-color:#667eea;width:18px;height:18px;cursor:pointer;transition:all 0.2s ease}.filter-option input[type="checkbox"]:hover,.filter-option input[type="radio"]:hover{transform:scale(1.15)}.filter-option label{margin-left:0.75rem;margin-bottom:0;cursor:pointer;flex:1;color:#555;font-weight:500}.filter-option span.count{color:#999;font-size:0.85rem;margin-left:auto}.price-slider{padding:1rem 0}.price-inputs{display:flex;gap:0.75rem;align-items:center;margin-bottom:1rem}.price-input{flex:1;padding:0.6rem;border:2px solid rgba(102,126,234,0.2);border-radius:8px;font-size:0.9rem;color:#667eea;font-weight:600}.price-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,0.1)}.price-separator{color:#999;font-weight:600}.filter-button-group{display:flex;gap:0.75rem;margin-top:1.5rem}.filter-button-group button{flex:1;padding:0.75rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all 0.3s ease;font-size:0.9rem}.apply-filter-btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;box-shadow:0 4px 12px rgba(102,126,234,0.3)}.apply-filter-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(102,126,234,0.4)}.reset-filter-btn{background:#f0f0f0;color:#666;border:2px solid #e0e0e0}.reset-filter-btn:hover{background:#e0e0e0;color:#333}.active-filters{margin-bottom:2rem;display:flex;gap:0.75rem;flex-wrap:wrap}.active-filter-badge{background:linear-gradient(135deg,rgba(102,126,234,0.1) 0%,rgba(118,75,162,0.1) 100%);color:#667eea;padding:0.6rem 1rem;border-radius:20px;border:1px solid rgba(102,126,234,0.3);font-weight:600;font-size:0.9rem;display:flex;align-items:center;gap:0.5rem;transition:all 0.3s ease}.active-filter-badge:hover{background:linear-gradient(135deg,rgba(102,126,234,0.2) 0%,rgba(118,75,162,0.2) 100%);border-color:rgba(102,126,234,0.5)}.active-filter-badge button{background:none;border:none;color:#667eea;cursor:pointer;font-size:1rem;padding:0;transition:transform 0.2s ease}.active-filter-badge button:hover{transform:scale(1.2) rotate(90deg)}@media (max-width:991px){.filters-sidebar{margin-bottom:2rem}.filter-group{padding:1.25rem}}@media (max-width:768px){.filter-group{padding:1rem;margin-bottom:1rem}.filter-group h6{font-size:1rem;margin-bottom:0.75rem}.price-inputs{gap:0.5rem;margin-bottom:0.75rem}.price-input{font-size:0.85rem;padding:0.5rem}.active-filters{gap:0.5rem}}[data-theme="dark"] .filter-group{background:#2d2d2d;box-shadow:0 4px 15px rgba(0,0,0,0.3)}[data-theme="dark"] .filter-group h6{color:#ffffff}[data-theme="dark"] .filter-option{color:#e0e0e0}[data-theme="dark"] .filter-option:hover{background:rgba(102,126,234,0.1)}[data-theme="dark"] .filter-option label{color:#e0e0e0}[data-theme="dark"] .filter-option span.count{color:#999}[data-theme="dark"] .price-input{background:#343a40;border-color:#495057;color:#ffffff}[data-theme="dark"] .reset-filter-btn{background:#343a40;color:#e0e0e0;border-color:#495057}[data-theme="dark"] .reset-filter-btn:hover{background:#495057;color:#ffffff}[data-theme="dark"] .active-filter-badge{background:linear-gradient(135deg,rgba(102,126,234,0.15) 0%,rgba(118,75,162,0.15) 100%);border-color:rgba(102,126,234,0.4)}.products-toolbar{background:linear-gradient(135deg,rgba(102,126,234,0.05) 0%,rgba(240,147,251,0.05) 100%);padding:1.5rem;border-radius:15px;margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;border:1px solid rgba(102,126,234,0.15);animation:fadeInDown 0.6s ease-out}.toolbar-left{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.toolbar-right{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.sort-label{font-weight:600;color:#2c3e50;white-space:nowrap}.sort-select{padding:0.75rem 2.5rem 0.75rem 1rem;border:2px solid rgba(102,126,234,0.2);border-radius:8px;background:white;color:#667eea;font-weight:600;cursor:pointer;transition:all 0.3s ease;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23667eea' d='M10 14L0 4h20z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.75rem center;background-size:1.25em 1.25em}.sort-select:hover{border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,0.2)}.sort-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,0.15)}.view-toggle{display:flex;gap:0.5rem;background:white;border:2px solid rgba(102,126,234,0.2);border-radius:8px;padding:0.4rem}.view-toggle button{width:40px;height:40px;border:none;background:transparent;color:#999;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;font-size:1.2rem;border-radius:6px}.view-toggle button:hover{color:#667eea;background:rgba(102,126,234,0.05)}.view-toggle button.active{background:linear-gradient(135deg,rgba(102,126,234,0.2) 0%,rgba(118,75,162,0.2) 100%);color:#667eea;font-weight:700}@media (max-width:768px){.products-toolbar{padding:1rem;flex-direction:column;gap:1rem}.toolbar-left,.toolbar-right{width:100%;justify-content:center}.sort-label{font-size:0.95rem}.sort-select{font-size:0.9rem;min-width:150px}}[data-theme="dark"] .products-toolbar{background:linear-gradient(135deg,rgba(102,126,234,0.08) 0%,rgba(118,75,162,0.08) 100%);border-color:rgba(102,126,234,0.25)}[data-theme="dark"] .sort-label{color:#ffffff}[data-theme="dark"] .sort-select{background-color:#343a40;border-color:#495057;color:#667eea}[data-theme="dark"] .view-toggle{background:#2d2d2d;border-color:#495057}[data-theme="dark"] .view-toggle button{color:#999}[data-theme="dark"] .view-toggle button:hover{background:rgba(102,126,234,0.1)}[data-theme="dark"] .view-toggle button.active{background:linear-gradient(135deg,rgba(102,126,234,0.3) 0%,rgba(118,75,162,0.3) 100%)}.card[class*="shadow"]{border:none;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,0.08);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);animation:slideInLeft 0.6s ease-out}.card[class*="shadow"]:hover{box-shadow:0 20px 60px rgba(0,0,0,0.15);transform:translateY(-4px)}.card-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important;border-bottom:none;padding:1.5rem;position:relative;overflow:hidden}.card-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,0.1) 0%,transparent 50%);pointer-events:none}.card-header h5{color:white !important;font-weight:800;font-size:1.4rem;margin:0;position:relative;z-index:1;letter-spacing:-0.5px;display:flex;align-items:center;gap:0.75rem}.card-header i{font-size:1.3rem}.card-body{padding:1.5rem;background:white;position:relative}.card-body::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(102,126,234,0.3) 50%,transparent 100%)}.card-body>div{margin-bottom:1.75rem !important;padding-bottom:1.75rem;border-bottom:2px solid rgba(102,126,234,0.08);transition:all 0.3s ease}.card-body>div:last-child{margin-bottom:0 !important;padding-bottom:0;border-bottom:none}.card-body>div:hover{padding-left:0.5rem}.btn-link{color:#2c3e50 !important;font-weight:700;font-size:1.05rem;text-decoration:none !important;padding:0 !important;display:flex;align-items:center;gap:0.5rem;transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);position:relative}.btn-link:hover{color:#667eea !important;transform:translateX(4px)}.btn-link::before{content:'';position:absolute;bottom:-4px;left:0;width:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;transition:width 0.3s cubic-bezier(0.175,0.885,0.32,1.275)}.btn-link:hover::before{width:100%}.collapse-icon{transition:transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275);display:inline-block}.btn-link[aria-expanded="false"] .collapse-icon{transform:rotate(0deg)}.btn-link[aria-expanded="true"] .collapse-icon{transform:rotate(180deg)}.list-group-item{background:white !important;border:none !important;padding:1rem 1rem 1rem 0 !important;color:#555;font-weight:500;transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;display:flex;align-items:center;gap:0.75rem;border-radius:8px !important;cursor:pointer}.list-group-item::before{content:'';position:absolute;left:0;top:50%;width:3px;height:0;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:3px;transform:translateY(-50%);transition:height 0.3s cubic-bezier(0.175,0.885,0.32,1.275)}.list-group-item:hover{background:linear-gradient(135deg,rgba(102,126,234,0.08) 0%,rgba(118,75,162,0.08) 100%) !important;color:#667eea;padding-left:0.75rem !important;transform:translateX(4px);box-shadow:0 4px 12px rgba(102,126,234,0.15)}.list-group-item:hover::before{height:100%}.list-group-item i{transition:all 0.3s ease;color:#667eea}.list-group-item:hover i{transform:scale(1.2) rotate(5deg)}.list-group-item.active{background:linear-gradient(135deg,rgba(102,126,234,0.15) 0%,rgba(118,75,162,0.15) 100%) !important;color:#667eea !important;border-left:4px solid #667eea !important;padding-left:0.75rem !important;box-shadow:0 6px 20px rgba(102,126,234,0.2);font-weight:600}.list-group-item.active::before{height:100%;background:linear-gradient(180deg,#667eea 0%,#764ba2 100%);width:4px;left:-4px}.list-group-item .badge{margin-left:auto !important;background:linear-gradient(135deg,rgba(102,126,234,0.15) 0%,rgba(118,75,162,0.15) 100%) !important;color:#667eea !important;border:1px solid rgba(102,126,234,0.3);font-weight:700;padding:0.5rem 0.75rem !important;border-radius:20px;transition:all 0.3s ease}.list-group-item:hover .badge{background:linear-gradient(135deg,rgba(102,126,234,0.25) 0%,rgba(118,75,162,0.25) 100%) !important;border-color:rgba(102,126,234,0.5);transform:scale(1.08);box-shadow:0 4px 12px rgba(102,126,234,0.2)}.list-group-item.active .badge{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important;color:white !important;border-color:transparent}.form-check{padding:0.75rem;margin-bottom:0.75rem !important;border-radius:8px;transition:all 0.3s ease;cursor:pointer;display:flex;align-items:center;gap:0.75rem}.form-check:hover{background:rgba(102,126,234,0.05);transform:translateX(4px)}.form-check-input{accent-color:#667eea;width:20px;height:20px;border:2px solid rgba(102,126,234,0.3);border-radius:4px;cursor:pointer;transition:all 0.3s ease;margin-top:0 !important;flex-shrink:0}.form-check-input:hover{border-color:#667eea;transform:scale(1.15);box-shadow:0 0 0 3px rgba(102,126,234,0.15)}.form-check-input:checked{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:transparent;box-shadow:0 4px 12px rgba(102,126,234,0.3)}.form-check-input:checked:hover{box-shadow:0 6px 18px rgba(102,126,234,0.4)}.form-check-label{margin-bottom:0 !important;cursor:pointer;font-weight:500;color:#555;transition:all 0.3s ease;flex:1;display:flex;align-items:center;gap:0.5rem}.form-check-label i{color:#667eea;transition:all 0.3s ease}.form-check:hover .form-check-label{color:#667eea}.form-check:hover .form-check-label i{transform:scale(1.1) rotate(5deg)}.form-check-input:checked ~ .form-check-label{color:#667eea;font-weight:600}.rating{display:flex;gap:2px;align-items:center}.rating i{font-size:0.95rem;transition:all 0.3s ease}.form-check:hover .rating i.text-warning{transform:scale(1.15) rotate(10deg)}.btn-outline-danger{border:2px solid #f5576c !important;color:#f5576c !important;font-weight:700;padding:0.875rem 1.5rem !important;border-radius:10px;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;overflow:hidden;margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:0.75rem}.btn-outline-danger::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(245,87,108,0.2),transparent);transition:left 0.6s ease;z-index:0}.btn-outline-danger i{transition:all 0.3s ease;position:relative;z-index:1;font-size:1.05rem}.btn-outline-danger:hover{background:linear-gradient(135deg,#f5576c 0%,#f93a5a 100%);color:white !important;border-color:transparent;box-shadow:0 10px 30px rgba(245,87,108,0.4);transform:translateY(-3px)}.btn-outline-danger:hover::before{left:100%}.btn-outline-danger:hover i{transform:scale(1.2) rotate(-10deg);animation:spin 0.6s ease-out}@keyframes spin{0%{transform:scale(1.2) rotate(-10deg)}50%{transform:scale(1.3) rotate(180deg)}100%{transform:scale(1.2) rotate(360deg) scale(1.2) rotate(-10deg)}}.btn-outline-danger:active{transform:translateY(-1px);box-shadow:0 6px 20px rgba(245,87,108,0.3)}.collapse{transition:max-height 0.4s cubic-bezier(0.175,0.885,0.32,1.275),opacity 0.4s ease,transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275);opacity:1;transform:translateY(0)}.collapse:not(.show){opacity:0;transform:translateY(-10px);max-height:0 !important;overflow:hidden !important}.collapse.show{opacity:1;transform:translateY(0)}.fa-infinity,.fa-coins,.fa-gem{color:#667eea !important;transition:all 0.3s ease}.form-check:hover .fa-infinity,.form-check:hover .fa-coins,.form-check:hover .fa-gem{color:#764ba2 !important;transform:scale(1.15) rotate(5deg)}.offcanvas{border-radius:16px 16px 0 0 !important}.offcanvas-body{padding:2rem 1.5rem !important;background:white}[data-theme="dark"] .card-body,[data-theme="dark"] .list-group-item,[data-theme="dark"] .form-check,[data-theme="dark"] .offcanvas-body{background-color:#2d2d2d !important;color:#ffffff !important}[data-theme="dark"] .card-header h5{color:white !important}[data-theme="dark"] .btn-link{color:#ffffff !important}[data-theme="dark"] .btn-link:hover{color:#667eea !important}[data-theme="dark"] .list-group-item{color:#e0e0e0 !important}[data-theme="dark"] .list-group-item:hover{background:linear-gradient(135deg,rgba(102,126,234,0.2) 0%,rgba(118,75,162,0.2) 100%) !important;color:#667eea !important}[data-theme="dark"] .list-group-item.active{color:#667eea !important;background:linear-gradient(135deg,rgba(102,126,234,0.25) 0%,rgba(118,75,162,0.25) 100%) !important}[data-theme="dark"] .form-check-label{color:#e0e0e0 !important}[data-theme="dark"] .form-check:hover .form-check-label{color:#667eea !important}[data-theme="dark"] .btn-outline-danger{border-color:#f5576c !important;color:#f5576c !important}[data-theme="dark"] .btn-outline-danger:hover{background:linear-gradient(135deg,#f5576c 0%,#f93a5a 100%) !important;color:white !important}.card-body>div{animation:fadeInUp 0.5s ease-out backwards}.card-body>div:nth-child(2){animation-delay:0.1s}.card-body>div:nth-child(3){animation-delay:0.2s}.card-body>div:nth-child(4){animation-delay:0.3s}.card-body>div:nth-child(5){animation-delay:0.4s}.cart-item{display:grid;grid-template-columns:80px 1fr auto auto auto;gap:1rem;align-items:center;padding:1rem 0 !important;border-bottom:2px solid rgba(102,126,234,0.08) !important;transition:all 0.3s ease;position:relative;overflow:visible !important}.cart-item-image{display:flex;align-items:center;justify-content:center;min-width:80px}.cart-item-details{display:flex;flex-direction:column;justify-content:center}.cart-item-quantity{display:flex;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center;justify-content:center}.cart-item-quantity .quantity-form{display:inline-flex !important;width:auto}.cart-item-total{display:flex;align-items:center;justify-content:center;min-width:80px}.cart-item-action{display:flex;align-items:center;justify-content:center}.cart-item:hover{background:linear-gradient(135deg,rgba(102,126,234,0.03) 0%,rgba(240,147,251,0.03) 100%);padding:1rem !important;border-radius:12px;border-color:rgba(102,126,234,0.2) !important;box-shadow:0 4px 12px rgba(0,0,0,0.05)}.cart-item:last-child{border-bottom:none !important}.cart-item img{width:100%;height:80px;object-fit:cover;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275)}.cart-item:hover img{transform:scale(1.05);box-shadow:0 8px 20px rgba(0,0,0,0.15)}.cart-item h6{font-weight:700;color:#2c3e50;margin-bottom:0.5rem !important;font-size:1rem}.cart-item h6 a{transition:all 0.3s ease;text-decoration:none !important}.cart-item:hover h6 a{color:#667eea !important}.cart-item .text-muted{color:#999 !important;font-weight:600;font-size:0.9rem;transition:all 0.3s ease}.cart-item:hover .text-muted{color:#667eea !important}@media (max-width:1024px){.cart-item{grid-template-columns:70px 1fr auto auto;gap:0.75rem;padding:0.75rem 0 !important}.cart-item-image{min-width:70px}.cart-item img{height:70px}.cart-item h6{font-size:0.95rem}}@media (max-width:768px){.cart-item{grid-template-columns:1fr;gap:0.5rem;padding:1rem 0 !important;align-items:stretch}.cart-item-image{order:1;min-width:auto;height:150px}.cart-item img{width:100%;height:150px;object-fit:cover}.cart-item-details{order:2;padding:0.5rem 0}.cart-item h6{font-size:1rem}.cart-item-quantity{order:3;justify-content:flex-start}.cart-item-total{order:4;justify-content:flex-start;min-width:auto}.cart-item-action{order:5;justify-content:flex-start}.cart-item:hover{padding:1rem 0 !important;border-radius:0}}.quantity-input-group{border:1.5px solid rgba(102,126,234,0.3) !important;border-radius:6px;overflow:hidden;transition:all 0.3s ease;background:white;box-shadow:0 1px 4px rgba(0,0,0,0.06);height:32px !important;display:inline-flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center !important;justify-content:stretch !important;width:auto !important;gap:0 !important;min-width:110px}.quantity-form{display:inline-flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center !important;justify-content:stretch !important;width:auto !important;gap:0 !important;margin:0 !important;padding:0 !important}.quantity-input-group:focus-within{border-color:#667eea !important;box-shadow:0 2px 8px rgba(102,126,234,0.2) !important}.quantity-input-group .btn{border:none !important;color:white !important;font-weight:700;padding:0 !important;margin:0 !important;transition:all 0.2s ease;background:#667eea;width:32px !important;min-width:32px !important;max-width:32px !important;height:32px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;font-size:0.9rem;cursor:pointer;line-height:1}.quantity-input-group .btn:first-child{border-radius:6px 0 0 6px}.quantity-input-group .btn:last-child{border-radius:0 6px 6px 0}.quantity-input-group .btn:hover{background:#764ba2 !important;transform:scale(1.05)}.quantity-input-group .btn:active{background:#5a5a8a !important;transform:scale(0.95)}.quantity-input-group .form-control{border:none !important;text-align:center !important;font-weight:700;color:#2c3e50 !important;padding:0 5px !important;margin:0 !important;background:white !important;font-size:0.9rem !important;height:32px !important;width:50px !important;min-width:50px !important;max-width:50px !important;min-height:32px !important;max-height:32px !important;flex:0 0 50px !important;line-height:32px !important;display:inline-block !important;box-shadow:none !important;vertical-align:middle !important;-webkit-appearance:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}.quantity-input-group .form-control::-webkit-outer-spin-button,.quantity-input-group .form-control::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-input-group .form-control:focus{box-shadow:none !important;border:none !important;outline:none}.cart-item .fw-bold{color:#667eea;font-size:1.1rem;font-weight:800;transition:all 0.3s ease}.cart-item:hover .fw-bold{transform:scale(1.05);filter:brightness(1.1)}.cart-item .btn-outline-danger{border:2px solid rgba(245,87,108,0.3) !important;color:#f5576c !important;padding:0.5rem 0.75rem;border-radius:8px;transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);background:white;font-weight:600;min-width:44px;display:flex;align-items:center;justify-content:center;white-space:nowrap}.cart-item .btn-outline-danger:hover{background:linear-gradient(135deg,#f5576c 0%,#f93a5a 100%);color:white !important;border-color:transparent !important;box-shadow:0 8px 20px rgba(245,87,108,0.35);transform:translateY(-2px) scale(1.08)}.cart-item .btn-outline-danger:active{transform:translateY(0) scale(1.05)}.card-body .input-group{border-radius:8px;overflow:visible;box-shadow:0 2px 8px rgba(0,0,0,0.05);display:flex;flex-wrap:wrap;gap:0.5rem}.card-body .input-group .form-control{border:2px solid #e0e0e0 !important;border-radius:6px;padding:0.7rem 1rem;font-size:0.95rem;transition:all 0.3s ease;flex:1 1 100%;min-width:150px}.card-body .input-group .form-control:focus{border-color:#667eea !important;box-shadow:inset 0 1px 3px rgba(0,0,0,0.05) !important}.card-body .input-group .form-control::placeholder{color:#999}.card-body .input-group .btn-outline-primary{border:2px solid #667eea !important;background:#667eea !important;color:white !important;font-weight:700;padding:0.5rem 1.2rem;border-radius:6px;transition:all 0.3s ease;font-size:0.95rem;flex:1 1 auto;min-width:100px}.card-body .input-group .btn-outline-primary:hover{background:#764ba2 !important;border-color:#764ba2 !important;color:white !important;box-shadow:0 6px 15px rgba(102,126,234,0.3)}.card-body .input-group .btn-outline-primary::before,.card-body .input-group .btn-outline-primary::after{display:none}.card-body .input-group .btn-outline-warning{border:2px solid #ffc107 !important;background:#ffc107 !important;color:#333 !important;font-weight:700;padding:0.5rem 1.2rem;border-radius:6px;transition:all 0.3s ease;font-size:0.95rem;flex:1 1 auto;min-width:120px}.card-body .input-group .btn-outline-warning:hover{background:#ffb300 !important;border-color:#ffb300 !important;box-shadow:0 6px 15px rgba(255,193,7,0.3)}@media (max-width:576px){.card-body .input-group{flex-direction:column;gap:0.75rem}.card-body .input-group .form-control{flex:1 1 100%;width:100%}.card-body .input-group .btn-outline-primary,.card-body .input-group .btn-outline-warning{flex:1 1 100%;width:100%;justify-content:center}}.btn-outline-primary{border:2px solid #667eea !important;color:#667eea !important;font-weight:700;padding:0.875rem 2rem;border-radius:10px;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:0.75rem;background:white}.btn-outline-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,0.15),transparent);transition:left 0.6s ease;z-index:0}.btn-outline-primary::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);opacity:0;transition:opacity 0.3s ease;z-index:-1;border-radius:10px}.btn-outline-primary i{transition:all 0.3s ease;position:relative;z-index:1;font-size:1.05rem}.btn-outline-primary:hover{border-color:transparent !important;color:white !important;box-shadow:0 12px 35px rgba(102,126,234,0.4);transform:translateY(-3px)}.btn-outline-primary:hover::after{opacity:1}.btn-outline-primary:hover::before{left:100%}.btn-outline-primary:hover i{transform:translateX(-5px)}.btn-outline-primary:active{transform:translateY(-1px);box-shadow:0 6px 20px rgba(102,126,234,0.3)}.card.shadow-sm{border:none;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,0.08);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);animation:fadeInUp 0.6s ease-out}.card.shadow-sm:hover{box-shadow:0 20px 60px rgba(0,0,0,0.12);transform:translateY(-4px)}.card-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important;border-bottom:none !important;padding:1.5rem;position:relative;overflow:hidden}.card-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,0.1) 0%,transparent 50%);pointer-events:none}.card-header h5{color:white !important;font-weight:800;font-size:1.3rem;margin:0;position:relative;z-index:1;letter-spacing:-0.5px}.card-body{padding:1.75rem;background:white;position:relative}.card-body::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(102,126,234,0.3) 50%,transparent 100%)}#couponMessage{border-radius:8px;padding:0.75rem;display:none;font-size:0.9rem;font-weight:500}#couponMessage.success{display:block;background:linear-gradient(135deg,rgba(40,167,69,0.1) 0%,rgba(32,201,151,0.1) 100%);color:#155724;border:1px solid rgba(40,167,69,0.3);border-left:4px solid #28a745}#couponMessage.error{display:block;background:linear-gradient(135deg,rgba(245,87,108,0.1) 0%,rgba(249,58,90,0.1) 100%);color:#721c24;border:1px solid rgba(245,87,108,0.3);border-left:4px solid #f5576c}.d-flex.justify-content-between{padding:0.75rem 0;transition:all 0.3s ease;display:flex !important;justify-content:space-between !important;align-items:center}.d-flex.justify-content-between span{font-weight:500;color:#555}.d-flex.justify-content-between .cart-total{color:#667eea;font-weight:700;font-size:1.05rem}.d-flex.justify-content-between .text-success{color:#28a745 !important;font-weight:700}.d-flex.justify-content-between strong{color:#2c3e50;font-size:1.1rem}.d-flex.justify-content-between #finalTotal{color:#667eea !important;font-size:1.3rem}.btn-primary.btn-lg{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) !important;border:none !important;font-weight:700;padding:1rem 2rem !important;border-radius:10px;box-shadow:0 8px 20px rgba(102,126,234,0.3);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;overflow:hidden;display:flex !important;align-items:center;justify-content:center;gap:0.75rem}.btn-primary.btn-lg::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.6s ease;z-index:1}.btn-primary.btn-lg i{transition:all 0.3s ease;position:relative;z-index:2}.btn-primary.btn-lg:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(102,126,234,0.5);color:white !important}.btn-primary.btn-lg:hover::before{left:100%}.btn-primary.btn-lg:hover i{transform:translateX(3px)}.btn-primary.btn-lg:active{transform:translateY(-1px);box-shadow:0 8px 25px rgba(102,126,234,0.4)}.card-body .text-center small{color:#999 !important;font-weight:500;transition:all 0.3s ease}.card-body .text-center small:hover{color:#667eea !important}.payment-methods{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.payment-methods i{transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275)}.payment-methods i:hover{transform:translateY(-3px) scale(1.15);filter:drop-shadow(0 4px 12px rgba(0,0,0,0.15))}@media (max-width:991px){.cart-item{grid-template-columns:1fr;gap:0.75rem}.cart-item>div{display:flex;align-items:center;gap:1rem}.cart-item .col-3,.cart-item .col-6,.cart-item .col-4{margin-top:0 !important}.card-body{padding:1.25rem}}@media (max-width:768px){.cart-item{padding:0.75rem 0 !important}.cart-item:hover{padding:0.75rem !important}.cart-item img{height:70px}.cart-item h6{font-size:0.95rem}@media (max-width:768px){.btn-outline-primary{width:100%;justify-content:center;margin-top:1rem}.card-body{padding:1rem}.d-flex.justify-content-between{padding:0.5rem 0;font-size:0.95rem}}@media (max-width:480px){.cart-item{padding:0.5rem 0 !important}.cart-item img{width:60px;height:60px}.cart-item h6{font-size:0.85rem}.cart-item .text-muted{font-size:0.8rem}.btn-outline-danger{padding:0.4rem 0.6rem !important;font-size:0.75rem}.btn-outline-primary{padding:0.75rem 1.5rem !important;font-size:0.95rem}.btn-primary.btn-lg{padding:0.875rem 1.5rem !important;font-size:0.95rem}}[data-theme="dark"] .cart-item:hover{background:linear-gradient(135deg,rgba(102,126,234,0.1) 0%,rgba(118,75,162,0.1) 100%)}[data-theme="dark"] .cart-item h6 a{color:#ffffff !important}[data-theme="dark"] .cart-item:hover h6 a{color:#667eea !important}[data-theme="dark"] .card.shadow-sm{background:#2d2d2d}[data-theme="dark"] .card-body{background:#2d2d2d;color:#ffffff}[data-theme="dark"] .input-group.input-group-sm{background:#343a40;border-color:#495057}[data-theme="dark"] .input-group-sm .form-control{background:#343a40 !important;color:#ffffff !important;border:none !important}[data-theme="dark"] .input-group-sm .btn-outline-secondary{border:2px solid #667eea !important;color:white !important;background:#667eea !important}[data-theme="dark"] .input-group-sm .btn-outline-secondary:hover{background:#764ba2 !important;border-color:#764ba2 !important;color:white !important}[data-theme="dark"] .d-flex.justify-content-between span{color:#e0e0e0}[data-theme="dark"] #couponMessage{background:#343a40 !important;color:#d4edda !important}.checkout.py-5 .card{border:none;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,0.95) 0%,rgba(245,250,255,0.98) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 15px 50px rgba(102,126,234,0.12);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);margin-bottom:1.5rem;position:relative;overflow:hidden}.checkout.py-5 .card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%,100%{background-position:0% center}50%{background-position:100% center}}.checkout.py-5 .card:hover{transform:translateY(-8px);box-shadow:0 25px 70px rgba(102,126,234,0.2);background:linear-gradient(135deg,rgba(255,255,255,1) 0%,rgba(250,253,255,1) 100%)}.checkout.py-5 .card-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:20px 20px 0 0;padding:1.75rem;position:relative;overflow:hidden}.checkout.py-5 .card-header::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgba(255,255,255,0.1);transition:left 0.6s ease}.checkout.py-5 .card:hover .card-header::before{left:100%}.checkout.py-5 .card-header h5{color:white;font-weight:700;font-size:1.35rem;letter-spacing:0.5px;position:relative;z-index:1}.checkout.py-5 .card-header i{margin-right:0.75rem;font-size:1.25rem}.checkout.py-5 .card-body{padding:2rem}.checkout.py-5 .form-outline{position:relative;margin-bottom:1rem;display:flex;flex-direction:column;animation:slideUpIn 0.5s cubic-bezier(0.175,0.885,0.32,1.275)}@keyframes slideUpIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.checkout.py-5 .form-outline .form-label{color:#667eea;font-weight:700;font-size:1.2rem;margin-top:1.5rem;margin-bottom:0.5rem;letter-spacing:0.4px;text-transform:uppercase;display:flex;align-items:center}.checkout.py-5 .form-outline .form-label::after{content:'';display:inline-block;width:4px;height:4px;background:#f5576c;border-radius:50%;margin-left:0.35rem}.checkout.py-5 .form-outline .form-control{border:2px solid rgba(102,126,234,0.25);border-radius:14px;padding:0.8rem 1rem;background:linear-gradient(135deg,rgba(255,255,255,0.9) 0%,rgba(250,253,255,0.95) 100%);font-size:0.95rem;font-weight:500;color:#2c3e50;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;z-index:1;box-shadow:0 4px 15px rgba(102,126,234,0.08)}.checkout.py-5 .form-outline .form-control::placeholder{color:rgba(102,126,234,0.5);font-weight:400}.checkout.py-5 .form-outline .form-control:hover{border-color:rgba(102,126,234,0.4);box-shadow:0 6px 20px rgba(102,126,234,0.12)}.checkout.py-5 .form-outline .form-control:focus{border:2px solid #667eea;background:linear-gradient(135deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0.98) 100%);box-shadow:0 0 0 0.35rem rgba(102,126,234,0.2),0 8px 25px rgba(102,126,234,0.15);transform:translateY(-3px);outline:none}.checkout.py-5 .form-outline .form-control:focus::placeholder{color:rgba(102,126,234,0.3)}.checkout.py-5 .row.g-3{margin-bottom:0}.checkout.py-5 .row.g-3:first-of-type{margin-bottom:3rem}.checkout.py-5 .col-md-6 small.text-muted{display:block;margin-top:0.3rem;font-size:0.85rem;color:#999;font-weight:500}.checkout.py-5 .alert{border:none;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:1.5rem;animation:slideDownIn 0.5s cubic-bezier(0.175,0.885,0.32,1.275)}.checkout.py-5 .alert-info{background:linear-gradient(135deg,rgba(13,202,240,0.1) 0%,rgba(0,123,255,0.1) 100%);border-left:4px solid #0dcaf0;color:#055160}.checkout.py-5 .alert-warning{background:linear-gradient(135deg,rgba(255,193,7,0.1) 0%,rgba(255,152,0,0.1) 100%);border-left:4px solid #ffc107;color:#664d03}.checkout.py-5 .alert-danger{background:linear-gradient(135deg,rgba(245,87,108,0.1) 0%,rgba(249,58,90,0.1) 100%);border-left:4px solid #f5576c;color:#721c24}.checkout.py-5 .payment-option{position:relative;margin-bottom:1rem}.checkout.py-5 .payment-option .form-check-input{width:1.5rem;height:1.5rem;border:2px solid rgba(102,126,234,0.3);border-radius:50%;cursor:pointer;transition:all 0.3s ease;margin-top:0.25rem;accent-color:#667eea}.checkout.py-5 .payment-option .form-check-input:hover{border-color:#667eea;box-shadow:0 0 0 0.25rem rgba(102,126,234,0.1)}.checkout.py-5 .payment-option .form-check-input:checked{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;box-shadow:0 5px 15px rgba(102,126,234,0.3)}.checkout.py-5 .payment-card{padding:1.5rem;border:2px solid rgba(102,126,234,0.15);border-radius:15px;text-align:center;background:rgba(255,255,255,0.7);transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);cursor:pointer}.checkout.py-5 .payment-option input:checked ~ label .payment-card{border:2px solid #667eea;background:linear-gradient(135deg,rgba(102,126,234,0.1) 0%,rgba(118,75,162,0.05) 100%);transform:scale(1.05);box-shadow:0 10px 30px rgba(102,126,234,0.2)}.checkout.py-5 .payment-card .fw-bold{color:#667eea;font-size:1.1rem;margin-bottom:0.5rem}.checkout.py-5 .payment-card small{color:#999}.checkout.py-5 .col-lg-4 .card{position:sticky;top:100px}.checkout.py-5 .order-items{max-height:300px;overflow-y:auto;padding-right:0.5rem}.checkout.py-5 .order-items::-webkit-scrollbar{width:6px}.checkout.py-5 .order-items::-webkit-scrollbar-track{background:rgba(102,126,234,0.05);border-radius:10px}.checkout.py-5 .order-items::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:10px}.checkout.py-5 .order-items::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#764ba2,#667eea)}.checkout.py-5 .order-items img{border:2px solid rgba(102,126,234,0.15);transition:all 0.3s ease;object-fit:contain !important}.checkout.py-5 .order-items img:hover{border-color:#667eea;box-shadow:0 5px 15px rgba(102,126,234,0.2);transform:scale(1) !important}.checkout.py-5 .card-body hr{border-top:2px solid rgba(102,126,234,0.1);margin:1rem 0}.checkout.py-5 .d-flex.justify-content-between{padding:0.75rem 0;transition:all 0.3s ease;border-radius:8px;padding:0.75rem 1rem}.checkout.py-5 .d-flex.justify-content-between:hover{background:rgba(102,126,234,0.05)}.checkout.py-5 .d-flex.justify-content-between.text-success{color:#28a745;font-weight:600}.checkout.py-5 .d-flex.justify-content-between.text-success span:last-child{color:#20c997}.checkout.py-5 .d-flex.justify-content-between .text-primary{color:#667eea;font-size:1.2rem}.checkout.py-5 .btn-success{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);border:none;border-radius:12px;padding:0.875rem 1.75rem;font-weight:600;font-size:1.05rem;letter-spacing:0.5px;box-shadow:0 10px 30px rgba(40,167,69,0.2);transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;overflow:hidden}.checkout.py-5 .btn-success::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgba(255,255,255,0.2);transition:left 0.5s ease}.checkout.py-5 .btn-success:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(40,167,69,0.3);background:linear-gradient(135deg,#20c997 0%,#28a745 100%)}.checkout.py-5 .btn-success:hover::before{left:100%}.checkout.py-5 .btn-outline-secondary{border:2px solid rgba(102,126,234,0.3);color:#667eea;border-radius:12px;padding:0.75rem 1.75rem;font-weight:600;transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275)}.checkout.py-5 .btn-outline-secondary:hover{background:linear-gradient(135deg,rgba(102,126,234,0.1) 0%,rgba(118,75,162,0.1) 100%);border-color:#667eea;color:#667eea;transform:translateY(-2px);box-shadow:0 10px 25px rgba(102,126,234,0.15)}@keyframes slideDownIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}[data-theme="dark"] .checkout.py-5 .card{background:linear-gradient(135deg,rgba(45,45,48,0.95) 0%,rgba(40,40,45,0.98) 100%);border-color:rgba(102,126,234,0.2)}[data-theme="dark"] .checkout.py-5 .card:hover{background:linear-gradient(135deg,rgba(50,50,55,1) 0%,rgba(45,45,52,1) 100%)}[data-theme="dark"] .checkout.py-5 .form-control{background:rgba(255,255,255,0.05);border-color:rgba(102,126,234,0.3);color:#e0e0e0}[data-theme="dark"] .checkout.py-5 .form-control:focus{background:rgba(255,255,255,0.1);border-color:#667eea;color:#e0e0e0}[data-theme="dark"] .checkout.py-5 .form-label{color:#aac2f7}[data-theme="dark"] .checkout.py-5 .payment-card{background:rgba(255,255,255,0.03);border-color:rgba(102,126,234,0.2)}[data-theme="dark"] .checkout.py-5 .payment-option input:checked ~ label .payment-card{background:linear-gradient(135deg,rgba(102,126,234,0.2) 0%,rgba(118,75,162,0.1) 100%)}[data-theme="dark"] .checkout.py-5 .d-flex.justify-content-between{color:#d0d0d0}[data-theme="dark"] .checkout.py-5 .d-flex.justify-content-between:hover{background:rgba(102,126,234,0.1)}section.py-5 .col-lg-8,section.py-5 .col-lg-4{animation:fadeInUp 0.6s cubic-bezier(0.175,0.885,0.32,1.275)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}section.py-5 .card{border:none;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,0.7) 0%,rgba(248,249,252,0.8) 100%) !important;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1.5px solid rgba(255,255,255,0.6);box-shadow:0 8px 32px 0 rgba(31,38,135,0.15),inset 0 1px 0 0 rgba(255,255,255,0.6),inset 0 -1px 2px 0 rgba(0,0,0,0.05);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;overflow:hidden}section.py-5 .card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb,#667eea);background-size:200% 100%;animation:gradientSlide 3s ease infinite}@keyframes gradientSlide{0%,100%{background-position:0% center}50%{background-position:100% center}}section.py-5 .card:hover{transform:translateY(-1px);background:linear-gradient(135deg,rgba(255,255,255,0.85) 0%,rgba(250,252,255,0.9) 100%) !important;-webkit-backdrop-filter:blur(40px) saturate(200%);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border:1.5px solid rgba(255,255,255,0.8);box-shadow:0 20px 60px rgba(102,126,234,0.25),0 0 40px rgba(102,126,234,0.15),inset 0 1px 0 0 rgba(255,255,255,0.8),inset 0 -1px 2px 0 rgba(0,0,0,0.08)}section.py-5 .card-header{background:linear-gradient(135deg,rgba(102,126,234,0.8) 0%,rgba(118,75,162,0.8) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.3);border-radius:20px 20px 0 0;padding:1.75rem;position:relative;overflow:hidden;box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.4),0 8px 32px 0 rgba(31,38,135,0.2)}section.py-5 .card-header::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgba(255,255,255,0.15);transition:left 0.6s ease}section.py-5 .card:hover .card-header::before{left:100%}section.py-5 .card-header h5{color:white;font-weight:700;font-size:1.35rem;letter-spacing:0.5px;position:relative;z-index:1}section.py-5 .card-header i{margin-right:0.75rem;font-size:1.25rem}section.py-5 .card-body{padding:2rem;background:rgba(255,255,255,0.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}section.py-5 .card-body h6{color:#667eea;font-weight:700;font-size:1.1rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:0.3px}section.py-5 .card-body h6::before{content:'';display:inline-block;width:4px;height:1em;background:linear-gradient(135deg,#667eea,#764ba2);margin-right:0.5rem;border-radius:2px}@media (max-width:768px){.card.mt-3 .card-body h6::before{display:none}}section.py-5 .card-body p{margin-bottom:0.75rem;color:#2c3e50;font-weight:500;transition:all 0.3s ease}section.py-5 .card-body p:hover{color:#667eea;transform:translateX(5px)}section.py-5 .card-body hr{border-top:2px solid rgba(102,126,234,0.15);margin:1.5rem 0}section.py-5 .table{margin-bottom:0;border-collapse:collapse}section.py-5 .table thead{background:linear-gradient(135deg,rgba(102,126,234,0.1) 0%,rgba(118,75,162,0.1) 100%);border-bottom:2px solid rgba(102,126,234,0.2)}section.py-5 .table thead th{color:#667eea;font-weight:700;padding:1rem;text-transform:uppercase;font-size:0.85rem;letter-spacing:0.5px;border:none}section.py-5 .table tbody tr{border-bottom:1px solid rgba(102,126,234,0.1);transition:all 0.3s ease}section.py-5 .table tbody tr:hover{background:rgba(102,126,234,0.05);transform:scale(1.01)}section.py-5 .table tbody td{padding:1rem;vertical-align:middle;color:#2c3e50;font-weight:500}section.py-5 .row .col-md-6:first-child{padding-right:1.5rem;border-right:2px solid rgba(102,126,234,0.1)}section.py-5 .row .col-md-6:last-child{padding-left:1.5rem}section.py-5 .d-flex.justify-content-between{padding:0.75rem 1rem;border-radius:8px;transition:all 0.3s ease}section.py-5 .d-flex.justify-content-between:hover{background:rgba(102,126,234,0.05)}section.py-5 .d-flex.justify-content-between span{font-weight:600;color:#2c3e50}section.py-5 .d-flex.justify-content-between.text-success{color:#28a745}section.py-5 .d-flex.justify-content-between.text-success span:last-child{color:#20c997;font-weight:700}section.py-5 .d-flex.justify-content-between .text-primary{color:#667eea !important;font-size:1.25rem;font-weight:700}section.py-5 .payment-amount{background:linear-gradient(135deg,rgba(102,126,234,0.2) 0%,rgba(118,75,162,0.15) 100%);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:2rem;border-radius:15px;border:1.5px solid rgba(102,126,234,0.4);animation:slideDownIn 0.6s cubic-bezier(0.175,0.885,0.32,1.275);box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.5),0 8px 32px 0 rgba(102,126,234,0.15)}section.py-5 .payment-amount h3{color:#667eea;font-weight:700;font-size:2.5rem;margin-bottom:0.5rem}section.py-5 .payment-amount p{color:#999;font-weight:500;margin:0}section.py-5 .btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;padding:0.875rem 1.75rem;font-weight:600;font-size:1rem;letter-spacing:0.5px;box-shadow:0 10px 30px rgba(102,126,234,0.2);transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;overflow:hidden}section.py-5 .btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgba(255,255,255,0.2);transition:left 0.5s ease}section.py-5 .btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 45px rgba(102,126,234,0.3);background:linear-gradient(135deg,#764ba2 0%,#667eea 100%)}section.py-5 .btn-primary:hover::before{left:100%}section.py-5 .btn-primary:active{transform:translateY(-1px)}section.py-5 .btn-outline-secondary{border:2px solid rgba(102,126,234,0.3);color:#667eea;border-radius:12px;padding:0.75rem 1.75rem;font-weight:600;transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275)}section.py-5 .btn-outline-secondary:hover{background:linear-gradient(135deg,rgba(102,126,234,0.1) 0%,rgba(118,75,162,0.1) 100%);border-color:#667eea;color:#667eea;transform:translateY(-2px);box-shadow:0 10px 25px rgba(102,126,234,0.15)}section.py-5 .text-muted{font-weight:500;font-size:0.95rem}section.py-5 .fa-shield-alt{color:#28a745}#stripe-card-element{background:rgba(255,255,255,0.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(102,126,234,0.3);border-radius:12px;padding:1rem;box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.4),0 4px 15px rgba(102,126,234,0.08);transition:all 0.3s ease}[data-theme="dark"] section.py-5 .card{background:linear-gradient(135deg,rgba(45,45,48,0.6) 0%,rgba(40,40,45,0.65) 100%) !important;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1.5px solid rgba(255,255,255,0.15);box-shadow:0 8px 32px 0 rgba(0,0,0,0.4),inset 0 1px 0 0 rgba(255,255,255,0.2),inset 0 -1px 2px 0 rgba(0,0,0,0.3)}[data-theme="dark"] section.py-5 .card:hover{background:linear-gradient(135deg,rgba(50,50,55,0.75) 0%,rgba(45,45,52,0.8) 100%) !important;-webkit-backdrop-filter:blur(40px) saturate(200%);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border:1.5px solid rgba(255,255,255,0.25)}[data-theme="dark"] section.py-5 .card-body h6{color:#aac2f7}[data-theme="dark"] section.py-5 .card-body p{color:#d0d0d0}[data-theme="dark"] section.py-5 .table thead{background:rgba(102,126,234,0.15)}[data-theme="dark"] section.py-5 .table thead th{color:#aac2f7;border-color:rgba(102,126,234,0.3)}[data-theme="dark"] section.py-5 .table tbody tr{border-bottom-color:rgba(102,126,234,0.15)}[data-theme="dark"] section.py-5 .table tbody tr:hover{background:rgba(102,126,234,0.1)}[data-theme="dark"] section.py-5 .table tbody td{color:#d0d0d0}[data-theme="dark"] section.py-5 .row .col-md-6:first-child{border-right-color:rgba(102,126,234,0.2)}[data-theme="dark"] section.py-5 .d-flex.justify-content-between span{color:#d0d0d0}[data-theme="dark"] section.py-5 .payment-amount{background:linear-gradient(135deg,rgba(102,126,234,0.15) 0%,rgba(118,75,162,0.1) 100%);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1.5px solid rgba(102,126,234,0.3);box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.1),0 8px 32px 0 rgba(0,0,0,0.3)}[data-theme="dark"] #stripe-card-element{background:rgba(255,255,255,0.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,0.15);color:#d0d0d0}.checkout.py-5 .card,section.py-5 .card{transform:none !important;transform-style:flat !important;perspective:none !important;animation:none !important}section.py-5 .col-lg-8,section.py-5 .col-lg-4{perspective:none !important}section.py-5 .col-lg-8 .card{transform:none !important}section.py-5 .col-lg-4 .card{transform:none !important}section.py-5 .card:hover{transform:none !important;box-shadow:0 8px 32px 0 rgba(31,38,135,0.15),inset 0 1px 0 0 rgba(255,255,255,0.6),inset 0 -1px 2px 0 rgba(0,0,0,0.05) !important}section.py-5 .card-header{transform:none !important;transform-style:flat !important}section.py-5 .card-body{transform:none !important;transform-style:flat !important}@keyframes float3D{0%,100%{transform:none !important}50%{transform:none !important}}section.py-5 .col-lg-8 .card{animation:none !important}section.py-5 .col-lg-4 .card{animation:none !important}section.hero-section,.hero{perspective:1200px}.product-card{perspective:1000px;transform-style:preserve-3d;transform:rotateX(2deg) rotateY(-3deg) rotateZ(1deg);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275)}.product-card:hover{transform:rotateX(0deg) rotateY(6deg) rotateZ(2deg) translateZ(20px) translateY(-10px);box-shadow:0 10px 30px rgba(102,126,234,0.15),0 20px 50px rgba(102,126,234,0.2),inset -2px -2px 8px rgba(255,255,255,0.3),inset 2px 2px 8px rgba(0,0,0,0.05)}.card-img-container{transform-style:preserve-3d;transform:translateZ(15px);perspective:800px}.card-img-top{transform-style:preserve-3d;transition:all 0.4s ease}.product-card:hover .card-img-top{transform:translateZ(10px) scale(1.08)}.category-card{perspective:1000px;transform-style:preserve-3d;transform:rotateX(3deg) rotateY(2deg);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275)}.category-link:hover .category-card{transform:rotateX(-2deg) rotateY(-5deg) rotateZ(1deg) translateZ(25px) translateY(-8px);box-shadow:0 15px 40px rgba(102,126,234,0.2),inset -2px -2px 6px rgba(255,255,255,0.3)}.feature-card{perspective:1000px;transform-style:preserve-3d;transform:rotateX(2deg) rotateY(2deg) rotateZ(0deg);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275)}.feature-card:hover{transform:rotateX(-1deg) rotateY(-4deg) rotateZ(1deg) translateZ(20px) translateY(-10px);box-shadow:0 15px 40px rgba(102,126,234,0.15),0 25px 60px rgba(102,126,234,0.1),inset -1px -1px 4px rgba(255,255,255,0.2)}.feature-icon-box{transform-style:preserve-3d;perspective:600px;transition:all 0.3s ease}.feature-card:hover .feature-icon-box{transform:rotateX(-5deg) rotateY(10deg) rotateZ(2deg) translateZ(10px)}.team-card{border-radius:15px;overflow:hidden;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275)}.team-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(102,126,234,0.2),0 30px 70px rgba(102,126,234,0.15),inset -2px -2px 8px rgba(255,255,255,0.2)}.team-avatar{transition:all 0.3s ease}.team-card:hover .team-avatar{box-shadow:0 10px 30px rgba(102,126,234,0.3)}.product-card .card-body{transform-style:preserve-3d;transform:translateZ(10px)}.category-icon-wrapper{transform-style:preserve-3d;perspective:800px;transition:all 0.3s ease}.category-link:hover .category-icon-wrapper{transform:rotateX(-8deg) rotateY(8deg) rotateZ(2deg) translateZ(15px)}@keyframes float3DIndex{0%,100%{transform:rotateX(5deg) rotateY(-6deg) rotateZ(2deg) translateZ(0px) translateY(0px)}25%{transform:rotateX(2deg) rotateY(-2deg) rotateZ(1deg) translateZ(15px) translateY(-12px)}50%{transform:rotateX(-3deg) rotateY(4deg) rotateZ(-1deg) translateZ(25px) translateY(-18px)}75%{transform:rotateX(1deg) rotateY(-4deg) rotateZ(1.5deg) translateZ(12px) translateY(-8px)}}@keyframes float3DBounce{0%,100%{transform:translateY(0px)}50%{transform:translateY(-20px)}}@keyframes rotate3D{0%{transform:rotateX(5deg) rotateY(-6deg) rotateZ(2deg)}25%{transform:rotateX(2deg) rotateY(3deg) rotateZ(-1deg)}50%{transform:rotateX(-3deg) rotateY(6deg) rotateZ(2deg)}75%{transform:rotateX(3deg) rotateY(-4deg) rotateZ(-2deg)}100%{transform:rotateX(5deg) rotateY(-6deg) rotateZ(2deg)}}.product-card{animation:none}.feature-card{animation:none}.category-card{animation:none}.team-card{animation:none}@keyframes float3DCoupon{0%,100%{transform:rotateX(3deg) rotateY(2deg) rotateZ(1deg) translateZ(0px)}25%{transform:rotateX(1deg) rotateY(-4deg) rotateZ(0deg) translateZ(12px)}50%{transform:rotateX(-2deg) rotateY(5deg) rotateZ(-1deg) translateZ(18px)}75%{transform:rotateX(2deg) rotateY(-3deg) rotateZ(1deg) translateZ(10px)}}#featured .row,.categories-grid,.features-grid,.team-section .row{perspective:1000px;transform-style:preserve-3d}.product-card,.category-card,.feature-card,.team-card{box-shadow:0 2px 4px rgba(0,0,0,0.02),0 4px 8px rgba(0,0,0,0.03),0 8px 16px rgba(0,0,0,0.04),0 15px 30px rgba(102,126,234,0.08),0 30px 60px rgba(102,126,234,0.05)}.product-card h5,.feature-card h3,.team-card h4,.category-card h3{text-shadow:2px 2px 4px rgba(0,0,0,0.1),4px 4px 8px rgba(0,0,0,0.05);transform-style:preserve-3d;transform:translateZ(5px)}.card-overlay{transform-style:preserve-3d;transform:translateZ(20px)}.attachment-indicators{transform-style:preserve-3d;transform:translateZ(25px)}[data-theme="dark"] .product-card,[data-theme="dark"] .category-card,[data-theme="dark"] .feature-card,[data-theme="dark"] .team-card{box-shadow:0 2px 4px rgba(0,0,0,0.3),0 4px 8px rgba(0,0,0,0.4),0 8px 16px rgba(0,0,0,0.5),0 15px 30px rgba(0,0,0,0.6),inset 0 1px 0 rgba(255,255,255,0.1)}[data-theme="dark"] .product-card:hover,[data-theme="dark"] .category-link:hover .category-card,[data-theme="dark"] .feature-card:hover,[data-theme="dark"] .team-card:hover{box-shadow:0 10px 20px rgba(0,0,0,0.4),0 20px 40px rgba(0,0,0,0.5),0 40px 80px rgba(102,126,234,0.15),inset -2px -2px 8px rgba(255,255,255,0.1),inset 2px 2px 8px rgba(0,0,0,0.2)}*{transition-timing-function:cubic-bezier(0.175,0.885,0.32,1.275)}[data-theme="dark"] .resource-card{background:rgba(45,45,48,0.85) !important;border-color:rgba(102,126,234,0.2) !important;box-shadow:0 8px 32px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.1)}[data-theme="dark"] .resource-card:hover{background:linear-gradient(135deg,rgba(50,50,55,0.9) 0%,rgba(45,45,52,0.9) 100%) !important;border-color:rgba(102,126,234,0.4) !important;box-shadow:0 15px 40px rgba(0,0,0,0.5),0 25px 60px rgba(102,126,234,0.15),inset -2px -2px 8px rgba(255,255,255,0.1),inset 2px 2px 8px rgba(0,0,0,0.2) !important}.cart-item{display:grid;grid-template-columns:80px 1fr auto auto auto;gap:1rem;align-items:center;overflow:visible}.product-image-cart,.product-image-checkout{width:100%;height:80px;object-fit:cover}.checkout.py-5 .order-items .d-flex{perspective:none !important;transform-style:flat !important;transform:none !important}.product-image-checkout-summary{width:50px !important;height:50px !important;object-fit:contain !important;max-width:50px !important;max-height:50px !important;min-width:50px !important;min-height:50px !important;flex-shrink:0 !important;display:block !important;border-radius:6px !important;background-color:#f0f0f0 !important;padding:2px !important;box-sizing:border-box !important;perspective:none !important;transform-style:flat !important;transform:none !important;scale:1 !important}.quantity-input-group{max-width:100px}.cart-item-price{text-align:right;white-space:nowrap}.cart-item-action{display:flex;justify-content:flex-end;min-width:60px}.remove-item-btn{display:flex;align-items:center;justify-content:center;min-width:44px}.discount-row{display:none}.discount-row.active{display:flex}.order-summary-sticky{position:sticky;top:100px;padding-bottom:5rem}.alert-close-spacing{margin-top:-5px}.image-viewer-container{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;background:#000 !important;z-index:1050 !important;display:flex !important;flex-direction:column !important;width:100% !important;height:100% !important;max-width:100vw !important;max-height:100vh !important;overflow:hidden !important}.image-viewer-header{padding:10px 15px;background:#1a1a1a;border-bottom:1px solid #333;display:flex;justify-content:flex-end;flex-shrink:0}.image-viewer-content{flex:1 1 0 !important;display:flex !important;align-items:center !important;justify-content:center !important;overflow:hidden !important;position:relative !important;padding:0 !important;margin:0 !important;width:100% !important;height:calc(100vh - 54px) !important;min-height:calc(100vh - 54px) !important;max-height:calc(100vh - 54px) !important;box-sizing:border-box !important}.image-viewer-container #imageViewerImg,div[id="imageViewerModal"] img,.image-viewer-image,#imageViewerImg{max-width:100% !important;max-height:100% !important;width:auto !important;height:auto !important;object-fit:contain !important;display:block !important;margin:auto !important;transform:scale(1) !important;padding:0 !important;border:none !important;box-sizing:content-box !important;position:relative !important;left:auto !important;top:auto !important;flex-shrink:1 !important;flex-grow:0 !important;background:transparent !important}#imageViewerModal img[id="imageViewerImg"]{max-width:100% !important;max-height:100% !important;width:auto !important;height:auto !important}.image-viewer-button{position:absolute;top:50%;transform:translateY(-50%);z-index:1040;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);color:white;padding:12px 16px;font-size:20px;cursor:pointer;border-radius:4px;transition:all 0.2s}.image-viewer-button:hover{background:rgba(255,255,255,0.25)}.image-viewer-button.prev{left:10px}.image-viewer-button.next{right:10px}.image-viewer-counter{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:1040;background:rgba(0,0,0,0.7);color:white;font-size:12px;padding:8px 14px;border-radius:20px;display:inline-block}.image-viewer-overlay{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;background:rgba(0,0,0,0.5) !important;z-index:1049 !important}#imageViewerModal.modal{padding:0 !important;margin:0 !important;background:transparent !important;border:none !important;box-shadow:none !important}#imageViewerModal{padding:0 !important;margin:0 !important}cursor:pointer}.auth-card-logo{max-height:90px;width:auto;margin-bottom:20px}.auth-feature-icon-box{width:50px;height:50px;background:rgba(255,255,255,0.15);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:12px}.auth-page-heading{font-size:2rem;letter-spacing:1px;font-weight:bold;margin-bottom:1.5rem}.auth-page-subheading{font-size:1.1rem;letter-spacing:0.5px;font-weight:bold;color:white}.auth-page-lead{font-size:1.15rem;line-height:1.8}.team-avatar-img{width:120px !important;height:120px !important;border-radius:50% !important;object-fit:contain !important;background-color:#f0f0f0 !important;margin-bottom:1rem !important;padding:4px !important;box-sizing:border-box !important;transition:all 0.3s ease !important;max-width:120px !important;max-height:120px !important;transform:none !important;display:block !important;margin-left:auto !important;margin-right:auto !important;border:3px solid rgba(102,126,234,0.3) !important}.team-card:hover .team-avatar-img{transform:none !important;width:120px !important;height:120px !important}.team-card .team-avatar-img{transform:none !important}img.team-avatar-img{width:120px !important;height:120px !important;max-width:120px !important;max-height:120px !important;object-fit:contain !important}div.team-card img{width:120px !important;height:120px !important;max-width:120px !important;max-height:120px !important;object-fit:contain !important;transform:none !important}.avatar-circle{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667ee6,#764ba2);color:white;border-radius:50%;margin:0 auto 1rem}.whatsapp-button-custom{background-color:#25d366 !important;color:#000 !important;font-weight:600;border:none}.navbar-custom-spacing{margin-left:1.5rem !important}.custom-link-color{color:#007bff;text-decoration:underline}.button-custom-color{background-color:#6f42c1;color:white}.coupon-expiry-text{color:#e74c3c}.checkout.py-5 .order-items img,.order-summary-sticky img,.order-items .product-image-checkout-summary{width:50px !important;height:50px !important;max-width:50px !important;max-height:50px !important;object-fit:contain !important;object-position:center !important;transform:none !important;transform-style:flat !important;perspective:none !important;scale:1 !important;filter:none !important;image-rendering:crisp-edges !important}.order-items{perspective:none !important;transform-style:flat !important;transform:none !important}.order-summary-sticky{perspective:none !important;transform-style:flat !important;transform:none !important}.order-summary-sticky .card-body{perspective:none !important;transform-style:flat !important;transform:none !important}.order-items .d-flex{perspective:none !important;transform-style:flat !important;transform:none !important}.order-items .d-flex.align-items-center{align-items:center !important;perspective:none !important}.order-items img:hover{transform:none !important;scale:1 !important}.order-items img:active{transform:none !important;scale:1 !important}.checkout.py-5 .order-items img{transform:none !important}