@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.cart-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.cart-overlay .cart-sidebar{position:absolute;right:0;top:0;height:100%;width:450px;max-width:90vw;background:#fff;box-shadow:-5px 0 20px #0000001a;display:flex;flex-direction:column;transform:translate(100%);animation:slideIn .3s ease-out forwards}@media (max-width: 768px){.cart-overlay .cart-sidebar{width:100%;max-width:100%}}.cart-overlay .cart-header{padding:1.5rem;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;flex-shrink:0}.cart-overlay .cart-header h2{margin:0;font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.cart-overlay .cart-header h2 .cart-icon{width:1.5rem;height:1.5rem}.cart-overlay .cart-header .close-btn{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease}.cart-overlay .cart-header .close-btn:hover{background:#fff3}.cart-overlay .cart-header .close-btn svg{width:1.5rem;height:1.5rem}@media (max-width: 768px){.cart-overlay .cart-header{padding:1rem}.cart-overlay .cart-header h2{font-size:1.25rem}}.cart-overlay .cart-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.cart-overlay .empty-cart{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;text-align:center}.cart-overlay .empty-cart .empty-icon{width:4rem;height:4rem;color:#4f46e5;margin-bottom:1rem;opacity:.5}.cart-overlay .empty-cart h3{margin:0 0 .5rem;font-size:1.5rem;color:#333}.cart-overlay .empty-cart p{margin:0 0 2rem;color:#666;font-size:1rem}.cart-overlay .empty-cart .shop-now-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:.75rem 2rem;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s ease}.cart-overlay .empty-cart .shop-now-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #4f46e54d}.cart-overlay .cart-items{flex:1;overflow-y:auto;padding:1rem;min-height:0}.cart-overlay .cart-items::-webkit-scrollbar{width:6px}.cart-overlay .cart-items::-webkit-scrollbar-track{background:#f1f1f1}.cart-overlay .cart-items::-webkit-scrollbar-thumb{background:#4f46e5;border-radius:3px}@media (max-width: 768px){.cart-overlay .cart-items{padding:.75rem}}.cart-overlay .cart-item{display:flex;gap:1rem;padding:1rem;border:1px solid #f0f0f0;border-radius:12px;margin-bottom:1rem;transition:all .3s ease;background:#fff}.cart-overlay .cart-item:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.cart-overlay .cart-item.clearing{animation:fadeOut .3s ease-out forwards}.cart-overlay .cart-item .item-image{width:80px;height:80px;border-radius:8px;overflow:hidden;flex-shrink:0}.cart-overlay .cart-item .item-image img{width:100%;height:100%;object-fit:cover}.cart-overlay .cart-item .item-details{flex:1;padding:0 1rem}.cart-overlay .cart-item .item-details h4{margin:0 0 .5rem;font-size:.9rem;font-weight:600;color:#000;line-height:1.3}.cart-overlay .cart-item .item-details .variant-info{margin:0 0 .5rem;font-size:.8rem;color:var(--text-secondary);font-style:italic}.cart-overlay .cart-item .item-details .item-price{margin:0 0 .75rem;font-size:.85rem;font-weight:500;color:var(--primary-color)}.cart-overlay .cart-item .item-details .stock-info{margin-bottom:.75rem}.cart-overlay .cart-item .item-details .stock-info .stock-text{font-size:.75rem;color:#6b7280;font-weight:500;background:#f3f4f6;padding:.25rem .5rem;border-radius:4px;display:inline-block}.cart-overlay .cart-item .item-details .quantity-controls{display:flex;align-items:center;gap:.5rem;margin-top:auto}.cart-overlay .cart-item .item-details .quantity-controls .qty-btn{width:2.2rem;height:2.2rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:600;box-shadow:0 2px 6px #4f46e54d;position:relative;overflow:hidden}.cart-overlay .cart-item .item-details .quantity-controls .qty-btn:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);transform:translateY(-1px);box-shadow:0 3px 8px #4f46e566}.cart-overlay .cart-item .item-details .quantity-controls .qty-btn:active{transform:translateY(0);box-shadow:0 2px 6px #4f46e54d}.cart-overlay .cart-item .item-details .quantity-controls .qty-btn:disabled{background:linear-gradient(135deg,#9ca3af,#d1d5db);cursor:not-allowed;opacity:.6}.cart-overlay .cart-item .item-details .quantity-controls .qty-btn:disabled:hover{background:linear-gradient(135deg,#9ca3af,#d1d5db);transform:none;box-shadow:0 2px 6px #9ca3af4d}.cart-overlay .cart-item .item-details .quantity-controls .qty-btn .qty-icon{width:1.1rem;height:1.1rem;stroke-width:3;color:#fff!important;fill:none!important;stroke:#fff!important;position:relative;z-index:2}.cart-overlay .cart-item .item-details .quantity-controls .qty-btn .qty-text{font-size:1.3rem;font-weight:700;color:#fff;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}.cart-overlay .cart-item .item-details .quantity-controls .qty-btn:hover .qty-icon{transform:scale(1.1)}.cart-overlay .cart-item .item-details .quantity-controls .qty-btn:hover .qty-text{transform:translate(-50%,-50%) scale(1.1)}.cart-overlay .cart-item .item-details .quantity-controls .quantity{min-width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700;font-size:1rem;color:#1f2937;background:linear-gradient(135deg,#f8f9ff,#f3f4f6);border-radius:8px;border:2px solid #4f46e5;box-shadow:0 2px 8px #4f46e533}.cart-overlay .cart-item .item-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;flex-shrink:0}.cart-overlay .cart-item .item-actions .item-total{font-weight:700;font-size:.95rem;color:#333;text-align:right}.cart-overlay .cart-item .item-actions .remove-btn{background:#f87171;color:#fff;border:none;padding:.4rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.cart-overlay .cart-item .item-actions .remove-btn:hover{background:#ef4444;transform:translateY(-1px)}.cart-overlay .cart-item .item-actions .remove-btn svg{width:.9rem;height:.9rem}@media (max-width: 480px){.cart-overlay .cart-item{padding:.75rem}.cart-overlay .cart-item .item-image{width:60px;height:60px}.cart-overlay .cart-item .item-details h4{font-size:.85rem}.cart-overlay .cart-item .item-details .item-price{font-size:.8rem}.cart-overlay .cart-item .item-details .quantity-controls{gap:.4rem}.cart-overlay .cart-item .item-details .quantity-controls .qty-btn{width:2.2rem;height:2.2rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:600;box-shadow:0 2px 6px #4f46e54d;position:relative;overflow:hidden}.cart-overlay .cart-item .item-details .quantity-controls .qty-btn:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);transform:translateY(-1px);box-shadow:0 3px 8px #4f46e566}.cart-overlay .cart-item .item-details .quantity-controls .qty-btn:active{transform:translateY(0);box-shadow:0 2px 6px #4f46e54d}.cart-overlay .cart-item .item-details .quantity-controls .qty-btn:disabled{background:linear-gradient(135deg,#9ca3af,#d1d5db);cursor:not-allowed;opacity:.6}.cart-overlay .cart-item .item-details .quantity-controls .qty-btn:disabled:hover{background:linear-gradient(135deg,#9ca3af,#d1d5db);transform:none;box-shadow:0 2px 6px #9ca3af4d}.cart-overlay .cart-item .item-details .quantity-controls .qty-btn .qty-icon{width:1.1rem;height:1.1rem;stroke-width:3;color:#fff!important;fill:none!important;stroke:#fff!important;position:relative;z-index:2}.cart-overlay .cart-item .item-details .quantity-controls .qty-btn .qty-text{font-size:1.3rem;font-weight:700;color:#fff;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}.cart-overlay .cart-item .item-details .quantity-controls .qty-btn:hover .qty-icon{transform:scale(1.1)}.cart-overlay .cart-item .item-details .quantity-controls .qty-btn:hover .qty-text{transform:translate(-50%,-50%) scale(1.1)}.cart-overlay .cart-item .item-details .quantity-controls .quantity{font-size:.85rem;min-width:2.2rem;height:2.2rem;background:linear-gradient(135deg,#f8f9ff,#f3f4f6);border:2px solid #4f46e5;border-radius:6px;color:#1f2937;font-weight:700;box-shadow:0 2px 6px #4f46e533}.cart-overlay .cart-item .item-actions .item-total{font-size:.85rem}.cart-overlay .cart-item .item-actions .remove-btn{padding:.3rem}.cart-overlay .cart-item .item-actions .remove-btn svg{width:.8rem;height:.8rem}}.cart-overlay .cart-summary{padding:1.5rem;border-top:2px solid #e9ecef;background:linear-gradient(135deg,#f8f9ff,#f3f4f6);flex-shrink:0}.cart-overlay .cart-summary .summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:1rem;padding:.25rem 0}.cart-overlay .cart-summary .summary-row:not(.total){color:#4b5563}.cart-overlay .cart-summary .summary-row.total{margin-top:.75rem;padding:1rem 0 .5rem;border-top:2px solid #4f46e5;font-size:1.25rem;font-weight:700;color:#1f2937;background:linear-gradient(135deg,#4f46e5,#7c3aed);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cart-overlay .cart-summary .summary-row span:first-child{font-weight:500}.cart-overlay .cart-summary .summary-row span:last-child{font-weight:600;color:#1f2937}.cart-overlay .cart-summary .free-shipping-notice{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.75rem 1rem;border-radius:12px;font-size:.875rem;font-weight:600;text-align:center;margin:1rem 0;box-shadow:0 4px 12px #10b9814d}@media (max-width: 768px){.cart-overlay .cart-summary{padding:1rem}.cart-overlay .cart-summary .summary-row{font-size:.9rem}.cart-overlay .cart-summary .summary-row.total{font-size:1.1rem}.cart-overlay .cart-summary .free-shipping-notice{font-size:.8rem;padding:.6rem .8rem}}.cart-overlay .cart-actions{padding:1.5rem;border-top:1px solid #e9ecef;background:#fff;display:flex;gap:1rem;flex-shrink:0}.cart-overlay .cart-actions .clear-cart-btn{flex:1;background:transparent;color:#ef4444;border:2px solid #ef4444;padding:.75rem 1rem;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.cart-overlay .cart-actions .clear-cart-btn:hover{background:#ef4444;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.cart-overlay .cart-actions .checkout-btn{flex:2;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:.75rem 1rem;border-radius:12px;text-decoration:none;font-weight:600;font-size:.95rem;text-align:center;transition:all .3s ease}.cart-overlay .cart-actions .checkout-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4f46e566}@media (max-width: 768px){.cart-overlay .cart-actions{padding:1rem;flex-direction:column;gap:.75rem}.cart-overlay .cart-actions .clear-cart-btn,.cart-overlay .cart-actions .checkout-btn{width:100%;padding:.875rem 1rem;font-size:.9rem}}@media (max-width: 480px){.cart-overlay .cart-sidebar .cart-header{padding:.875rem}.cart-overlay .cart-sidebar .cart-header h2{font-size:1.1rem}.cart-overlay .cart-sidebar .cart-header h2 .cart-icon{width:1.25rem;height:1.25rem}.cart-overlay .cart-sidebar .cart-header .close-btn{padding:.4rem}.cart-overlay .cart-sidebar .cart-header .close-btn svg{width:1.25rem;height:1.25rem}.cart-overlay .cart-sidebar .cart-items{padding:.5rem}.cart-overlay .cart-sidebar .cart-summary{padding:.875rem}.cart-overlay .cart-sidebar .cart-summary .summary-row{font-size:.85rem;margin-bottom:.5rem}.cart-overlay .cart-sidebar .cart-summary .summary-row.total{font-size:1rem;margin-top:.5rem;padding-top:.75rem}.cart-overlay .cart-sidebar .cart-actions{padding:.875rem}.cart-overlay .cart-sidebar .cart-actions .clear-cart-btn,.cart-overlay .cart-sidebar .cart-actions .checkout-btn{padding:.75rem;font-size:.85rem}}@media (max-width: 360px){.cart-overlay .cart-sidebar .cart-item .item-details h4{font-size:.8rem;-webkit-line-clamp:1}.cart-overlay .cart-sidebar .cart-item .item-details .item-price{font-size:.75rem}.cart-overlay .cart-sidebar .cart-item .item-actions .item-total,.cart-overlay .cart-sidebar .cart-summary .summary-row{font-size:.8rem}.cart-overlay .cart-sidebar .cart-summary .summary-row.total{font-size:.95rem}}.wishlist-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.wishlist-overlay .wishlist-sidebar{position:absolute;right:0;top:0;height:100%;width:450px;max-width:90vw;background:#fff;box-shadow:-5px 0 20px #0000001a;display:flex;flex-direction:column;transform:translate(100%);animation:slideIn .3s ease-out forwards}@keyframes slideIn{to{transform:translate(0)}}@media (max-width: 768px){.wishlist-overlay .wishlist-sidebar{width:100%;max-width:100%}}.wishlist-overlay .wishlist-header{padding:1.5rem;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.wishlist-overlay .wishlist-header h2{margin:0;font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.wishlist-overlay .wishlist-header h2 .wishlist-icon{width:1.5rem;height:1.5rem}.wishlist-overlay .wishlist-header .close-btn{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease}.wishlist-overlay .wishlist-header .close-btn:hover{background:#fff3}.wishlist-overlay .wishlist-header .close-btn svg{width:1.5rem;height:1.5rem}.wishlist-overlay .wishlist-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.wishlist-overlay .empty-wishlist{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;text-align:center}.wishlist-overlay .empty-wishlist .empty-icon{width:4rem;height:4rem;color:#4f46e5;margin-bottom:1rem;opacity:.5}.wishlist-overlay .empty-wishlist h3{margin:0 0 .5rem;font-size:1.5rem;color:#333}.wishlist-overlay .empty-wishlist p{margin:0 0 2rem;color:#666;font-size:1rem}.wishlist-overlay .empty-wishlist .shop-now-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:.75rem 2rem;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s ease}.wishlist-overlay .empty-wishlist .shop-now-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #4f46e54d}.wishlist-overlay .wishlist-items{flex:1;overflow-y:auto;padding:1rem}.wishlist-overlay .wishlist-items::-webkit-scrollbar{width:6px}.wishlist-overlay .wishlist-items::-webkit-scrollbar-track{background:#f1f1f1}.wishlist-overlay .wishlist-items::-webkit-scrollbar-thumb{background:#4f46e5;border-radius:3px}.wishlist-overlay .wishlist-item{display:flex;gap:1rem;padding:1rem;border:1px solid #f0f0f0;border-radius:12px;margin-bottom:1rem;transition:all .3s ease;background:#fff}.wishlist-overlay .wishlist-item:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.wishlist-overlay .wishlist-item.clearing{animation:fadeOut .3s ease-out forwards}@keyframes fadeOut{to{opacity:0;transform:scale(.95)}}.wishlist-overlay .wishlist-item .item-image{width:80px;height:80px;border-radius:8px;overflow:hidden;flex-shrink:0;position:relative}.wishlist-overlay .wishlist-item .item-image img{width:100%;height:100%;object-fit:cover}.wishlist-overlay .wishlist-item .item-image .out-of-stock-badge{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.wishlist-overlay .wishlist-item .item-details{flex:1;display:flex;flex-direction:column}.wishlist-overlay .wishlist-item .item-details h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#333;line-height:1.2}.wishlist-overlay .wishlist-item .item-details .item-price{margin:0 0 .5rem;font-size:1.1rem;font-weight:700;color:#4f46e5}.wishlist-overlay .wishlist-item .item-details .stock-status{margin-bottom:.75rem}.wishlist-overlay .wishlist-item .item-details .stock-status .in-stock{font-size:.75rem;color:#059669;font-weight:500;background:#d1fae5;padding:.25rem .5rem;border-radius:4px;display:inline-block}.wishlist-overlay .wishlist-item .item-details .stock-status .out-of-stock{font-size:.75rem;color:#dc2626;font-weight:500;background:#fee2e2;padding:.25rem .5rem;border-radius:4px;display:inline-block}.wishlist-overlay .wishlist-item .item-details .item-description{margin:0 0 1rem;font-size:.85rem;color:#666;line-height:1.4}.wishlist-overlay .wishlist-item .item-details .item-actions{margin-top:auto;display:flex;gap:.5rem}.wishlist-overlay .wishlist-item .item-details .item-actions .add-to-cart-btn{flex:1;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.25rem}.wishlist-overlay .wishlist-item .item-details .item-actions .add-to-cart-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #4f46e54d}.wishlist-overlay .wishlist-item .item-details .item-actions .add-to-cart-btn:disabled,.wishlist-overlay .wishlist-item .item-details .item-actions .add-to-cart-btn.disabled{background:linear-gradient(135deg,#9ca3af,#d1d5db);cursor:not-allowed;opacity:.6}.wishlist-overlay .wishlist-item .item-details .item-actions .add-to-cart-btn:disabled:hover,.wishlist-overlay .wishlist-item .item-details .item-actions .add-to-cart-btn.disabled:hover{transform:none;box-shadow:none}.wishlist-overlay .wishlist-item .item-details .item-actions .add-to-cart-btn svg{width:1rem;height:1rem}.wishlist-overlay .wishlist-item .item-details .item-actions .remove-btn{background:#f87171;color:#fff;border:none;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.wishlist-overlay .wishlist-item .item-details .item-actions .remove-btn:hover{background:#ef4444;transform:translateY(-1px)}.wishlist-overlay .wishlist-item .item-details .item-actions .remove-btn svg{width:1rem;height:1rem}.wishlist-overlay .wishlist-actions{padding:1.5rem;border-top:1px solid #f0f0f0;background:#fafafa;display:flex;gap:1rem}.wishlist-overlay .wishlist-actions .clear-wishlist-btn{flex:1;background:transparent;color:#ef4444;border:2px solid #ef4444;padding:.75rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.wishlist-overlay .wishlist-actions .clear-wishlist-btn:hover{background:#ef4444;color:#fff}.wishlist-overlay .wishlist-actions .continue-shopping-btn{flex:1;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:.75rem 1rem;border-radius:8px;text-decoration:none;font-weight:600;text-align:center;transition:all .3s ease}.wishlist-overlay .wishlist-actions .continue-shopping-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #4f46e54d}@media (max-width: 480px){.wishlist-overlay .wishlist-sidebar .wishlist-header{padding:1rem}.wishlist-overlay .wishlist-sidebar .wishlist-header h2{font-size:1.25rem}.wishlist-overlay .wishlist-sidebar .wishlist-items{padding:.5rem}.wishlist-overlay .wishlist-sidebar .wishlist-item{flex-direction:column}.wishlist-overlay .wishlist-sidebar .wishlist-item .item-image{width:100%;height:200px}.wishlist-overlay .wishlist-sidebar .wishlist-item .item-actions{flex-direction:column;gap:.5rem}.wishlist-overlay .wishlist-sidebar .wishlist-item .item-actions .add-to-cart-btn{width:100%}.wishlist-overlay .wishlist-sidebar .wishlist-actions{padding:1rem;flex-direction:column}.wishlist-overlay .wishlist-sidebar .wishlist-actions .clear-wishlist-btn,.wishlist-overlay .wishlist-sidebar .wishlist-actions .continue-shopping-btn{width:100%}}svg{display:inline-block;vertical-align:middle}.w-3,.h-3{width:.75rem!important;height:.75rem!important}.w-4,.h-4{width:1rem!important;height:1rem!important}.w-5,.h-5{width:1.25rem!important;height:1.25rem!important}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.auth-modal{background:#fff;border-radius:12px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #0000004d;border:1px solid #e5e7eb}@media (max-width: 768px){.auth-modal{margin:10px;border-radius:8px;max-height:85vh}}.close-btn{position:absolute;top:16px;right:16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:40px;height:40px;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.close-btn .close-icon{font-size:24px;font-weight:300;color:#6b7280;line-height:1;-webkit-user-select:none;user-select:none}.close-btn:hover{background:#f9fafb;border-color:#d1d5db}.close-btn:hover .close-icon{color:#374151}.auth-header{padding:40px 40px 24px;text-align:center}@media (max-width: 768px){.auth-header{padding:32px 24px 20px}}.auth-tabs{padding:0 40px;margin-bottom:24px}@media (max-width: 768px){.auth-tabs{padding:0 24px;margin-bottom:20px}}.auth-tabs .tab-container{display:flex;background:#f9fafb;border-radius:8px;padding:4px;border:1px solid #e5e7eb}.auth-tabs .tab-container .tab{flex:1;padding:12px 16px;background:none;border:none;font-size:.875rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease;border-radius:6px}.auth-tabs .tab-container .tab.active{color:#111827;background:#fff;box-shadow:0 1px 3px #0000001a}.auth-tabs .tab-container .tab:hover:not(.active){color:#374151}.message{margin:0 40px 20px;padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:12px;font-size:.875rem;font-weight:500}@media (max-width: 768px){.message{margin:0 24px 16px}}.message svg{width:20px!important;height:20px!important;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:2}.message.success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.message.success svg{color:#16a34a}.message.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.message.error svg{color:#dc2626}.auth-form{padding:0 40px 40px}@media (max-width: 768px){.auth-form{padding:0 24px 32px}}.auth-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}@media (max-width: 768px){.auth-form .form-row{grid-template-columns:1fr 1fr;gap:12px}}@media (max-width: 480px){.auth-form .form-row{grid-template-columns:1fr 1fr;gap:10px}}.auth-form .form-group{margin-bottom:20px}.auth-form .form-group label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:8px}.auth-form .form-group label .optional{color:#9ca3af;font-weight:400}.auth-form .form-group .input-container{position:relative;display:flex;align-items:center}.auth-form .form-group .input-container>svg{position:absolute;left:12px;width:18px!important;height:18px!important;color:#9ca3af;z-index:1;stroke:currentColor;fill:none;stroke-width:2}.auth-form .form-group .input-container input{width:100%;padding:12px 12px 12px 40px;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s ease;background:#fff;color:#111827}.auth-form .form-group .input-container input:focus{outline:none;border-color:#111827;box-shadow:0 0 0 3px #1118271a}.auth-form .form-group .input-container input:focus+.toggle-password svg,.auth-form .form-group .input-container input:focus~svg{color:#111827}.auth-form .form-group .input-container input::placeholder{color:#9ca3af}.auth-form .form-group .input-container input[type=date]{color:#6b7280}.auth-form .form-group .input-container .toggle-password{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:4px;border-radius:4px}.auth-form .form-group .input-container .toggle-password svg{width:18px!important;height:18px!important;color:#9ca3af;stroke:currentColor;fill:none;stroke-width:2}.auth-form .form-group .input-container .toggle-password:hover svg{color:#111827}.auth-form .form-group.checkbox-group .checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;line-height:1.5}.auth-form .form-group.checkbox-group .checkbox-label input[type=checkbox]{display:none}.auth-form .form-group.checkbox-group .checkbox-label .checkmark{width:20px;height:20px;border:1px solid #d1d5db;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;margin-top:2px;background:#fff}.auth-form .form-group.checkbox-group .checkbox-label .checkmark svg{width:14px!important;height:14px!important;color:#fff;opacity:0;stroke:currentColor;fill:none;stroke-width:2}.auth-form .form-group.checkbox-group .checkbox-label input[type=checkbox]:checked+.checkmark{background:#111827;border-color:#111827}.auth-form .form-group.checkbox-group .checkbox-label input[type=checkbox]:checked+.checkmark svg{opacity:1}.auth-form .form-group.checkbox-group .checkbox-label .checkbox-text{font-size:.875rem;color:#6b7280}.auth-form .form-group.checkbox-group .checkbox-label .checkbox-text a{color:#111827;text-decoration:underline;font-weight:600}.auth-form .form-group.checkbox-group .checkbox-label .checkbox-text a:hover{color:#000}.auth-form .form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}@media (max-width: 768px){.auth-form .form-options{flex-direction:column;gap:12px;align-items:flex-start}}.auth-form .form-options .remember-me{display:flex;align-items:center;gap:8px;cursor:pointer}.auth-form .form-options .remember-me input[type=checkbox]{display:none}.auth-form .form-options .remember-me .checkmark{width:18px;height:18px;border:1px solid #d1d5db;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:#fff}.auth-form .form-options .remember-me .checkmark svg{width:12px!important;height:12px!important;color:#fff;opacity:0;stroke:currentColor;fill:none;stroke-width:2}.auth-form .form-options .remember-me input[type=checkbox]:checked+.checkmark{background:#111827;border-color:#111827}.auth-form .form-options .remember-me input[type=checkbox]:checked+.checkmark svg{opacity:1}.auth-form .form-options .remember-me span{font-size:.875rem;color:#6b7280;font-weight:500}.auth-form .form-options .forgot-password{color:#111827;text-decoration:underline;font-size:.875rem;font-weight:600}.auth-form .form-options .forgot-password:hover{color:#000}.auth-form .submit-btn{width:100%;padding:12px 24px;background:#111827;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.auth-form .submit-btn:hover:not(:disabled){background:#000}.auth-form .submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-form .submit-btn .loading-container{display:flex;align-items:center;gap:8px}.auth-form .submit-btn .loading-container .loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}.auth-footer{padding:20px 40px 32px;text-align:center;border-top:1px solid #e5e7eb}@media (max-width: 768px){.auth-footer{padding:16px 24px 28px}}.auth-footer p{color:#6b7280;font-size:.875rem;margin:0}.auth-footer p .switch-mode{background:none;border:none;color:#111827;font-weight:600;cursor:pointer;text-decoration:underline}.auth-footer p .switch-mode:hover{color:#000}@media (max-width: 480px){.auth-modal{margin:8px;border-radius:8px}.auth-header{padding:24px 20px 16px}.auth-header h2{font-size:1.25rem}.auth-header p{font-size:.875rem}.auth-form{padding:0 20px 24px}.auth-form .form-row{grid-template-columns:1fr 1fr;gap:8px}.auth-form .form-group .input-container input{padding:10px 10px 10px 36px;font-size:.875rem}.auth-form .form-group .input-container>svg{left:10px;width:16px;height:16px}.auth-form .submit-btn{padding:12px 20px;font-size:.875rem}.close-btn{top:12px;right:12px;width:36px;height:36px}.close-btn .close-icon{font-size:24px;font-weight:300;color:#6b7280;line-height:1;-webkit-user-select:none;user-select:none}}.password-reset-success{text-align:center;padding:2rem 1rem}.password-reset-success .success-icon{font-size:3rem;margin-bottom:1rem;animation:bounceIn .8s ease-out}.password-reset-success h3{color:#333;margin-bottom:1rem;font-size:1.5rem}.password-reset-success p{color:#666;margin-bottom:1.5rem;line-height:1.6}.password-reset-success .reset-info{background:#f8f9fa;padding:1rem;border-radius:8px;margin:1.5rem 0;border-left:4px solid #007bff}.password-reset-success .reset-info p{margin:.5rem 0;font-size:.9rem}.password-reset-success .reset-info p:first-child{font-weight:600;color:#007bff}.password-reset-success .back-to-login{background:#6c757d;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.password-reset-success .back-to-login:hover{background:#5a6268;transform:translateY(-1px)}.forgot-header{text-align:center;margin-bottom:2rem}.forgot-header h3{color:#333;margin-bottom:.5rem;font-size:1.3rem}.forgot-header p{color:#666;font-size:.9rem;line-height:1.5}.forgot-footer{text-align:center;margin-top:1.5rem}.forgot-footer .back-link{background:none;border:none;color:#007bff;cursor:pointer;font-size:.9rem;text-decoration:underline;transition:color .3s ease}.forgot-footer .back-link:hover{color:#0056b3}.form-options{display:flex;justify-content:space-between;align-items:center;margin:1rem 0}.form-options .remember-me{display:flex;align-items:center;gap:.5rem;cursor:pointer}.form-options .remember-me input[type=checkbox]{margin:0}.form-options .remember-me .checkmark{color:transparent;transition:color .3s ease}.form-options .remember-me .checkmark svg{width:16px;height:16px}.form-options .remember-me input:checked+.checkmark{color:#007bff}.form-options .forgot-password{background:none;border:none;color:#007bff;cursor:pointer;font-size:.9rem;text-decoration:underline;transition:color .3s ease}.form-options .forgot-password:hover{color:#0056b3}.password-strength{margin-top:.5rem}.password-strength .strength-bar{height:4px;border-radius:2px;transition:all .3s ease;margin-bottom:.25rem}.password-strength .strength-text{font-size:.8rem;font-weight:500;text-transform:capitalize}.password-match{font-size:.8rem;margin-top:.5rem;font-weight:500}.password-match.match{color:#28a745}.password-match.no-match{color:#dc3545}.password-requirements{background:#f8f9fa;padding:1rem;border-radius:6px;margin:1rem 0;border-left:4px solid #6c757d}.password-requirements p{margin:0 0 .5rem;font-size:.9rem;font-weight:600;color:#333}.password-requirements ul li{font-size:.8rem;color:#666;margin:.25rem 0;padding-left:1rem;position:relative}.password-requirements ul li:before{content:"○";position:absolute;left:0;color:#ccc}.password-requirements ul li.requirement-met{color:#28a745}.password-requirements ul li.requirement-met:before{content:"✓";color:#28a745}.user-menu{position:absolute;top:calc(100% + 10px);right:0;width:320px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;box-shadow:0 25px 50px #00000026;z-index:1000;font-family:Inter,sans-serif;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.user-menu{width:280px;right:-10px}}@media (max-width: 480px){.user-menu{width:260px;right:-20px}}.user-menu.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.user-menu.animating .menu-container .menu-items .menu-item{animation:slideInUp .3s ease-out forwards}.user-menu.animating .menu-container .menu-items .menu-item:nth-child(1){animation-delay:.05s}.user-menu.animating .menu-container .menu-items .menu-item:nth-child(2){animation-delay:.1s}.user-menu.animating .menu-container .menu-items .menu-item:nth-child(3){animation-delay:.15s}.user-menu.animating .menu-container .menu-items .menu-item:nth-child(4){animation-delay:.2s}.user-menu.animating .menu-container .menu-items .menu-item:nth-child(5){animation-delay:.25s}.user-menu.animating .menu-container .menu-items .menu-item:nth-child(6){animation-delay:.3s}.user-menu.animating .menu-container .menu-items .menu-item:nth-child(7){animation-delay:.35s}.user-menu.animating .menu-container .menu-items .menu-item:nth-child(8){animation-delay:.4s}.user-menu.animating .menu-container .menu-items .menu-item:nth-child(9){animation-delay:.45s}.user-menu.animating .menu-container .menu-items .menu-item:nth-child(10){animation-delay:.5s}.user-menu .menu-container{padding:1.5rem}.user-menu .menu-container .user-info-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(0,0,0,.1)}.user-menu .menu-container .user-info-header .user-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;flex-shrink:0;position:relative;border:2px solid rgba(102,126,234,.2)}.user-menu .menu-container .user-info-header .user-avatar img{width:100%;height:100%;object-fit:cover}.user-menu .menu-container .user-info-header .user-avatar .avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.user-menu .menu-container .user-info-header .user-avatar .avatar-placeholder svg{width:28px;height:28px;color:#fff}.user-menu .menu-container .user-info-header .user-details{flex:1;min-width:0}.user-menu .menu-container .user-info-header .user-details .user-name{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu .menu-container .user-info-header .user-details .user-email{font-size:.875rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu .menu-container .menu-items{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.user-menu .menu-container .menu-items .menu-item{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem;border:none;background:transparent;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;opacity:0;transform:translateY(20px)}.user-menu .menu-container .menu-items .menu-item:hover{background:#667eea1a;transform:translate(4px)}.user-menu .menu-container .menu-items .menu-item .item-icon{width:40px;height:40px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.user-menu .menu-container .menu-items .menu-item .item-icon svg{width:20px;height:20px;color:#667eea}.user-menu .menu-container .menu-items .menu-item .item-content{flex:1;min-width:0}.user-menu .menu-container .menu-items .menu-item .item-content .item-label{display:block;font-size:.9rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.user-menu .menu-container .menu-items .menu-item .item-content .item-description{display:block;font-size:.75rem;color:#6b7280;line-height:1.2}.user-menu .menu-container .menu-items .menu-item .item-arrow{width:16px;height:16px;color:#d1d5db;transform:rotate(-90deg);transition:all .2s ease}.user-menu .menu-container .menu-items .menu-item:hover .item-icon{background:linear-gradient(135deg,#667eea,#764ba2);transform:scale(1.05)}.user-menu .menu-container .menu-items .menu-item:hover .item-icon svg{color:#fff}.user-menu .menu-container .menu-items .menu-item:hover .item-arrow{color:#667eea;transform:rotate(-90deg) translate(2px)}.user-menu .menu-container .menu-footer{padding-top:1rem;border-top:1px solid rgba(0,0,0,.1)}.user-menu .menu-container .menu-footer .logout-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem;border:none;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.user-menu .menu-container .menu-footer .logout-btn:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);transform:translateY(-1px);box-shadow:0 4px 12px #dc262633}.user-menu .menu-container .menu-footer .logout-btn:active{transform:translateY(0)}.user-menu .menu-container .menu-footer .logout-btn svg{width:18px;height:18px}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.user-menu .menu-container{padding:1rem}.user-menu .menu-container .user-info-header{margin-bottom:1rem;padding-bottom:1rem}.user-menu .menu-container .user-info-header .user-avatar{width:45px;height:45px}.user-menu .menu-container .user-info-header .user-details .user-name{font-size:.9rem}.user-menu .menu-container .user-info-header .user-details .user-email{font-size:.8rem}.user-menu .menu-container .menu-items{gap:.25rem;margin-bottom:1rem}.user-menu .menu-container .menu-items .menu-item{padding:.875rem}.user-menu .menu-container .menu-items .menu-item .item-icon{width:36px;height:36px}.user-menu .menu-container .menu-items .menu-item .item-icon svg{width:18px;height:18px}.user-menu .menu-container .menu-items .menu-item .item-content .item-label{font-size:.85rem}.user-menu .menu-container .menu-items .menu-item .item-content .item-description{font-size:.7rem}.user-menu .menu-container .menu-footer .logout-btn{padding:.875rem;font-size:.85rem}.user-menu .menu-container .menu-footer .logout-btn svg{width:16px;height:16px}}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;background:#000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Inter,sans-serif}.navbar.scrolled{background:#fffffffa;box-shadow:0 8px 32px #0000001a;border-bottom:1px solid rgba(0,0,0,.05)}.navbar.scrolled .navbar-menu .nav-link{color:#374151}.navbar.scrolled .navbar-menu .nav-link:hover,.navbar.scrolled .navbar-menu .nav-link.active{color:#667eea}.navbar.scrolled .navbar-actions .action-btn{color:#374151}.navbar.scrolled .navbar-actions .action-btn:hover{color:#667eea}.navbar.scrolled .mobile-menu-btn,.navbar.scrolled .user-menu-trigger .user-name{color:#374151}.navbar.scrolled .user-menu-trigger:hover{background:#667eea1a}.navbar .navbar-container{max-width:1400px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:90px}.navbar .navbar-logo{display:flex;align-items:center;gap:8px;cursor:pointer;transition:transform .3s ease;position:relative;z-index:10}.navbar .navbar-logo:before{content:"";position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:radial-gradient(circle,rgba(102,126,234,.1) 0%,transparent 70%);border-radius:50%;opacity:0;animation:logoGlow 4s ease-in-out infinite;z-index:-1}.navbar .navbar-logo .logo-image{height:200px;width:auto;object-fit:contain;border-radius:8px;transition:all .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 8px rgba(0,0,0,.1));position:relative;z-index:2}.navbar .navbar-logo .logo-shimmer{position:absolute;top:0;left:-50px;width:50px;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);transform:translate(-100px);transition:all .8s ease-out;opacity:0;z-index:3;pointer-events:none}.navbar .navbar-logo .logo-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.navbar .navbar-logo .logo-particles .particle{position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;opacity:0;transform:scale(0);transition:all .3s ease}.navbar .navbar-logo .logo-particles .particle.particle-1{top:20%;left:15px;animation:particleFloat1 4s ease-in-out infinite;animation-delay:0s}.navbar .navbar-logo .logo-particles .particle.particle-2{top:60%;right:-15px;animation:particleFloat2 5s ease-in-out infinite;animation-delay:1s}.navbar .navbar-logo .logo-particles .particle.particle-3{bottom:20%;left:50%;animation:particleFloat3 6s ease-in-out infinite;animation-delay:2s}.navbar .navbar-logo .logo-particles .particle.particle-4{top:10%;right:20%;animation:particleFloat4 4.5s ease-in-out infinite;animation-delay:.5s}.navbar .navbar-menu{display:flex;align-items:center;gap:40px}.navbar .navbar-menu .nav-link{position:relative;text-decoration:none;color:#fff;font-weight:500;font-size:1rem;padding:8px 0;transition:all .3s ease;overflow:hidden}.navbar .navbar-menu .nav-link span{position:relative;z-index:2}.navbar .navbar-menu .nav-link .nav-indicator{position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s cubic-bezier(.4,0,.2,1)}.navbar .navbar-menu .nav-link:hover{color:#667eea;transform:translateY(-1px)}.navbar .navbar-menu .nav-link:hover .nav-indicator{width:100%}.navbar .navbar-menu .nav-link.active{color:#667eea;font-weight:600}.navbar .navbar-menu .nav-link.active .nav-indicator{width:100%}.navbar .navbar-actions{display:flex;align-items:center;gap:16px}.navbar .navbar-actions .action-btn{position:relative;background:none;border:none;cursor:pointer;padding:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff}.navbar .navbar-actions .action-btn svg{width:22px;height:22px;transition:all .3s ease}.navbar .navbar-actions .action-btn .tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%);background:#1f2937;color:#fff;padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;margin-top:8px}.navbar .navbar-actions .action-btn .tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #1f2937}.navbar .navbar-actions .action-btn .badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.75rem;font-weight:600;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ef44444d}.navbar .navbar-actions .action-btn:hover{background:#667eea1a;color:#667eea;transform:translateY(-2px)}.navbar .navbar-actions .action-btn:hover svg{transform:scale(1.1)}.navbar .navbar-actions .action-btn:hover .tooltip{opacity:1;visibility:visible}.navbar .navbar-actions .action-btn.search-btn:hover{background:#22c55e1a;color:#22c55e}.navbar .navbar-actions .action-btn.cart-btn:hover{background:#ef44441a;color:#ef4444}.navbar .navbar-actions .action-btn.wishlist-btn:hover{background:#ec48991a;color:#ec4899}.navbar .navbar-actions .action-btn .user-menu-container{position:relative}.navbar .mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:8px;color:#374151}.navbar .mobile-menu-btn svg{width:24px;height:24px}.navbar .mobile-menu{position:absolute;top:100%;left:0;width:100%;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);max-height:85vh;overflow:hidden}.navbar .mobile-menu.open{transform:translateY(0);opacity:1;visibility:visible}.navbar .mobile-menu .mobile-menu-content{padding:24px;display:flex;flex-direction:column;gap:16px;max-height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.navbar .mobile-menu .mobile-menu-content::-webkit-scrollbar{width:4px}.navbar .mobile-menu .mobile-menu-content::-webkit-scrollbar-track{background:transparent}.navbar .mobile-menu .mobile-menu-content::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.navbar .mobile-menu .mobile-menu-content::-webkit-scrollbar-thumb:hover{background:#0000004d}@media (max-width: 480px){.navbar .mobile-menu .mobile-menu-content{max-height:70vh;padding:16px;gap:12px}}@media (max-height: 600px){.navbar .mobile-menu .mobile-menu-content{max-height:60vh}}.navbar .mobile-menu .mobile-menu-content .mobile-nav-link{text-decoration:none;color:#374151;font-weight:500;font-size:1.1rem;padding:16px 0;border-bottom:1px solid rgba(0,0,0,.05);transition:all .3s ease}.navbar .mobile-menu .mobile-menu-content .mobile-nav-link:hover{color:#667eea;transform:translate(8px)}.navbar .mobile-menu .mobile-menu-content .mobile-actions{margin-top:16px;padding-top:16px;border-top:2px solid rgba(0,0,0,.1);display:flex;flex-direction:column;gap:16px}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-user-info{display:flex;align-items:center;gap:16px;padding:20px 16px;margin:16px 0;background:linear-gradient(135deg,#0000000d,#00000005);border:2px solid rgba(0,0,0,.08);border-radius:16px}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-user-info .mobile-user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#000,#374151);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;letter-spacing:.5px;flex-shrink:0}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-user-info .mobile-user-details{flex:1;min-width:0}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-user-info .mobile-user-details .user-name{display:block;font-size:1.1rem;font-weight:700;color:#000;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-user-info .mobile-user-details .user-email{display:block;font-size:.9rem;color:#6b7280;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-user-section{margin:16px 0}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-user-section .mobile-user-trigger{display:flex;align-items:center;gap:16px;padding:20px 16px;background:linear-gradient(135deg,#0000000d,#00000005);border:2px solid rgba(0,0,0,.08);border-radius:16px;width:100%;cursor:pointer;transition:all .3s ease}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-user-section .mobile-user-trigger:hover{background:linear-gradient(135deg,#00000014,#0000000d);border-color:#00000026;transform:translateY(-1px)}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-user-section .mobile-user-trigger .mobile-user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#000,#374151);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;letter-spacing:.5px;flex-shrink:0}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-user-section .mobile-user-trigger .mobile-user-details{flex:1;min-width:0}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-user-section .mobile-user-trigger .mobile-user-details .user-name{display:block;font-size:1.1rem;font-weight:700;color:#000;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-user-section .mobile-user-trigger .mobile-user-details .user-email{display:block;font-size:.9rem;color:#6b7280;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-user-section .mobile-user-trigger svg{width:20px;height:20px;color:#6b7280;transition:transform .3s ease}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-user-section .mobile-user-dropdown{margin-top:8px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;animation:slideDown .3s ease}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-user-section .mobile-user-dropdown .mobile-menu-item{display:flex;align-items:center;gap:12px;padding:16px 20px;background:transparent;border:none;color:#374151;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;width:100%;text-align:left}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-user-section .mobile-user-dropdown .mobile-menu-item svg{width:20px;height:20px;color:#6b7280;transition:color .3s ease}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-user-section .mobile-user-dropdown .mobile-menu-item:hover{background:#f9fafb;color:#111827}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-user-section .mobile-user-dropdown .mobile-menu-item:hover svg{color:#374151}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-user-section .mobile-user-dropdown .mobile-menu-item.logout{color:#dc2626}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-user-section .mobile-user-dropdown .mobile-menu-item.logout svg{color:#dc2626}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-user-section .mobile-user-dropdown .mobile-menu-item.logout:hover{background:#fef2f2;color:#b91c1c}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-user-section .mobile-user-dropdown .mobile-menu-item.logout:hover svg{color:#b91c1c}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-user-section .mobile-user-dropdown .mobile-menu-divider{height:1px;background:#0000001a;margin:0}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-auth-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;padding:0}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-auth-buttons .mobile-auth-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;border-radius:12px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid;background:linear-gradient(145deg,#fff,#f8f9fa)}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-auth-buttons .mobile-auth-btn svg{width:18px;height:18px}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-auth-buttons .mobile-auth-btn.primary{background:linear-gradient(135deg,#000,#374151);color:#fff;border-color:#000}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-auth-buttons .mobile-auth-btn.primary:hover{background:linear-gradient(135deg,#1f2937,#000);transform:translateY(-2px);box-shadow:0 8px 20px #00000040}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-auth-buttons .mobile-auth-btn.secondary{background:linear-gradient(145deg,#fff,#f8f9fa);color:#000;border-color:#00000026}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-auth-buttons .mobile-auth-btn.secondary:hover{background:linear-gradient(145deg,#f8f9fa,#fff);transform:translateY(-2px);box-shadow:0 8px 20px #0000001f;border-color:#000}@media (max-width: 480px){.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-auth-buttons .mobile-auth-btn{padding:12px 14px;font-size:.85rem;border-radius:10px}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-auth-buttons .mobile-auth-btn svg{width:16px;height:16px}}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-action-btn{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(145deg,#fff,#f8f9fa);border:2px solid rgba(0,0,0,.08);border-radius:12px;font-size:1rem;font-weight:600;color:#000;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:12px}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-action-btn svg{width:20px;height:20px;color:#374151;transition:all .3s ease}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-action-btn:hover{background:linear-gradient(145deg,#f8f9fa,#fff);transform:translate(4px);box-shadow:0 8px 20px #0000001a;border-color:#00000026}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-action-btn:hover svg{color:#000}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-action-btn.logout{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border-color:#dc2626}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-action-btn.logout svg{color:#fff}.navbar .mobile-menu .mobile-menu-content .mobile-actions .mobile-action-btn.logout:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 8px 20px #dc26264d}@keyframes sparkle{0%,to{transform:rotate(0) scale(1);opacity:1}50%{transform:rotate(180deg) scale(1.2);opacity:.8}}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(1deg)}50%{transform:translateY(-4px) rotate(0)}75%{transform:translateY(-12px) rotate(-1deg)}}@keyframes logoGlow{0%,to{opacity:0;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes sparkleFloat{0%,to{opacity:0;transform:translateY(0) rotate(0) scale(1)}25%{opacity:.7;transform:translateY(-5px) rotate(90deg) scale(1.2)}50%{opacity:1;transform:translateY(-10px) rotate(180deg) scale(.8)}75%{opacity:.7;transform:translateY(-5px) rotate(270deg) scale(1.1)}}@keyframes sparkleHover{0%{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.5) rotate(180deg);opacity:.8}to{transform:scale(1) rotate(360deg);opacity:1}}@keyframes particleFloat1{0%,to{opacity:.3;transform:translateY(0) translate(0) scale(1)}25%{opacity:.8;transform:translateY(-15px) translate(5px) scale(1.2)}50%{opacity:1;transform:translateY(-8px) translate(-3px) scale(.8)}75%{opacity:.6;transform:translateY(-20px) translate(8px) scale(1.1)}}@keyframes particleFloat2{0%,to{opacity:.4;transform:translateY(0) translate(0) rotate(0)}33%{opacity:.9;transform:translateY(-12px) translate(-8px) rotate(120deg)}66%{opacity:.7;transform:translateY(-6px) translate(4px) rotate(240deg)}}@keyframes particleFloat3{0%,to{opacity:.2;transform:translateY(0) scale(1)}50%{opacity:.8;transform:translateY(-25px) scale(1.3)}}@keyframes particleFloat4{0%,to{opacity:.5;transform:translateY(0) translate(0) rotate(0) scale(1)}20%{opacity:.8;transform:translateY(-8px) translate(-5px) rotate(72deg) scale(1.1)}40%{opacity:1;transform:translateY(-16px) translate(3px) rotate(144deg) scale(.9)}60%{opacity:.9;transform:translateY(-12px) translate(7px) rotate(216deg) scale(1.2)}80%{opacity:.7;transform:translateY(-4px) translate(-2px) rotate(288deg) scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.navbar .navbar-container{padding:0 20px}.navbar .navbar-menu{gap:32px}.navbar .navbar-menu .nav-link{font-size:.9rem}.navbar .navbar-actions{gap:12px}.navbar .navbar-actions .action-btn{padding:10px}.navbar .navbar-actions .action-btn svg{width:20px;height:20px}}@media (max-width: 768px){.navbar .navbar-container{height:80px;padding:0 16px}.navbar .navbar-logo .logo-image{height:70px}.navbar .navbar-menu{display:none}.navbar .navbar-actions{gap:8px}.navbar .navbar-actions .action-btn{padding:8px}.navbar .navbar-actions .action-btn svg{width:18px;height:18px}.navbar .navbar-actions .action-btn .badge{width:16px;height:16px;font-size:.7rem;top:6px;right:6px}.navbar .mobile-menu-btn{display:block}.navbar .mobile-menu{max-height:80vh}.navbar .mobile-menu .mobile-menu-content{max-height:80vh;padding:20px}}@media (max-width: 480px){.navbar .navbar-container{height:75px;padding:0 12px}.navbar .navbar-logo .logo-image{height:60px}.navbar .navbar-logo .logo-sparkle{font-size:1rem}.navbar .navbar-actions .action-btn .tooltip{display:none}}.search-container{position:relative}.search-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999999;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:flex-start;justify-content:center;padding:5vh 1rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.search-overlay.open{opacity:1;visibility:visible}.search-overlay .search-modal{width:100%;max-width:800px;background:#fff;border-radius:24px;box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff1a;transform:translateY(-50px);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow:hidden;max-height:90vh;display:flex;flex-direction:column;margin:auto 0;position:relative}.search-overlay.open .search-overlay .search-modal{transform:translateY(0)}@media (max-width: 768px){.search-overlay .search-modal{max-height:85vh;border-radius:16px;margin-top:0;margin-bottom:2rem}}@media (max-width: 480px){.search-overlay .search-modal{max-height:90vh;border-radius:12px;margin-top:0;margin-bottom:1rem}}.search-header{display:flex;align-items:center;gap:1rem;padding:2rem 2rem 1rem;border-bottom:1px solid #f3f4f6}.search-header .search-input-container{flex:1;position:relative;display:flex;align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:16px;transition:all .3s ease}.search-header .search-input-container:focus-within{border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea1a}.search-header .search-input-container .search-icon{width:1.25rem;height:1.25rem;color:#6b7280;margin:0 1rem;flex-shrink:0}.search-header .search-input-container .search-input{flex:1;border:none;background:transparent;padding:1rem 0;font-size:1.125rem;font-weight:500;color:#1f2937;outline:none}.search-header .search-input-container .search-input::placeholder{color:#9ca3af;font-weight:400}.search-header .search-input-container .clear-search{background:none;border:none;padding:.5rem;margin-right:.5rem;color:#6b7280;cursor:pointer;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.search-header .search-input-container .clear-search svg{width:1.25rem;height:1.25rem}.search-header .search-input-container .clear-search:hover{background:#f3f4f6;color:#374151}.search-header .close-search{background:#f3f4f6;border:none;padding:.75rem;color:#6b7280;cursor:pointer;border-radius:12px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.search-header .close-search svg{width:1.25rem;height:1.25rem}.search-header .close-search:hover{background:#e5e7eb;color:#374151}.search-content{flex:1;overflow-y:auto;padding:0 2rem;max-height:60vh}.search-content::-webkit-scrollbar{width:6px}.search-content::-webkit-scrollbar-track{background:#f9fafb}.search-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.search-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0;color:#6b7280}.search-loading .loading-spinner{width:2rem;height:2rem;border:2px solid #e5e7eb;border-top:2px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.search-loading span{font-weight:500}.search-section{margin-bottom:2rem}.search-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.search-section .section-header h4{font-size:1rem;font-weight:600;color:#374151;margin:0;display:flex;align-items:center;gap:.5rem}.search-section .section-header h4 svg{width:1rem;height:1rem;color:#667eea}.search-section .section-header .results-count{font-size:.875rem;color:#6b7280;font-weight:500}.search-section .section-header .clear-btn{background:none;border:none;color:#667eea;font-size:.875rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;border-radius:6px;transition:all .2s ease}.search-section .section-header .clear-btn:hover{background:#667eea1a;color:#5b6ad6}.search-results{display:grid;gap:.75rem}.search-result-item{display:flex;gap:1rem;padding:1rem;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;opacity:0;transform:translateY(10px);animation:slideInUp .4s cubic-bezier(.4,0,.2,1) forwards}.search-result-item:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea26;transform:translateY(-2px)}.search-result-item .product-image{width:80px;height:80px;border-radius:8px;overflow:hidden;position:relative;flex-shrink:0}.search-result-item .product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.search-result-item .product-image .product-badge{position:absolute;top:.25rem;left:.25rem;background:#667eea;color:#fff;font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:4px;text-transform:uppercase;letter-spacing:.025em}.search-result-item .product-image .product-badge.badge-new{background:#10b981}.search-result-item .product-image .product-badge.badge-sale{background:#ef4444}.search-result-item .product-image .product-badge.badge-limited{background:#f59e0b}.search-result-item .product-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.search-result-item .product-info .product-name{font-size:1rem;font-weight:600;color:#1f2937;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result-item .product-info .product-category{font-size:.875rem;color:#6b7280;font-weight:500;margin:0;text-transform:capitalize}.search-result-item .product-info .product-price{display:flex;align-items:center;gap:.5rem}.search-result-item .product-info .product-price .current-price{font-size:1rem;font-weight:700;color:#1f2937}.search-result-item .product-info .product-price .original-price{font-size:.875rem;color:#9ca3af;text-decoration:line-through;font-weight:500}.search-result-item .product-info .product-rating{display:flex;align-items:center;gap:.5rem}.search-result-item .product-info .product-rating .stars{display:flex;gap:.125rem}.search-result-item .product-info .product-rating .stars span{font-size:.875rem}.search-result-item .product-info .product-rating .stars span.filled{color:#fbbf24}.search-result-item .product-info .product-rating .stars span.empty{color:#d1d5db}.search-result-item .product-info .product-rating .rating-text{font-size:.75rem;color:#6b7280;font-weight:500}.view-all-results{width:100%;background:#667eea;color:#fff;border:none;padding:.875rem 1.5rem;border-radius:12px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;margin-top:1rem}.view-all-results:hover{background:#5b6ad6;transform:translateY(-1px);box-shadow:0 8px 20px #667eea4d}.no-results{text-align:center;padding:3rem 0;color:#6b7280}.no-results .no-results-icon{width:4rem;height:4rem;margin:0 auto 1.5rem;color:#d1d5db}.no-results .no-results-icon svg{width:100%;height:100%}.no-results h4{font-size:1.25rem;font-weight:600;color:#374151;margin:0 0 .5rem}.no-results p{font-size:1rem;margin:0;line-height:1.6}.search-suggestions{display:flex;flex-wrap:wrap;gap:.5rem}.suggestion-item{background:#f9fafb;border:1px solid #e5e7eb;color:#6b7280;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.suggestion-item svg{width:.875rem;height:.875rem}.suggestion-item:hover{background:#667eea;color:#fff;border-color:#667eea;transform:translateY(-1px)}.suggestion-item.recent{border-color:#d1d5db}.suggestion-item.recent:hover{background:#374151;border-color:#374151}.suggestion-item.popular{border-color:#fbbf24}.suggestion-item.popular:hover{background:#fbbf24;color:#1f2937;border-color:#fbbf24}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media (max-width: 640px){.quick-actions{grid-template-columns:1fr}}.quick-action-item{background:#f9fafb;border:1px solid #e5e7eb;padding:1rem;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;text-align:left}.quick-action-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.quick-action-item .action-icon{font-size:1.5rem;flex-shrink:0}.quick-action-item span:last-child{font-weight:500;color:#374151;font-size:.875rem}.search-footer{padding:1rem 2rem 2rem;border-top:1px solid #f3f4f6}.search-footer .search-tips{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280;justify-content:center}.search-footer .search-tips kbd{background:#f3f4f6;color:#6b7280;padding:.125rem .375rem;border-radius:4px;font-family:monospace;font-size:.6875rem;font-weight:600;border:1px solid #e5e7eb}.mobile-search{margin-bottom:1.5rem}.mobile-search .mobile-search-input-container{display:flex;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease}.mobile-search .mobile-search-input-container:focus-within{border-color:#667eea;background:#ffffff1a}.mobile-search .mobile-search-input-container .search-icon{width:1rem;height:1rem;color:#fff9;margin:0 .75rem}.mobile-search .mobile-search-input-container .mobile-search-input{flex:1;background:transparent;border:none;padding:.875rem 0;color:#fff;font-size:1rem;outline:none}.mobile-search .mobile-search-input-container .mobile-search-input::placeholder{color:#ffffff80}.mobile-search .mobile-search-input-container .clear-search{background:none;border:none;padding:.5rem;margin-right:.5rem;color:#fff9;cursor:pointer}.mobile-search .mobile-search-input-container .clear-search svg{width:1rem;height:1rem}.mobile-search .mobile-search-input-container .clear-search:hover{color:#fff}.mobile-search-results{margin-top:1rem;background:#ffffff0d;border-radius:12px;padding:.5rem;border:1px solid rgba(255,255,255,.1)}.mobile-search-result-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;cursor:pointer;border-radius:8px;transition:all .2s ease}.mobile-search-result-item:hover{background:#ffffff1a}.mobile-search-result-item img{width:40px;height:40px;border-radius:6px;object-fit:cover}.mobile-search-result-item .mobile-product-info{flex:1}.mobile-search-result-item .mobile-product-info h6{font-size:.875rem;font-weight:600;color:#fff;margin:0 0 .25rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.mobile-search-result-item .mobile-product-info span{font-size:.75rem;color:#ffffffb3;font-weight:500}.view-all-mobile{width:100%;background:#667eea;color:#fff;border:none;padding:.75rem;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;margin-top:.5rem;transition:all .2s ease}.view-all-mobile:hover{background:#5b6ad6}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.search-overlay{padding:8vh .75rem 2vh;align-items:flex-start;justify-content:center}.search-overlay .search-modal{width:100%;max-height:85vh;border-radius:16px;margin:0;min-height:60vh;margin-top:2rem}.search-header{padding:1.25rem 1.25rem 1rem;gap:.75rem;flex-direction:row;align-items:center}.search-header .search-input-container{flex:1;min-width:0}.search-header .search-input-container .search-input{font-size:1rem;padding:.875rem 0}.search-header .close-search{flex-shrink:0;padding:.625rem;border-radius:8px}.search-content{padding:0 1.25rem;max-height:60vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.search-footer{padding:1rem 1.25rem 1.25rem}.search-footer .search-tips{display:none;font-size:.75rem}.search-footer .search-tips kbd{padding:.25rem .5rem;font-size:.7rem}.search-section{margin-bottom:1.5rem}.search-section .section-header h4{font-size:.875rem}.search-suggestions{gap:.5rem}.search-suggestions .suggestion-item{padding:.5rem .75rem;font-size:.8rem;border-radius:8px}.search-result-item{padding:.875rem}.search-result-item .product-image{width:60px;height:60px;border-radius:8px}.search-result-item .product-info{gap:.25rem}.search-result-item .product-info .product-name{font-size:.875rem;line-height:1.3;-webkit-line-clamp:2}.search-result-item .product-info .product-category{font-size:.75rem}.search-result-item .product-info .product-rating .stars{gap:.125rem}.search-result-item .product-info .product-rating .stars span{font-size:.75rem}.search-result-item .product-info .product-rating .rating-text{font-size:.7rem}.search-result-item .product-info .product-price .current-price{font-size:.875rem}.search-result-item .product-info .product-price .original-price{font-size:.75rem}.quick-actions{grid-template-columns:1fr;gap:.75rem}.quick-actions .quick-action-item{padding:.875rem 1rem;border-radius:8px}.quick-actions .quick-action-item .action-icon{font-size:1.25rem}.quick-actions .quick-action-item span:last-child{font-size:.875rem}.view-all-results{padding:.875rem 1.25rem;font-size:.875rem;border-radius:8px}}@media (max-width: 480px){.search-overlay{padding:10vh .5rem 2vh;align-items:flex-start;justify-content:center}.search-overlay .search-modal{border-radius:12px;max-height:90vh;min-height:70vh;margin-top:1.5rem}.search-header{padding:1rem;gap:.5rem}.search-header .search-input-container .search-icon{width:1rem;height:1rem;margin:0 .75rem}.search-header .search-input-container .search-input{font-size:.9rem;padding:.75rem 0}.search-header .search-input-container .search-input::placeholder{font-size:.9rem}.search-header .search-input-container .clear-search{padding:.375rem;margin-right:.375rem}.search-header .search-input-container .clear-search svg{width:1rem;height:1rem}.search-header .close-search{padding:.5rem}.search-header .close-search svg{width:1rem;height:1rem}.search-content{padding:0 1rem;max-height:65vh}.search-footer{padding:.75rem 1rem}.search-result-item{padding:.75rem}.search-result-item .product-image{width:50px;height:50px}.search-result-item .product-info .product-name{font-size:.8rem}.search-result-item .product-info .product-category{font-size:.7rem}.search-result-item .product-info .product-rating .rating-text{font-size:.65rem}.search-result-item .product-info .product-price .current-price{font-size:.8rem}.search-suggestions .suggestion-item{padding:.375rem .625rem;font-size:.75rem}.no-results{padding:2rem 0}.no-results .no-results-icon{width:3rem;height:3rem;margin-bottom:1rem}.no-results h4{font-size:1.125rem}.no-results p{font-size:.875rem}}.nav-link:focus,.nav-link:focus-visible,.action-btn:focus,.action-btn:focus-visible,.mobile-menu-btn:focus,.mobile-menu-btn:focus-visible{outline:2px solid #6C63FF;outline-offset:2px;box-shadow:0 0 0 2px #e0e7ff;border-radius:6px;z-index:2}.categories-section{padding:120px 0;background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Inter,sans-serif;position:relative;overflow:hidden}.categories-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23667eea' fill-opacity='0.02'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");animation:patternFloat 20s linear infinite}.categories-section .categories-container{max-width:1400px;margin:0 auto;padding:0 24px;position:relative;z-index:2}.categories-section .section-header{text-align:center;margin-bottom:80px;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.categories-section .section-header .section-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 24px;border-radius:50px;font-size:.9rem;font-weight:600;margin-bottom:24px;box-shadow:0 8px 32px #667eea4d}.categories-section .section-header .section-badge svg{width:18px;height:18px}.categories-section .section-header .section-title{font-size:3.5rem;font-weight:800;margin-bottom:24px;background:linear-gradient(135deg,#1f2937,#374151);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.categories-section .section-header .section-title .title-accent{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.categories-section .section-header .section-subtitle{font-size:1.25rem;color:#6b7280;max-width:600px;margin:0 auto;line-height:1.6}.categories-section .categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px;margin-top:60px}.categories-section .category-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(40px) scale(.95);position:relative;cursor:pointer}.categories-section .category-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea0d,#764ba20d);opacity:0;transition:opacity .3s ease;z-index:1}.categories-section .category-card.loading .detail-value{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.categories-section .category-card.loading .detail-value:after{content:"";display:block;width:100%;height:1em}.categories-section .category-card .category-accent{position:absolute;bottom:0;left:0;right:0;height:4px;opacity:0;transition:all .3s ease}.categories-section .category-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 32px 80px #00000026}.categories-section .category-card:hover:before{opacity:1}.categories-section .category-card:hover .category-accent{opacity:1;height:8px}.categories-section .category-card:hover .card-image img{transform:scale(1.1)}.categories-section .category-card:hover .card-image .image-overlay{opacity:1}.categories-section .category-card:hover .explore-btn{transform:translateY(0);opacity:1}.categories-section .category-card:active{transform:translateY(-8px) scale(1.01)}.categories-section .category-card.animate{opacity:1;transform:translateY(0) scale(1);animation-delay:var(--delay)}.categories-section .category-card .card-image{position:relative;height:280px;overflow:hidden}.categories-section .category-card .card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.categories-section .category-card .card-image .image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0006,#667eea4d);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .4s ease}.categories-section .category-card .card-image .image-overlay .overlay-content{text-align:center;color:#fff}.categories-section .category-card .card-image .image-overlay .overlay-content .category-icon{width:48px;height:48px;margin-bottom:16px;opacity:.9}.categories-section .category-card .card-image .image-overlay .overlay-content .explore-btn{display:flex;align-items:center;gap:8px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#fff;padding:12px 24px;border-radius:50px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;transform:translateY(20px);opacity:0}.categories-section .category-card .card-image .image-overlay .overlay-content .explore-btn svg{width:16px;height:16px;transition:transform .3s ease}.categories-section .category-card .card-image .image-overlay .overlay-content .explore-btn:hover{background:#ffffff4d;transform:translateY(0) scale(1.05)}.categories-section .category-card .card-image .image-overlay .overlay-content .explore-btn:hover svg{transform:translate(4px)}.categories-section .category-card .card-content{padding:32px;position:relative;z-index:2}.categories-section .category-card .card-content .category-info{margin-bottom:24px}.categories-section .category-card .card-content .category-info .category-name{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:12px}.categories-section .category-card .card-content .category-info .category-description{color:#6b7280;font-size:1rem;line-height:1.6}.categories-section .category-card .card-content .category-details{display:flex;justify-content:space-between;margin-bottom:24px;padding:16px;background:#f8fafc;border-radius:12px}.categories-section .category-card .card-content .category-details .detail-item{text-align:center}.categories-section .category-card .card-content .category-details .detail-item .detail-label{display:block;font-size:.85rem;color:#9ca3af;font-weight:500;margin-bottom:4px}.categories-section .category-card .card-content .category-details .detail-item .detail-value{font-size:.95rem;font-weight:600;color:#374151}.categories-section .category-card .card-content .category-features{margin-bottom:32px}.categories-section .category-card .card-content .category-features .features-title{font-size:1rem;font-weight:600;color:#374151;margin-bottom:12px}.categories-section .category-card .card-content .category-features .features-list{display:flex;flex-wrap:wrap;gap:8px}.categories-section .category-card .card-content .category-features .features-list .feature-tag{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4338ca;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:500}.categories-section .category-card .card-content .view-category-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.categories-section .category-card .card-content .view-category-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.categories-section .category-card .card-content .view-category-btn svg{width:18px;height:18px;transition:transform .3s ease}.categories-section .category-card .card-content .view-category-btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px #667eea66}.categories-section .category-card .card-content .view-category-btn:hover:before{left:100%}.categories-section .category-card .card-content .view-category-btn:hover svg{transform:translate(4px)}.categories-section.visible .section-header{opacity:1;transform:translateY(0)}.categories-section.visible .category-card{animation:cardSlideUp .8s cubic-bezier(.4,0,.2,1) forwards}@keyframes cardSlideUp{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 1024px){.categories-section{padding:80px 0}.categories-section .categories-container{padding:0 20px}.categories-section .section-header{margin-bottom:60px}.categories-section .section-header .section-title{font-size:2.75rem}.categories-section .section-header .section-subtitle{font-size:1.1rem}.categories-section .categories-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px}.categories-section .category-card .card-content{padding:24px}}@media (max-width: 768px){.categories-section{padding:60px 0}.categories-section .categories-container{padding:0 16px}.categories-section .section-header{margin-bottom:40px}.categories-section .section-header .section-title{font-size:2.25rem}.categories-section .section-header .section-subtitle{font-size:1rem}.categories-section .categories-grid{grid-template-columns:1fr;gap:24px}.categories-section .category-card .card-image{height:180px}.categories-section .category-card .card-content{padding:16px}.categories-section .category-card .card-content .category-info{margin-bottom:16px}.categories-section .category-card .card-content .category-info .category-name{font-size:1.4rem;margin-bottom:8px}.categories-section .category-card .card-content .category-info .category-description{font-size:.9rem;line-height:1.5}.categories-section .category-card .card-content .category-details{flex-direction:column;gap:8px;margin-bottom:16px;padding:12px}.categories-section .category-card .card-content .category-details .detail-item{text-align:left;display:flex;justify-content:space-between;align-items:center}.categories-section .category-card .card-content .category-details .detail-item .detail-label,.categories-section .category-card .card-content .category-details .detail-item .detail-value{font-size:.85rem}.categories-section .category-card .card-content .category-features{margin-bottom:20px}.categories-section .category-card .card-content .category-features .features-title{font-size:.9rem;margin-bottom:8px}.categories-section .category-card .card-content .category-features .features-list{gap:6px}.categories-section .category-card .card-content .category-features .features-list .feature-tag{font-size:.75rem;padding:4px 8px}.categories-section .category-card .card-content .view-category-btn{width:100%;padding:12px 24px;font-size:.9rem}}@media (max-width: 480px){.categories-section .section-header .section-title{font-size:1.875rem}.categories-section .section-header .section-badge{padding:10px 20px;font-size:.8rem}.categories-section .category-card .card-image{height:160px}.categories-section .category-card .card-content{padding:14px}.categories-section .category-card .card-content .category-info{margin-bottom:14px}.categories-section .category-card .card-content .category-info .category-name{font-size:1.25rem}.categories-section .category-card .card-content .category-info .category-description{font-size:.85rem}.categories-section .category-card .card-content .category-details{margin-bottom:14px;padding:10px}.categories-section .category-card .card-content .category-details .detail-item .detail-label,.categories-section .category-card .card-content .category-details .detail-item .detail-value{font-size:.8rem}.categories-section .category-card .card-content .category-features{margin-bottom:16px}.categories-section .category-card .card-content .category-features .features-title{font-size:.85rem}.categories-section .category-card .card-content .category-features .feature-tag{font-size:.7rem;padding:3px 6px}.categories-section .category-card .card-content .view-category-btn{padding:10px 20px;font-size:.85rem}}.features-section{padding:120px 0;background:#000;color:#fff;font-family:Inter,sans-serif;position:relative;overflow:hidden}.features-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(102,126,234,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(118,75,162,.1) 0%,transparent 50%);pointer-events:none}.features-section .features-container{max-width:1400px;margin:0 auto;padding:0 24px;position:relative;z-index:2}.features-section .stats-section{margin-bottom:100px}.features-section .stats-section .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.features-section .stats-section .stats-grid .stat-card{display:flex;align-items:center;gap:20px;padding:32px;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(30px)}.features-section .stats-section .stats-grid .stat-card:hover{transform:translateY(-8px);background:#ffffff14;border-color:#667eea4d;box-shadow:0 20px 40px #667eea33}.features-section .stats-section .stats-grid .stat-card.animate{opacity:1;transform:translateY(0);animation-delay:var(--delay);animation:statSlideUp .8s cubic-bezier(.4,0,.2,1) forwards}.features-section .stats-section .stats-grid .stat-card .stat-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;flex-shrink:0}.features-section .stats-section .stats-grid .stat-card .stat-icon svg{width:28px;height:28px;color:#fff}.features-section .stats-section .stats-grid .stat-card .stat-content .stat-number{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#fff,#f1f5f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:8px}.features-section .stats-section .stats-grid .stat-card .stat-content .stat-label{font-size:1rem;color:#94a3b8;font-weight:500}.features-section .features-content .section-header{text-align:center;margin-bottom:80px;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.features-section .features-content .section-header .section-title{font-size:3.5rem;font-weight:800;margin-bottom:24px;line-height:1.2}.features-section .features-content .section-header .section-title .title-accent{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-section .features-content .section-header .section-subtitle{font-size:1.25rem;color:#94a3b8;max-width:600px;margin:0 auto;line-height:1.6}.features-section .features-content .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;margin-top:60px}.features-section .features-content .features-grid .feature-card{position:relative;padding:40px 32px;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:24px;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(40px) scale(.95);overflow:hidden}.features-section .features-content .features-grid .feature-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.features-section .features-content .features-grid .feature-card:hover{transform:translateY(-12px) scale(1.02);border-color:#667eea4d;background:#ffffff0f}.features-section .features-content .features-grid .feature-card:hover:before{opacity:1}.features-section .features-content .features-grid .feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.features-section .features-content .features-grid .feature-card:hover .feature-glow{opacity:1;transform:scale(1.2)}.features-section .features-content .features-grid .feature-card.animate{opacity:1;transform:translateY(0) scale(1);animation-delay:var(--delay)}.features-section .features-content .features-grid .feature-card .feature-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:20px;margin-bottom:24px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:2}.features-section .features-content .features-grid .feature-card .feature-icon svg{width:32px;height:32px;color:#fff}.features-section .features-content .features-grid .feature-card .feature-content{position:relative;z-index:2}.features-section .features-content .features-grid .feature-card .feature-content .feature-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:16px;line-height:1.3}.features-section .features-content .features-grid .feature-card .feature-content .feature-description{color:#94a3b8;font-size:1rem;line-height:1.6}.features-section .features-content .features-grid .feature-card .feature-glow{position:absolute;top:50%;left:50%;width:200px;height:200px;transform:translate(-50%,-50%);border-radius:50%;opacity:0;transition:all .6s ease;z-index:1;pointer-events:none}.features-section .features-content .features-grid .feature-card.feature-blue .feature-icon{background:linear-gradient(135deg,#3b82f6,#1e40af)}.features-section .features-content .features-grid .feature-card.feature-blue .feature-glow{background:radial-gradient(circle,rgba(59,130,246,.2) 0%,transparent 70%)}.features-section .features-content .features-grid .feature-card.feature-green .feature-icon{background:linear-gradient(135deg,#10b981,#047857)}.features-section .features-content .features-grid .feature-card.feature-green .feature-glow{background:radial-gradient(circle,rgba(16,185,129,.2) 0%,transparent 70%)}.features-section .features-content .features-grid .feature-card.feature-purple .feature-icon{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.features-section .features-content .features-grid .feature-card.feature-purple .feature-glow{background:radial-gradient(circle,rgba(139,92,246,.2) 0%,transparent 70%)}.features-section .features-content .features-grid .feature-card.feature-pink .feature-icon{background:linear-gradient(135deg,#ec4899,#be185d)}.features-section .features-content .features-grid .feature-card.feature-pink .feature-glow{background:radial-gradient(circle,rgba(236,72,153,.2) 0%,transparent 70%)}.features-section .features-content .features-grid .feature-card.feature-orange .feature-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.features-section .features-content .features-grid .feature-card.feature-orange .feature-glow{background:radial-gradient(circle,rgba(245,158,11,.2) 0%,transparent 70%)}.features-section .features-content .features-grid .feature-card.feature-indigo .feature-icon{background:linear-gradient(135deg,#6366f1,#4338ca)}.features-section .features-content .features-grid .feature-card.feature-indigo .feature-glow{background:radial-gradient(circle,rgba(99,102,241,.2) 0%,transparent 70%)}.features-section .trust-section{margin-top:120px;padding:80px 0;border-top:1px solid rgba(255,255,255,.1)}.features-section .trust-section .trust-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.features-section .trust-section .trust-content .trust-text h3{font-size:2.5rem;font-weight:700;margin-bottom:24px;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.features-section .trust-section .trust-content .trust-text p{font-size:1.1rem;color:#94a3b8;line-height:1.6}.features-section .trust-section .trust-content .trust-images{display:grid;grid-template-columns:1fr 1fr;gap:24px}.features-section .trust-section .trust-content .trust-images img{width:100%;height:200px;object-fit:cover;border-radius:16px;transition:all .4s ease}.features-section .trust-section .trust-content .trust-images img:hover{transform:scale(1.05);box-shadow:0 20px 40px #0000004d}.features-section.visible .section-header{opacity:1;transform:translateY(0)}.features-section.visible .feature-card{animation:featureSlideUp .8s cubic-bezier(.4,0,.2,1) forwards}@keyframes statSlideUp{to{opacity:1;transform:translateY(0)}}@keyframes featureSlideUp{to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 1024px){.features-section{padding:80px 0}.features-section .features-container{padding:0 20px}.features-section .stats-section{margin-bottom:80px}.features-section .stats-section .stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px}.features-section .stats-section .stats-grid .stat-card{padding:24px}.features-section .features-content .section-header{margin-bottom:60px}.features-section .features-content .section-header .section-title{font-size:2.75rem}.features-section .features-content .features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.features-section .trust-section{margin-top:80px;padding:60px 0}.features-section .trust-section .trust-content{gap:60px}.features-section .trust-section .trust-content .trust-text h3{font-size:2rem}}@media (max-width: 768px){.features-section{padding:60px 0}.features-section .features-container{padding:0 16px}.features-section .stats-section{margin-bottom:60px}.features-section .stats-section .stats-grid{grid-template-columns:repeat(2,1fr);gap:20px}.features-section .stats-section .stats-grid .stat-card{padding:20px;flex-direction:column;text-align:center}.features-section .stats-section .stats-grid .stat-card .stat-icon{width:48px;height:48px;margin-bottom:12px}.features-section .stats-section .stats-grid .stat-card .stat-icon svg{width:24px;height:24px}.features-section .stats-section .stats-grid .stat-card .stat-content .stat-number{font-size:1.8rem;margin-bottom:4px}.features-section .stats-section .stats-grid .stat-card .stat-content .stat-label{font-size:.9rem;line-height:1.3}.features-section .features-content .section-header{margin-bottom:40px}.features-section .features-content .section-header .section-title{font-size:2.25rem}.features-section .features-content .section-header .section-subtitle{font-size:1.1rem}.features-section .features-content .features-grid{grid-template-columns:1fr;gap:20px}.features-section .features-content .features-grid .feature-card{padding:32px 24px}.features-section .trust-section{margin-top:60px;padding:40px 0}.features-section .trust-section .trust-content{grid-template-columns:1fr;gap:40px;text-align:center}.features-section .trust-section .trust-content .trust-text h3{font-size:1.75rem}.features-section .trust-section .trust-content .trust-images{grid-template-columns:1fr;gap:16px}.features-section .trust-section .trust-content .trust-images img{height:180px}}@media (max-width: 480px){.features-section .stats-section .stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.features-section .stats-section .stats-grid .stat-card{padding:16px}.features-section .stats-section .stats-grid .stat-card .stat-icon{width:44px;height:44px;margin-bottom:10px}.features-section .stats-section .stats-grid .stat-card .stat-icon svg{width:22px;height:22px}.features-section .stats-section .stats-grid .stat-card .stat-content .stat-number{font-size:1.5rem}.features-section .stats-section .stats-grid .stat-card .stat-content .stat-label{font-size:.8rem}.features-section .features-content .section-header .section-title{font-size:1.875rem}.features-section .features-content .features-grid .feature-card{padding:24px 20px}.features-section .features-content .features-grid .feature-card .feature-icon{width:56px;height:56px}.features-section .features-content .features-grid .feature-card .feature-icon svg{width:28px;height:28px}.features-section .trust-section .trust-content .trust-text h3{font-size:1.5rem}}.checkout-tutorial-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:overlayFadeIn .3s ease-out}.checkout-tutorial-modal{background:#fff;border-radius:20px;box-shadow:0 25px 50px #0003;max-width:600px;width:90%;max-height:90vh;display:flex;flex-direction:column;animation:modalSlideIn .4s ease-out;position:relative}.tutorial-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;display:flex;justify-content:space-between;align-items:center}.tutorial-header .tutorial-title{display:flex;align-items:center;gap:1rem}.tutorial-header .tutorial-title .title-icon{width:32px;height:32px;opacity:.9}.tutorial-header .tutorial-title h2{margin:0;font-size:1.5rem;font-weight:600}.tutorial-header .close-button{background:#fff3;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.tutorial-header .close-button svg{width:50px;height:50px;color:#fff}.tutorial-header .close-button:hover{background:#ffffff4d;transform:scale(1.1)}.tutorial-progress{padding:1.5rem 2rem 1rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.tutorial-progress .progress-bar{width:100%;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;margin-bottom:1rem}.tutorial-progress .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;transition:width .5s ease}.tutorial-progress .progress-dots{display:flex;justify-content:space-between;gap:.5rem}.tutorial-progress .progress-dots .progress-dot{width:32px;height:32px;border-radius:50%;border:2px solid #cbd5e1;background:#fff;color:#64748b;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.tutorial-progress .progress-dots .progress-dot.active{border-color:#667eea;background:#667eea;color:#fff;transform:scale(1.1)}.tutorial-progress .progress-dots .progress-dot:hover{transform:scale(1.05)}.tutorial-body{padding:2rem;flex:1;overflow-y:auto;display:flex;align-items:flex-start}.tutorial-body .tutorial-content{width:100%;text-align:center}.tutorial-body .tutorial-content h3{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.tutorial-body .tutorial-content>p{font-size:1.1rem;color:#64748b;margin-bottom:2rem;line-height:1.6}.tutorial-body .tutorial-features{display:flex;justify-content:center;gap:2rem;margin-top:2rem}.tutorial-body .tutorial-features .feature{display:flex;flex-direction:column;align-items:center;gap:.5rem}.tutorial-body .tutorial-features .feature .feature-icon{width:32px;height:32px;color:#10b981}.tutorial-body .tutorial-features .feature span{font-weight:500;color:#374151}.tutorial-body .tutorial-form-demo{display:flex;flex-direction:column;gap:1rem;max-width:400px;margin:0 auto 2rem}.tutorial-body .tutorial-form-demo .form-field-demo{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px}.tutorial-body .tutorial-form-demo .form-field-demo .field-icon{width:20px;height:20px;color:#667eea}.tutorial-body .tutorial-form-demo .form-field-demo span{font-weight:500;color:#374151}.tutorial-body .payment-method-demo{max-width:400px;margin:0 auto 2rem}.tutorial-body .payment-method-demo .payment-option{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px}.tutorial-body .payment-method-demo .payment-option .payment-icon{font-size:2rem}.tutorial-body .payment-method-demo .payment-option .payment-info{flex:1}.tutorial-body .payment-method-demo .payment-option .payment-info h4{margin:0 0 .5rem;color:#1e293b;font-weight:600}.tutorial-body .payment-method-demo .payment-option .payment-info p{margin:0 0 .5rem;color:#64748b}.tutorial-body .payment-method-demo .payment-option .payment-info .payment-badge{background:#10b981;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.tutorial-body .order-summary-demo{display:flex;flex-direction:column;gap:1rem;max-width:400px;margin:0 auto 2rem}.tutorial-body .order-summary-demo .summary-section{padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.tutorial-body .order-summary-demo .summary-section h4{margin:0 0 .5rem;color:#1e293b;font-weight:600}.tutorial-body .order-summary-demo .summary-section p{margin:0;color:#64748b}.tutorial-body .next-steps{display:flex;flex-direction:column;gap:1.5rem;max-width:500px;margin:0 auto}.tutorial-body .next-steps .step{display:flex;align-items:flex-start;gap:1rem}.tutorial-body .next-steps .step .step-number{width:32px;height:32px;background:#667eea;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.tutorial-body .next-steps .step .step-content{flex:1}.tutorial-body .next-steps .step .step-content h4{margin:0 0 .5rem;color:#1e293b;font-weight:600}.tutorial-body .next-steps .step .step-content p{margin:0;color:#64748b}.tutorial-body .tutorial-tip{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:1rem;margin-top:1.5rem;color:#92400e;font-size:.95rem}.tutorial-navigation{padding:1.5rem 2rem;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.tutorial-navigation .nav-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.tutorial-navigation .nav-button svg{width:16px;height:16px}.tutorial-navigation .nav-button.prev{background:#e2e8f0;color:#475569;border:none}.tutorial-navigation .nav-button.prev:hover:not(:disabled){background:#cbd5e1}.tutorial-navigation .nav-button.prev:disabled{opacity:.5;cursor:not-allowed}.tutorial-navigation .nav-button.next{background:#667eea;color:#fff;border:none}.tutorial-navigation .nav-button.next:hover{background:#5a6fd8;transform:translateY(-1px)}.tutorial-navigation .nav-button.finish{background:#10b981;color:#fff;border:none}.tutorial-navigation .nav-button.finish:hover{background:#059669;transform:translateY(-1px)}.tutorial-navigation .step-indicator{font-weight:500;color:#64748b}@media (max-width: 768px){.checkout-tutorial-modal{margin:1rem;max-height:calc(100vh - 2rem)}.tutorial-header{padding:1.5rem;flex-shrink:0}.tutorial-header .tutorial-title h2{font-size:1.25rem}.tutorial-body{padding:1.5rem;align-items:flex-start}.tutorial-features{flex-direction:column;gap:1rem}.tutorial-navigation{padding:1rem 1.5rem;flex-wrap:wrap;gap:1rem}.tutorial-navigation .step-indicator{order:-1;width:100%;text-align:center}}@media (max-width: 480px){.checkout-tutorial-modal{margin:.5rem;max-height:calc(100vh - 1rem);border-radius:16px}.tutorial-header{padding:1rem}.tutorial-header .tutorial-title h2{font-size:1.125rem}.tutorial-header .tutorial-title .title-icon{width:28px;height:28px}.tutorial-header .close-button{width:36px;height:36px}.tutorial-header .close-button svg{width:18px;height:18px}.tutorial-progress{padding:1rem 1rem .5rem}.tutorial-body,.tutorial-navigation{padding:1rem}.tutorial-navigation .nav-button{padding:.5rem 1rem;font-size:.9rem}.tutorial-navigation .nav-button svg{width:14px;height:14px}.tutorial-navigation .step-indicator{font-size:.85rem}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.footer{background:#000;color:#fff;font-family:Inter,sans-serif;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 25% 25%,rgba(102,126,234,.03) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(118,75,162,.03) 0%,transparent 50%);pointer-events:none}.footer .footer-main{padding:80px 0 60px;position:relative;z-index:2}.footer .footer-main .footer-container{max-width:1400px;margin:0 auto;padding:0 24px}.footer .footer-main .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.2fr;gap:60px;margin-bottom:60px}.footer .footer-main .footer-grid .footer-brand{margin-bottom:0}.footer .footer-main .footer-grid .footer-brand .brand-logo{margin-bottom:24px}.footer .footer-main .footer-grid .footer-brand .brand-logo .logo-image{height:160px;width:auto;transition:all .3s ease}.footer .footer-main .footer-grid .footer-brand .brand-logo .logo-image:hover{transform:scale(1.05)}.footer .footer-main .footer-grid .footer-brand .brand-logo .logo-text{font-size:2.5rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#fff,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer .footer-main .footer-grid .footer-brand .brand-description{font-size:1rem;line-height:1.6;color:#94a3b8;margin-bottom:32px;max-width:400px}.footer .footer-main .footer-grid .footer-brand .contact-info{margin-bottom:32px}.footer .footer-main .footer-grid .footer-brand .contact-info .contact-item{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:#94a3b8;font-size:.95rem}.footer .footer-main .footer-grid .footer-brand .contact-info .contact-item svg{width:18px;height:18px;color:#667eea;flex-shrink:0}.footer .footer-main .footer-grid .footer-brand .contact-info .contact-item:hover{color:#fff;cursor:pointer}.footer .footer-main .footer-grid .footer-section{text-align:center;overflow:visible}.footer .footer-main .footer-grid .footer-section .section-header{display:flex;align-items:center;justify-content:space-between;cursor:default;padding:8px 0;transition:all .3s ease;border-radius:8px;margin-bottom:20px}.footer .footer-main .footer-grid .footer-section .section-header:hover{background:#ffffff0d;padding:8px 16px;margin:0 -8px}.footer .footer-main .footer-grid .footer-section .section-header .section-title{font-size:1.125rem;font-weight:600;color:#fff;margin:0;position:relative;text-align:left;white-space:nowrap}.footer .footer-main .footer-grid .footer-section .section-header .section-title:after{content:"";position:absolute;bottom:-8px;left:0;width:30px;height:2px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1px}.footer .footer-main .footer-grid .footer-section .section-header .dropdown-icon{display:none}.footer .footer-main .footer-grid .footer-section .section-content{max-height:none;overflow:visible;transition:none}.footer .footer-main .footer-grid .footer-section .section-content.open{max-height:none}.footer .footer-main .footer-grid .footer-section .section-links{list-style:none;padding:0;margin:0}.footer .footer-main .footer-grid .footer-section .section-links li{margin-bottom:12px;opacity:1;transform:translateY(0);transition:all .3s ease}.footer .footer-main .footer-grid .footer-section .section-links li a,.footer .footer-main .footer-grid .footer-section .section-links li .footer-link-button{color:#94a3b8;text-decoration:none;font-size:.95rem;font-weight:400;transition:all .3s ease;position:relative;display:block;padding:6px 0;border-radius:6px;width:100%;text-align:left}.footer .footer-main .footer-grid .footer-section .section-links li a:before,.footer .footer-main .footer-grid .footer-section .section-links li .footer-link-button:before{content:"";position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:0;height:1px;background:#667eea;transition:width .3s ease}.footer .footer-main .footer-grid .footer-section .section-links li a:hover,.footer .footer-main .footer-grid .footer-section .section-links li .footer-link-button:hover{color:#fff;padding-left:16px;background:#ffffff08}.footer .footer-main .footer-grid .footer-section .section-links li a:hover:before,.footer .footer-main .footer-grid .footer-section .section-links li .footer-link-button:hover:before{width:12px}.footer .footer-main .footer-grid .footer-section .section-links li .footer-link-button{background:none;border:none;font-family:inherit;cursor:pointer}.footer .footer-main .footer-grid .footer-newsletter{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.footer .footer-main .footer-grid .footer-newsletter .section-title{font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:16px;position:relative}.footer .footer-main .footer-grid .footer-newsletter .section-title:after{content:"";position:absolute;bottom:-8px;left:0;width:30px;height:2px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1px}.footer .footer-main .footer-grid .footer-newsletter .newsletter-description{color:#94a3b8;font-size:.9rem;line-height:1.5;margin-bottom:24px}.footer .footer-main .footer-grid .footer-newsletter .newsletter-form{margin-bottom:24px}.footer .footer-main .footer-grid .footer-newsletter .newsletter-form .input-group{position:relative;display:flex;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;margin-bottom:12px;transition:all .3s ease}.footer .footer-main .footer-grid .footer-newsletter .newsletter-form .input-group:focus-within{border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a}.footer .footer-main .footer-grid .footer-newsletter .newsletter-form .input-group input{flex:1;background:transparent;border:none;outline:none;padding:14px 16px;color:#fff;font-size:.9rem;font-weight:500}.footer .footer-main .footer-grid .footer-newsletter .newsletter-form .input-group input::placeholder{color:#64748b}.footer .footer-main .footer-grid .footer-newsletter .newsletter-form .input-group .subscribe-btn{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 16px;cursor:pointer;transition:all .3s ease;min-width:50px}.footer .footer-main .footer-grid .footer-newsletter .newsletter-form .input-group .subscribe-btn svg{width:16px;height:16px;transition:transform .3s ease}.footer .footer-main .footer-grid .footer-newsletter .newsletter-form .input-group .subscribe-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6b4190)}.footer .footer-main .footer-grid .footer-newsletter .newsletter-form .input-group .subscribe-btn:hover svg{transform:translate(2px)}.footer .footer-main .footer-grid .footer-newsletter .newsletter-form .newsletter-disclaimer{font-size:.8rem;color:#64748b;text-align:center}.footer .footer-main .footer-grid .footer-newsletter .trust-badges{display:flex;flex-direction:column;gap:12px}.footer .footer-main .footer-grid .footer-newsletter .trust-badges .trust-item{display:flex;align-items:center;gap:12px;color:#94a3b8;font-size:.85rem}.footer .footer-main .footer-grid .footer-newsletter .trust-badges .trust-item svg{width:16px;height:16px;color:#667eea;flex-shrink:0}.footer .footer-main .footer-grid .footer-newsletter .trust-badges .trust-item:hover{color:#fff}.footer .footer-main .footer-social-center{text-align:center;padding:40px 0;border-top:1px solid rgba(255,255,255,.1);margin-top:40px}.footer .footer-main .footer-social-center h4{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:24px;letter-spacing:.5px;text-transform:uppercase}.footer .footer-main .footer-social-center .social-links{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.footer .footer-main .footer-social-center .social-links .social-link{position:relative;width:56px;height:56px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:all .3s ease;text-decoration:none}.footer .footer-main .footer-social-center .social-links .social-link svg{width:24px;height:24px}.footer .footer-main .footer-social-center .social-links .social-link .social-tooltip{position:absolute;bottom:120%;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:8px 12px;border-radius:8px;font-size:.8rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:10}.footer .footer-main .footer-social-center .social-links .social-link .social-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000000e6}.footer .footer-main .footer-social-center .social-links .social-link:hover{background:#667eea1a;border-color:#667eea4d;color:#667eea;transform:translateY(-4px);box-shadow:0 8px 30px #667eea33}.footer .footer-main .footer-social-center .social-links .social-link:hover .social-tooltip{opacity:1}.footer .footer-main .app-download-section,.footer .footer-main .certifications-section{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:32px;margin-bottom:32px}.footer .footer-main .app-download-section h4,.footer .footer-main .certifications-section h4{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:16px}.footer .footer-main .app-download-section p,.footer .footer-main .certifications-section p{color:#94a3b8;margin-bottom:24px;font-size:.95rem}.footer .footer-main .app-download-section .app-buttons{display:flex;gap:16px}.footer .footer-main .app-download-section .app-buttons .app-button{display:flex;align-items:center;gap:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:16px 24px;border-radius:12px;color:#fff;text-decoration:none;transition:all .3s ease;min-width:160px}.footer .footer-main .app-download-section .app-buttons .app-button svg{width:24px;height:24px;color:#667eea}.footer .footer-main .app-download-section .app-buttons .app-button .app-text .download-text{display:block;font-size:.8rem;color:#94a3b8}.footer .footer-main .app-download-section .app-buttons .app-button .app-text .store-name{display:block;font-size:1rem;font-weight:600;color:#fff}.footer .footer-main .app-download-section .app-buttons .app-button:hover{background:#ffffff14;border-color:#667eea4d;transform:translateY(-2px)}.footer .footer-main .certifications-section .certifications-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.footer .footer-main .certifications-section .certifications-grid .certification-item{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff05;border-radius:12px;transition:all .3s ease}.footer .footer-main .certifications-section .certifications-grid .certification-item svg{width:32px;height:32px;color:#667eea;flex-shrink:0}.footer .footer-main .certifications-section .certifications-grid .certification-item .cert-content .cert-name{display:block;font-weight:600;color:#fff;font-size:.9rem;margin-bottom:4px}.footer .footer-main .certifications-section .certifications-grid .certification-item .cert-content .cert-description{display:block;font-size:.8rem;color:#94a3b8}.footer .footer-main .certifications-section .certifications-grid .certification-item:hover{background:#ffffff0d;transform:translateY(-2px)}.footer .footer-bottom{background:#ffffff05;border-top:1px solid rgba(255,255,255,.05);padding:32px 0;position:relative;z-index:2}.footer .footer-bottom .footer-container{max-width:1400px;margin:0 auto;padding:0 24px}.footer .footer-bottom .bottom-content{display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:center}.footer .footer-bottom .bottom-content .payment-methods{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.footer .footer-bottom .bottom-content .payment-methods .payment-label{font-size:.9rem;color:#94a3b8;font-weight:500;white-space:nowrap}.footer .footer-bottom .bottom-content .payment-methods .cod-display{display:flex;align-items:center;gap:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);padding:8px 16px;border-radius:8px;transition:all .3s ease}.footer .footer-bottom .bottom-content .payment-methods .cod-display .cod-icon{font-size:18px}.footer .footer-bottom .bottom-content .payment-methods .cod-display .cod-text{font-size:.9rem;color:#fff;font-weight:500}.footer .footer-bottom .bottom-content .payment-methods .cod-display:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-1px)}.footer .footer-bottom .bottom-content .payment-methods .payment-icons{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.footer .footer-bottom .bottom-content .payment-methods .payment-icons .payment-icon{height:24px;min-width:35px;max-width:50px;filter:brightness(.9);transition:all .3s ease;border-radius:4px;padding:4px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);object-fit:contain}.footer .footer-bottom .bottom-content .payment-methods .payment-icons .payment-icon:hover{filter:brightness(1.1) saturate(1.2);transform:translateY(-2px) scale(1.03);background:#ffffff26;border-color:#fff3}.footer .footer-bottom .bottom-content .language-selector{display:flex;align-items:center;gap:12px;justify-self:center}.footer .footer-bottom .bottom-content .language-selector svg{width:20px;height:20px;color:#667eea}.footer .footer-bottom .bottom-content .language-selector .language-select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease}.footer .footer-bottom .bottom-content .language-selector .language-select:focus{outline:none;border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a}.footer .footer-bottom .bottom-content .language-selector .language-select option{background:#1a1a1a;color:#fff}.footer .footer-bottom .bottom-content .legal-section{text-align:right}.footer .footer-bottom .bottom-content .legal-section .copyright{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:.9rem;margin-bottom:12px;justify-content:flex-end}.footer .footer-bottom .bottom-content .legal-section .copyright .heart-icon{width:16px;height:16px;color:#ef4444}.footer .footer-bottom .bottom-content .legal-section .legal-links{display:flex;gap:24px;justify-content:flex-end}.footer .footer-bottom .bottom-content .legal-section .legal-links a{color:#64748b;text-decoration:none;font-size:.85rem;transition:color .3s ease}.footer .footer-bottom .bottom-content .legal-section .legal-links a:hover{color:#94a3b8}@keyframes patternFloat{0%{transform:translate(0) translateY(0)}to{transform:translate(60px) translateY(60px)}}@media (max-width: 1200px){.footer .footer-main .footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.footer .footer-main .footer-grid .footer-newsletter{grid-column:1/-1;margin-top:40px}}@media (max-width: 968px){.footer .footer-main{padding:60px 0 40px}.footer .footer-main .footer-grid{grid-template-columns:1fr 1fr;gap:40px}.footer .footer-main .footer-grid .footer-brand{grid-column:1/-1;text-align:center;margin-bottom:40px}.footer .footer-main .footer-grid .footer-newsletter{grid-column:1/-1;margin-top:20px;padding:28px;text-align:center}.footer .footer-main .footer-grid .footer-newsletter .section-title:after{left:50%;transform:translate(-50%)}.footer .footer-main .footer-grid .footer-newsletter .trust-badges{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:16px}.footer .footer-main .footer-grid .footer-newsletter .trust-badges .trust-item{flex-direction:column;text-align:center;gap:8px}.footer .footer-main .footer-grid .footer-newsletter .trust-badges .trust-item svg{width:20px;height:20px}.footer .footer-main .app-download-section .app-buttons{flex-direction:column}.footer .footer-main .certifications-section .certifications-grid{grid-template-columns:1fr}.footer .footer-main .footer-social-center{padding:32px 0}.footer .footer-main .footer-social-center h4{font-size:1.125rem}.footer .footer-main .footer-social-center .social-links{gap:16px}.footer .footer-main .footer-social-center .social-links .social-link{width:52px;height:52px}.footer .footer-main .footer-social-center .social-links .social-link svg{width:22px;height:22px}.footer .footer-bottom .bottom-content{grid-template-columns:1fr;gap:24px;text-align:center}.footer .footer-bottom .bottom-content .legal-section{text-align:center}.footer .footer-bottom .bottom-content .legal-section .copyright,.footer .footer-bottom .bottom-content .legal-section .legal-links{justify-content:center}.footer .footer-bottom .bottom-content .legal-section .legal-links{flex-wrap:wrap;gap:16px}}@media (max-width: 768px){.footer .footer-main .footer-container{padding:0 16px}.footer .footer-main .footer-grid{grid-template-columns:1fr;gap:32px}.footer .footer-main .footer-grid .footer-brand{margin-bottom:0}.footer .footer-main .footer-grid .footer-brand .brand-logo{text-align:center}.footer .footer-main .footer-grid .footer-brand .brand-logo .logo-image{height:96px}.footer .footer-main .footer-grid .footer-brand .brand-logo .logo-text{font-size:2.5rem}.footer .footer-main .footer-grid .footer-brand .brand-description{text-align:center;max-width:none}.footer .footer-main .footer-grid .footer-brand .contact-info .contact-item{justify-content:center}.footer .footer-main .footer-grid .footer-section{text-align:center!important;margin-left:auto;margin-right:auto;width:100%}.footer .footer-main .footer-grid .footer-section .section-header{justify-content:space-between;padding:12px 16px;background:#ffffff0d;border-radius:12px;margin-bottom:16px;cursor:pointer;overflow:visible}.footer .footer-main .footer-grid .footer-section .section-header:hover{background:#ffffff14}.footer .footer-main .footer-grid .footer-section .section-header .section-title{text-align:left;font-size:1.1rem;flex:1}.footer .footer-main .footer-grid .footer-section .section-header .section-title:after{left:0;transform:none}.footer .footer-main .footer-grid .footer-section .section-header .dropdown-icon{display:none}.footer .footer-main .footer-grid .footer-section[aria-expanded=true] .section-header .dropdown-icon svg{transform:rotate(180deg)}.footer .footer-main .footer-grid .footer-section .section-content{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.footer .footer-main .footer-grid .footer-section .section-content.open{max-height:400px}.footer .footer-main .footer-grid .footer-section .section-links li{opacity:0;transform:translateY(-10px)}.footer .footer-main .footer-grid .footer-section .section-links li a{padding:10px 16px;text-align:center;margin:4px 0;border-radius:8px}.footer .footer-main .footer-grid .footer-section .section-links li a:hover{padding-left:16px;background:#ffffff14}.footer .footer-main .footer-grid .footer-section .section-links li a:hover:before{display:none}.footer .footer-main .footer-grid .footer-section .section-content.open .section-links li{opacity:1;transform:translateY(0)}.footer .footer-main .footer-grid .footer-section .section-content.open .section-links li:nth-child(1){transition-delay:.05s}.footer .footer-main .footer-grid .footer-section .section-content.open .section-links li:nth-child(2){transition-delay:.1s}.footer .footer-main .footer-grid .footer-section .section-content.open .section-links li:nth-child(3){transition-delay:.15s}.footer .footer-main .footer-grid .footer-section .section-content.open .section-links li:nth-child(4){transition-delay:.2s}.footer .footer-main .footer-grid .footer-section .section-content.open .section-links li:nth-child(5){transition-delay:.25s}.footer .footer-main .footer-grid .footer-section .section-content.open .section-links li:nth-child(6){transition-delay:.3s}.footer .footer-main .footer-grid .footer-section .section-content.open .section-links li:nth-child(7){transition-delay:.35s}.footer .footer-main .footer-grid .footer-section .section-content.open .section-links li:nth-child(8){transition-delay:.4s}.footer .footer-main .footer-grid .footer-section .section-content.open .section-links li:nth-child(9){transition-delay:.45s}.footer .footer-main .footer-grid .footer-section .section-content.open .section-links li:nth-child(10){transition-delay:.5s}.footer .footer-main .footer-grid .footer-newsletter{padding:24px}.footer .footer-main .footer-grid .footer-newsletter .newsletter-form .input-group{flex-direction:column}.footer .footer-main .footer-grid .footer-newsletter .newsletter-form .input-group input{padding:16px;text-align:center}.footer .footer-main .footer-grid .footer-newsletter .newsletter-form .input-group .subscribe-btn{padding:16px;justify-content:center;min-width:100%}.footer .footer-main .footer-grid .footer-newsletter .newsletter-form .input-group .subscribe-btn svg{width:18px;height:18px}.footer .footer-main .footer-grid .footer-newsletter .trust-badges{flex-direction:column;align-items:center;gap:12px}.footer .footer-main .footer-grid .footer-newsletter .trust-badges .trust-item{flex-direction:row;justify-content:center}.footer .footer-main .footer-social-center{padding:28px 0}.footer .footer-main .footer-social-center h4{font-size:1.125rem}.footer .footer-main .footer-social-center .social-links{gap:14px}.footer .footer-main .footer-social-center .social-links .social-link{width:48px;height:48px}.footer .footer-main .footer-social-center .social-links .social-link svg{width:20px;height:20px}.footer .footer-main .app-download-section,.footer .footer-main .certifications-section{padding:24px}.footer .footer-main .app-download-section h4,.footer .footer-main .certifications-section h4{font-size:1.125rem}.footer .footer-bottom{padding:24px 0}.footer .footer-bottom .footer-container{padding:0 16px}.footer .footer-bottom .bottom-content{gap:20px}.footer .footer-bottom .bottom-content .payment-methods{justify-content:center}.footer .footer-bottom .bottom-content .payment-methods .payment-icons{justify-content:center;max-width:300px}.footer .footer-bottom .bottom-content .payment-methods .payment-icons .payment-icon{height:24px;min-width:35px;max-width:50px}.footer .footer-bottom .bottom-content .language-selector{justify-self:center}.footer .footer-bottom .legal-section{text-align:center}.footer .footer-bottom .legal-section .copyright,.footer .footer-bottom .legal-section .legal-links{justify-content:center}.footer .footer-bottom .legal-section .legal-links{flex-wrap:wrap;gap:16px}}@media (max-width: 480px){.footer .footer-main .footer-grid .footer-brand .brand-logo .logo-image{height:80px}.footer .footer-main .footer-grid .footer-brand .brand-logo .logo-text{font-size:2rem}.footer .footer-main .footer-grid .footer-brand .contact-info .contact-item{font-size:.85rem}.footer .footer-main .footer-grid .footer-brand .contact-info .contact-item svg{width:16px;height:16px}.footer .footer-bottom .bottom-content .payment-methods{flex-direction:column;gap:16px;align-items:center}.footer .footer-bottom .bottom-content .payment-methods .payment-label{text-align:center}.footer .footer-bottom .bottom-content .payment-methods .payment-icons{justify-content:center;max-width:280px}.footer .footer-bottom .bottom-content .payment-methods .payment-icons .payment-icon{height:22px;min-width:32px;max-width:45px}.footer .footer-bottom .bottom-content .legal-section .legal-links{flex-direction:column;gap:12px}}@media (max-width: 375px){.footer .footer-main{padding:40px 0 32px}.footer .footer-main .footer-container{padding:0 12px}.footer .footer-main .footer-grid .footer-brand .brand-logo .logo-image{height:72px}.footer .footer-main .footer-grid .footer-brand .brand-logo .logo-text{font-size:1.875rem}.footer .footer-main .footer-grid .footer-brand .contact-info .contact-item{font-size:.85rem}.footer .footer-main .footer-grid .footer-brand .contact-info .contact-item svg{width:16px;height:16px}.footer .footer-bottom{padding:20px 0}.footer .footer-bottom .footer-container{padding:0 12px}.footer .footer-bottom .bottom-content .payment-methods .payment-icons{gap:8px;max-width:250px}.footer .footer-bottom .bottom-content .payment-methods .payment-icons .payment-icon{height:20px;min-width:30px;max-width:40px}}.footer-link-button{color:#94a3b8;text-decoration:none;font-size:.95rem;font-weight:400;transition:all .3s ease;position:relative;display:block;padding:6px 0;border-radius:6px;background:none;border:none;font-family:inherit;text-align:left;cursor:pointer;width:100%}.footer-link-button:before{content:"";position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:0;height:1px;background:#667eea;transition:width .3s ease}.footer-link-button:hover{color:#fff;padding-left:16px;background:#ffffff08}.footer-link-button:hover:before{width:12px}@media (max-width: 768px){.footer-section .section-links a,.footer-section .section-links .footer-link-button{text-align:center!important;padding-left:0!important;margin-left:0!important;margin-right:0!important;width:100%!important;justify-content:center!important;align-items:center!important;display:flex!important}}.testimonials-page{width:100%;overflow-x:hidden;position:relative;font-family:Inter,sans-serif;scroll-behavior:smooth}.testimonials-page .container{max-width:1400px;margin:0 auto;padding:0 2rem}@media (max-width: 768px){.testimonials-page .container{padding:0 1rem}}.testimonials-hero{position:relative;min-height:100vh;padding-top:120px;padding-bottom:60px;display:flex;align-items:center;background:radial-gradient(ellipse at center,rgba(102,126,234,.1) 0%,transparent 70%),linear-gradient(135deg,#000,#1f2937,#374151);color:#fff;overflow:hidden}.testimonials-hero .hero-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.testimonials-hero .hero-background .gradient-orb{position:absolute;border-radius:50%;filter:blur(40px);animation:float 6s ease-in-out infinite}.testimonials-hero .hero-background .gradient-orb.orb-1{width:400px;height:400px;background:linear-gradient(45deg,#667eea4d,#764ba24d);top:10%;left:-10%;animation-delay:0s}.testimonials-hero .hero-background .gradient-orb.orb-2{width:300px;height:300px;background:linear-gradient(45deg,#ec489933,#9333ea33);top:50%;right:-10%;animation-delay:2s}.testimonials-hero .hero-background .gradient-orb.orb-3{width:200px;height:200px;background:linear-gradient(45deg,#3b82f64d,#8b5cf64d);bottom:20%;left:30%;animation-delay:4s}.testimonials-hero .hero-content{position:relative;z-index:2;text-align:center;color:#fff;max-width:1200px;margin:0 auto;padding:0 2rem}.testimonials-hero .hero-content .hero-text{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.4,0,.2,1)}.testimonials-hero .hero-content .hero-text.animate-in{opacity:1;transform:translateY(0)}.testimonials-hero .hero-content .hero-text h1{font-size:4rem;font-weight:900;margin-bottom:1.5rem;line-height:1.1}.testimonials-hero .hero-content .hero-text h1 .gradient-text{background:linear-gradient(135deg,#667eea,#764ba2,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.testimonials-hero .hero-content .hero-text h1{font-size:3rem}}@media (max-width: 480px){.testimonials-hero .hero-content .hero-text h1{font-size:2.5rem}}.testimonials-hero .hero-content .hero-text p{font-size:1.5rem;margin-bottom:3rem;opacity:.9;font-weight:500;line-height:1.6;max-width:800px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.testimonials-hero .hero-content .hero-text p{font-size:1.25rem;margin-bottom:2rem}}.testimonials-hero .hero-content .hero-text .hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}@media (max-width: 768px){.testimonials-hero .hero-content .hero-text .hero-stats{gap:1.5rem;margin-top:2rem}}@media (max-width: 480px){.testimonials-hero .hero-content .hero-text .hero-stats{grid-template-columns:1fr;gap:1rem}}.testimonials-hero .hero-content .hero-text .hero-stats .stat{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem 1.5rem;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.testimonials-hero .hero-content .hero-text .hero-stats .stat:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.testimonials-hero .hero-content .hero-text .hero-stats .stat:hover{background:#ffffff1a;transform:translateY(-8px);box-shadow:0 25px 50px #667eea33;border-color:#667eea4d}.testimonials-hero .hero-content .hero-text .hero-stats .stat:hover:before{left:100%}.testimonials-hero .hero-content .hero-text .hero-stats .stat .stat-number{display:block;font-size:3rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}@media (max-width: 768px){.testimonials-hero .hero-content .hero-text .hero-stats .stat .stat-number{font-size:2.5rem}}.testimonials-hero .hero-content .hero-text .hero-stats .stat .stat-label{font-size:1rem;opacity:.8;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#e5e7eb}.testimonials-hero .scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#fffc;cursor:pointer;transition:all .3s ease}.testimonials-hero .scroll-indicator:hover{color:#fff;transform:translate(-50%) translateY(-5px)}.testimonials-hero .scroll-indicator .scroll-arrow{width:24px;height:24px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);animation:bounce 2s infinite}.testimonials-hero .scroll-indicator span{font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em}.all-testimonials{padding:8rem 0;background:linear-gradient(135deg,#1f2937,#374151,#1f2937);color:#fff;position:relative}.all-testimonials:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(102,126,234,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(118,75,162,.1) 0%,transparent 50%);pointer-events:none}.all-testimonials .section-header{text-align:center;margin-bottom:4rem}.all-testimonials .section-header h2{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#fff,#f8fafc,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}@media (max-width: 768px){.all-testimonials .section-header h2{font-size:2.5rem}}.all-testimonials .section-header p{font-size:1.25rem;opacity:.8;font-weight:500;max-width:600px;margin:0 auto}.all-testimonials .testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}@media (max-width: 768px){.all-testimonials .testimonials-grid{grid-template-columns:1fr;gap:1.5rem}}.all-testimonials .testimonials-grid .testimonial-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:25px;padding:2rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.all-testimonials .testimonials-grid .testimonial-card:hover{background:#ffffff1a;transform:translateY(-10px);box-shadow:0 25px 50px #667eea33;border-color:#667eea4d}.all-testimonials .testimonials-grid .testimonial-card:hover .card-shine{transform:translate(100%);opacity:1}.all-testimonials .testimonials-grid .testimonial-card:hover .card-hover-effect{opacity:1}.all-testimonials .testimonials-grid .testimonial-card .card-content{position:relative;z-index:2}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-header .author-avatar{position:relative}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-header .author-avatar img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.2)}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-header .author-avatar .verified-mini{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:700;border:2px solid rgba(255,255,255,.1)}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-header .author-details h4{font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-header .author-details p{font-size:.875rem;color:#667eea;font-weight:600;margin-bottom:.25rem}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-header .author-details .location{font-size:.75rem;opacity:.7;font-weight:500}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-body .rating{display:flex;align-items:center;gap:.25rem;margin-bottom:1rem}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-body .rating .star{width:16px;height:16px}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-body .rating .star.filled{color:#fbbf24}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-body .rating .star.empty{color:#ffffff4d}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-body .rating .rating-number{font-size:.875rem;opacity:.7;margin-left:.5rem;font-weight:600}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-body .testimonial-excerpt{font-size:1rem;line-height:1.6;opacity:.9;margin-bottom:1.5rem;font-weight:500}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-body .card-footer{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;opacity:.7}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-body .card-footer .product-tag{background:linear-gradient(135deg,#667eea,#764ba2);padding:.25rem .75rem;border-radius:20px;font-weight:600;color:#fff}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-body .card-footer .purchase-date{font-weight:500}.all-testimonials .testimonials-grid .testimonial-card .card-hover-effect{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea1a,#764ba21a);opacity:0;transition:opacity .3s ease;pointer-events:none}.all-testimonials .testimonials-grid .testimonial-card .card-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);opacity:0;transition:all .6s ease;pointer-events:none}.testimonials-stats{padding:6rem 0;background:linear-gradient(135deg,#f8fafc,#fff,#f1f5f9)}.testimonials-stats .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}@media (max-width: 1024px){.testimonials-stats .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.testimonials-stats .stats-grid{grid-template-columns:1fr}}.testimonials-stats .stats-grid .stat-item{text-align:center;background:#fff;padding:3rem 2rem;border-radius:25px;box-shadow:0 10px 30px #1f293714;border:1px solid rgba(102,126,234,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.testimonials-stats .stats-grid .stat-item:hover{transform:translateY(-5px);box-shadow:0 20px 40px #667eea26;border-color:#667eea4d}.testimonials-stats .stats-grid .stat-item .stat-icon{font-size:3rem;margin-bottom:1rem}.testimonials-stats .stats-grid .stat-item .stat-value{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#1f2937,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.testimonials-stats .stats-grid .stat-item .stat-label{font-size:1rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.testimonials-cta{padding:8rem 0;background:linear-gradient(135deg,#1f2937,#374151,#667eea,#764ba2,#1f2937);color:#fff;text-align:center;position:relative}.testimonials-cta:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 70%,rgba(102,126,234,.2) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(118,75,162,.2) 0%,transparent 50%);pointer-events:none}.testimonials-cta .cta-content{position:relative;z-index:2;max-width:800px;margin:0 auto}.testimonials-cta .cta-content h2{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#f8fafc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}@media (max-width: 768px){.testimonials-cta .cta-content h2{font-size:2.5rem}}.testimonials-cta .cta-content p{font-size:1.25rem;opacity:.9;margin-bottom:3rem;font-weight:500;line-height:1.6}.testimonials-cta .cta-content .cta-buttons{display:flex;gap:1.5rem;justify-content:center}@media (max-width: 640px){.testimonials-cta .cta-content .cta-buttons{flex-direction:column;align-items:center}}.testimonials-cta .cta-content .cta-buttons .cta-btn{padding:1rem 2.5rem;border-radius:50px;font-size:1.125rem;font-weight:600;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.testimonials-cta .cta-content .cta-buttons .cta-btn.primary{background:#fff;color:#1f2937}.testimonials-cta .cta-content .cta-buttons .cta-btn.primary:hover{background:#f8fafc;transform:translateY(-3px);box-shadow:0 10px 30px #ffffff4d}.testimonials-cta .cta-content .cta-buttons .cta-btn.secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3)}.testimonials-cta .cta-content .cta-buttons .cta-btn.secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-3px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(5deg)}50%{transform:translateY(-10px) rotate(0)}75%{transform:translateY(-30px) rotate(-5deg)}}@keyframes floatMedium{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-15px) rotate(3deg)}66%{transform:translateY(-25px) rotate(-3deg)}}@keyframes floatFast{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0) rotate(45deg)}40%,43%{transform:translateY(-10px) rotate(45deg)}}@keyframes shimmer{0%{background-position:0% 0%}50%{background-position:100% 0%}to{background-position:0% 0%}}@media (max-width: 1440px){.testimonials-hero .hero-content{max-width:1200px}.testimonials-hero .hero-content .hero-text h1{font-size:3.8rem}.testimonials-hero .hero-content .hero-text p{font-size:1.4rem}}@media (max-width: 1200px){.testimonials-hero .hero-content{max-width:1000px}.testimonials-hero .hero-content .hero-text h1{font-size:3.5rem}.testimonials-hero .hero-content .hero-text p{font-size:1.3rem}.testimonials-hero .hero-content .hero-text .hero-stats{gap:1.5rem}.testimonials-hero .hero-content .hero-text .hero-stats .stat{padding:1.8rem 1.3rem}.testimonials-hero .hero-content .hero-text .hero-stats .stat .stat-number{font-size:2.8rem}.all-testimonials .testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.8rem}.testimonials-cta .cta-content h2{font-size:3.2rem}}@media (max-width: 1024px){.testimonials-hero .hero-content .hero-text h1{font-size:3.2rem}.testimonials-hero .hero-content .hero-text p{font-size:1.25rem}.testimonials-hero .hero-content .hero-text .hero-stats{grid-template-columns:repeat(3,1fr);gap:1.2rem}.testimonials-hero .hero-content .hero-text .hero-stats .stat{padding:1.6rem 1.2rem}.testimonials-hero .hero-content .hero-text .hero-stats .stat .stat-number{font-size:2.5rem}.testimonials-hero .hero-content .hero-text .hero-stats .stat .stat-label{font-size:.9rem}.all-testimonials{padding:6rem 0}.all-testimonials .testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.testimonials-cta{padding:6rem 0}.testimonials-cta .cta-content h2{font-size:3rem}.testimonials-cta .cta-content p{font-size:1.15rem}}@media (max-width: 768px){.testimonials-hero{min-height:100vh;margin-top:60px}.testimonials-hero .hero-background .gradient-orb.orb-1{width:300px;height:300px;top:5%;left:-15%}.testimonials-hero .hero-background .gradient-orb.orb-2{width:250px;height:250px;top:60%;right:-15%}.testimonials-hero .hero-background .gradient-orb.orb-3{width:180px;height:180px;bottom:10%;left:20%}.testimonials-hero .hero-content{padding:2rem 1.5rem}.testimonials-hero .hero-content .hero-text h1{font-size:2.8rem;margin-bottom:1.2rem}.testimonials-hero .hero-content .hero-text p{font-size:1.1rem;margin-bottom:2.5rem}.testimonials-hero .hero-content .hero-text .hero-stats{margin-bottom:60px;grid-template-columns:1fr;gap:1rem;margin-top:2.5rem}.testimonials-hero .hero-content .hero-text .hero-stats .stat{padding:1.5rem 1rem}.testimonials-hero .hero-content .hero-text .hero-stats .stat .stat-number{font-size:2.2rem}.testimonials-hero .hero-content .hero-text .hero-stats .stat .stat-label{font-size:.85rem}.testimonials-hero .scroll-indicator{bottom:2rem}.testimonials-hero .scroll-indicator .scroll-arrow{width:20px;height:20px}.testimonials-hero .scroll-indicator span{font-size:.8rem}.all-testimonials{padding:5rem 0}.all-testimonials .section-header{margin-bottom:3rem}.all-testimonials .section-header h2{font-size:2.5rem}.all-testimonials .section-header p{font-size:1.1rem}.all-testimonials .testimonials-grid{grid-template-columns:1fr;gap:1.2rem}.all-testimonials .testimonials-grid .testimonial-card{padding:1.5rem;border-radius:20px}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-header{gap:.8rem;margin-bottom:1.2rem}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-header .author-avatar img{width:50px;height:50px}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-header .author-avatar .verified-mini{width:18px;height:18px;font-size:.7rem}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-header .author-details h4{font-size:1rem}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-header .author-details p{font-size:.8rem}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-header .author-details .location{font-size:.7rem}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-body .rating{margin-bottom:.8rem}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-body .rating .star{width:14px;height:14px}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-body .rating .rating-number{font-size:.8rem}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-body .testimonial-excerpt{font-size:.9rem;margin-bottom:1.2rem}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-body .card-footer .product-tag{font-size:.7rem;padding:.2rem .6rem}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-body .card-footer .purchase-date{font-size:.7rem}.testimonials-cta{padding:5rem 0}.testimonials-cta .cta-content{padding:0 1.5rem}.testimonials-cta .cta-content h2{font-size:2.5rem;margin-bottom:1.2rem}.testimonials-cta .cta-content p{font-size:1.1rem;margin-bottom:2.5rem}.testimonials-cta .cta-content .cta-buttons{flex-direction:column;gap:1rem}.testimonials-cta .cta-content .cta-buttons .cta-btn{width:100%;max-width:280px;padding:.9rem 2rem;font-size:1rem}}@media (max-width: 480px){.testimonials-hero{min-height:70vh;padding-top:50px}.testimonials-hero .hero-background .gradient-orb.orb-1{width:250px;height:250px;top:0%;left:-20%}.testimonials-hero .hero-background .gradient-orb.orb-2{width:200px;height:200px;top:70%;right:-20%}.testimonials-hero .hero-background .gradient-orb.orb-3{width:150px;height:150px;bottom:5%;left:15%}.testimonials-hero .hero-content{padding:0 1rem}.testimonials-hero .hero-content .hero-text h1{font-size:2.2rem;margin-bottom:1rem}.testimonials-hero .hero-content .hero-text p{font-size:1rem;margin-bottom:2rem}.testimonials-hero .hero-content .hero-text .hero-stats{margin-top:2rem}.testimonials-hero .hero-content .hero-text .hero-stats .stat{padding:1.2rem .8rem;border-radius:15px}.testimonials-hero .hero-content .hero-text .hero-stats .stat .stat-number{font-size:1.8rem}.testimonials-hero .hero-content .hero-text .hero-stats .stat .stat-label{font-size:.75rem}.testimonials-hero .scroll-indicator{bottom:1.5rem}.testimonials-hero .scroll-indicator .scroll-arrow{width:18px;height:18px}.testimonials-hero .scroll-indicator span{font-size:.75rem}.all-testimonials{padding:4rem 0}.all-testimonials .container{padding:0 1rem}.all-testimonials .section-header{margin-bottom:2.5rem}.all-testimonials .section-header h2{font-size:2rem}.all-testimonials .section-header p{font-size:1rem}.all-testimonials .testimonials-grid{gap:1rem}.all-testimonials .testimonials-grid .testimonial-card{padding:1.2rem;border-radius:18px}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-header{flex-direction:column;align-items:center;text-align:center;gap:.6rem;margin-bottom:1rem}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-header .author-details h4{font-size:.95rem}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-header .author-details p{font-size:.75rem}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-header .author-details .location{font-size:.65rem}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-body{text-align:center}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-body .rating{justify-content:center;margin-bottom:.6rem}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-body .testimonial-excerpt{font-size:.85rem;margin-bottom:1rem}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-body .card-footer{flex-direction:column;gap:.3rem;align-items:center}.all-testimonials .testimonials-grid .testimonial-card .card-content .card-body .card-footer .product-tag,.all-testimonials .testimonials-grid .testimonial-card .card-content .card-body .card-footer .purchase-date{font-size:.65rem}.testimonials-cta{padding:4rem 0}.testimonials-cta .cta-content{padding:0 1rem}.testimonials-cta .cta-content h2{font-size:2rem;margin-bottom:1rem}.testimonials-cta .cta-content p{font-size:1rem;margin-bottom:2rem}.testimonials-cta .cta-content .cta-buttons{gap:.8rem}.testimonials-cta .cta-content .cta-buttons .cta-btn{max-width:260px;padding:.8rem 1.8rem;font-size:.95rem}}@media (max-width: 360px){.testimonials-hero .hero-content .hero-text h1{font-size:1.8rem}.testimonials-hero .hero-content .hero-text p{font-size:.9rem}.testimonials-hero .hero-content .hero-text .hero-stats .stat{padding:1rem .6rem}.testimonials-hero .hero-content .hero-text .hero-stats .stat .stat-number{font-size:1.6rem}.testimonials-hero .hero-content .hero-text .hero-stats .stat .stat-label{font-size:.7rem}.all-testimonials .section-header h2{font-size:1.8rem}.all-testimonials .section-header p{font-size:.9rem}.testimonials-cta .cta-content h2{font-size:1.8rem}.testimonials-cta .cta-content p{font-size:.9rem}.testimonials-cta .cta-content .cta-buttons .cta-btn{max-width:240px;padding:.7rem 1.5rem;font-size:.9rem}}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#000,#1a1a1a,#000);display:flex;align-items:center;justify-content:center;z-index:9999;font-family:Inter,sans-serif;overflow:hidden}.loading-overlay:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 25% 25%,rgba(102,126,234,.05) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(118,75,162,.05) 0%,transparent 50%);animation:backgroundShift 4s ease-in-out infinite alternate}.loading-overlay .loading-container{position:relative;text-align:center;z-index:2}.loading-overlay .loading-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px}.loading-overlay .loading-bg .orbit{position:absolute;border:1px solid rgba(102,126,234,.2);border-radius:50%;animation:rotate 3s linear infinite}.loading-overlay .loading-bg .orbit.orbit-1{width:100px;height:100px;top:50%;left:50%;transform:translate(-50%,-50%);border-color:#667eea4d;animation-duration:2s}.loading-overlay .loading-bg .orbit.orbit-2{width:180px;height:180px;top:50%;left:50%;transform:translate(-50%,-50%);border-color:#764ba233;animation-duration:3s;animation-direction:reverse}.loading-overlay .loading-bg .orbit.orbit-3{width:260px;height:260px;top:50%;left:50%;transform:translate(-50%,-50%);border-color:#667eea1a;animation-duration:4s}.loading-overlay .logo-section{position:relative;margin-bottom:40px}.loading-overlay .logo-section .logo-wrapper{position:relative;display:inline-block;padding:30px 40px;background:#ffffff14;border:2px solid rgba(255,255,255,.2);border-radius:25px;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);animation:logoFloat 2s ease-in-out infinite;box-shadow:0 20px 60px #0000004d,0 0 40px #667eea33,inset 0 1px #ffffff1a}.loading-overlay .logo-section .logo-wrapper:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(45deg,#667eea,#764ba2,#667eea,#764ba2);border-radius:28px;z-index:-1;animation:borderGlow 3s linear infinite;background-size:300% 300%}.loading-overlay .logo-section .logo-wrapper:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,rgba(102,126,234,.1) 0%,transparent 70%);border-radius:50%;animation:pulseGlow 2s ease-in-out infinite}.loading-overlay .logo-section .logo-wrapper .loading-logo{height:200px;width:auto;max-width:300px;filter:brightness(0) invert(1) drop-shadow(0 0 30px rgba(255,255,255,.6)) drop-shadow(0 0 60px rgba(255,255,255,.4));animation:logoScale 2s ease-in-out infinite;position:relative;z-index:2}.loading-overlay .logo-section .logo-wrapper .loading-logo-text{font-size:4rem;font-weight:900;color:#fff;animation:logoScale 2s ease-in-out infinite;display:block;position:relative;z-index:2;text-shadow:0 0 30px rgba(255,255,255,.5),0 0 60px rgba(255,255,255,.3)}.loading-overlay .logo-section .loading-dots{display:flex;justify-content:center;gap:12px;margin-top:30px}.loading-overlay .logo-section .loading-dots .dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);animation:dotBounce 1.5s ease-in-out infinite;box-shadow:0 0 20px #667eea80}.loading-overlay .logo-section .loading-dots .dot.dot-1{animation-delay:0s}.loading-overlay .logo-section .loading-dots .dot.dot-2{animation-delay:.2s}.loading-overlay .logo-section .loading-dots .dot.dot-3{animation-delay:.4s}.loading-overlay .loading-text{color:#fff}.loading-overlay .loading-text .main-text{display:block;font-size:1.5rem;font-weight:600;margin-bottom:8px;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textFade 2s ease-in-out infinite}.loading-overlay .loading-text .sub-text{display:block;font-size:1rem;color:#94a3b8;font-weight:400;animation:textFade 2s ease-in-out infinite .5s}.loading-overlay .sparkles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.loading-overlay .sparkles .sparkle{position:absolute;font-size:20px;animation:sparkleFloat 3s ease-in-out infinite;opacity:0}.loading-overlay .sparkles .sparkle.sparkle-1{top:20%;left:15%;animation-delay:0s;animation-duration:2.5s}.loading-overlay .sparkles .sparkle.sparkle-2{top:30%;right:20%;animation-delay:.5s;animation-duration:3s}.loading-overlay .sparkles .sparkle.sparkle-3{bottom:25%;left:25%;animation-delay:1s;animation-duration:2.8s}.loading-overlay .sparkles .sparkle.sparkle-4{top:15%;left:50%;animation-delay:1.5s;animation-duration:2.2s}.loading-overlay .sparkles .sparkle.sparkle-5{bottom:35%;right:15%;animation-delay:.8s;animation-duration:3.2s}.loading-overlay .sparkles .sparkle.sparkle-6{top:60%;left:10%;animation-delay:1.2s;animation-duration:2.7s}@keyframes backgroundShift{0%{transform:translate(0) translateY(0)}to{transform:translate(20px) translateY(20px)}}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes logoScale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes borderGlow{0%{opacity:.6;background-position:0% 50%}50%{opacity:1;background-position:100% 50%}to{opacity:.6;background-position:200% 50%}}@keyframes pulseGlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}@keyframes dotBounce{0%,20%,50%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-15px);opacity:1}60%{transform:translateY(-10px);opacity:.8}}@keyframes progressBar{0%{width:0%;background-position:0% 50%}50%{background-position:100% 50%}to{width:100%;background-position:200% 50%}}@keyframes textFade{0%,to{opacity:.7}50%{opacity:1}}@keyframes sparkleFloat{0%{opacity:0;transform:translateY(20px) scale(.5)}50%{opacity:1;transform:translateY(-20px) scale(1)}to{opacity:0;transform:translateY(-40px) scale(.5)}}@media (max-width: 768px){.loading-overlay .loading-bg{width:300px;height:300px}.loading-overlay .loading-bg .orbit.orbit-1{width:80px;height:80px}.loading-overlay .loading-bg .orbit.orbit-2{width:140px;height:140px}.loading-overlay .loading-bg .orbit.orbit-3{width:200px;height:200px}.loading-overlay .logo-section .logo-wrapper{padding:25px 30px}.loading-overlay .logo-section .logo-wrapper .loading-logo{height:150px;max-width:250px}.loading-overlay .logo-section .logo-wrapper .loading-logo-text{font-size:3rem}.loading-overlay .loading-bar-container{width:250px}.loading-overlay .loading-text .main-text{font-size:1.2rem}.loading-overlay .loading-text .sub-text{font-size:.9rem}.loading-overlay .sparkles .sparkle{font-size:16px}}@media (max-width: 480px){.loading-overlay .loading-bg{width:250px;height:250px}.loading-overlay .loading-bg .orbit.orbit-1{width:60px;height:60px}.loading-overlay .loading-bg .orbit.orbit-2{width:110px;height:110px}.loading-overlay .loading-bg .orbit.orbit-3{width:160px;height:160px}.loading-overlay .logo-section .logo-wrapper{padding:20px 25px}.loading-overlay .logo-section .logo-wrapper .loading-logo{height:120px;max-width:200px}.loading-overlay .logo-section .logo-wrapper .loading-logo-text{font-size:2.5rem}.loading-overlay .loading-bar-container{width:200px}.loading-overlay .loading-text .main-text{font-size:1rem}.loading-overlay .loading-text .sub-text{font-size:.8rem}.loading-overlay .sparkles .sparkle{font-size:14px}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8f9fa;padding:20px}.auth-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:480px;width:100%;padding:40px;border:1px solid #e5e7eb}@media (max-width: 768px){.auth-card{padding:32px 24px;margin:10px;border-radius:8px}}.auth-header{text-align:center;margin-bottom:32px}.auth-header h2{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:8px;line-height:1.2}.auth-header p{color:#6b7280;font-size:1rem;line-height:1.5;margin:0}@media (max-width: 768px){.auth-header h2{font-size:1.5rem}}.auth-form{margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:8px}.form-group input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s ease;background:#fff;color:#111827;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#111827;box-shadow:0 0 0 3px #1118271a}.form-group input::placeholder{color:#9ca3af}.form-group input:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.auth-button{width:100%;padding:12px 24px;background:#111827;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.auth-button:hover:not(:disabled){background:#000}.auth-button:disabled{opacity:.6;cursor:not-allowed}.link-button{background:none;border:none;color:#111827;text-decoration:underline;cursor:pointer;font-size:.875rem;font-weight:600}.link-button:hover{color:#000}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.success-message{text-align:center;padding:24px 0}.success-icon{font-size:3rem;margin-bottom:16px;animation:bounceIn .8s ease-out}.success-message h3{color:#111827;margin-bottom:16px;font-size:1.5rem;font-weight:700}.success-message p{color:#6b7280;margin-bottom:20px;line-height:1.6}.info-box{background:#f0fdf4;border:1px solid #bbf7d0;padding:16px;border-radius:8px;margin:20px 0}.info-box p{margin:8px 0;font-size:.875rem;color:#166534}.info-box p:first-child{font-weight:600}.error-message{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:12px;font-size:.875rem;font-weight:500;margin-bottom:20px}.error-icon{flex-shrink:0}.auth-footer{text-align:center;border-top:1px solid #e5e7eb;padding-top:24px}.auth-footer p{color:#6b7280;font-size:.875rem;margin:8px 0}.auth-footer a{color:#111827;text-decoration:underline;font-weight:600}.auth-footer a:hover{color:#000}.password-strength{margin-top:8px}.strength-bar{height:4px;border-radius:2px;transition:all .3s ease;margin-bottom:4px}.strength-text{font-size:.75rem;font-weight:500;text-transform:capitalize}.password-match{font-size:.75rem;margin-top:8px;font-weight:500}.password-match.match{color:#16a34a}.password-match.no-match{color:#dc2626}.password-requirements{background:#f8f9fa;padding:16px;border-radius:8px;margin:16px 0;border-left:4px solid #6b7280}.password-requirements p{margin:0 0 8px;font-size:.875rem;font-weight:600;color:#111827}.password-requirements ul{list-style:none;padding:0;margin:0}.password-requirements li{font-size:.75rem;color:#6b7280;margin:4px 0;padding-left:16px;position:relative}.password-requirements li:before{content:"○";position:absolute;left:0;color:#d1d5db}.password-requirements li.requirement-met{color:#16a34a}.password-requirements li.requirement-met:before{content:"✓";color:#16a34a}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@media (max-width: 480px){.auth-container{padding:10px}.auth-card{padding:24px 20px}.auth-header h2{font-size:1.25rem}.auth-header p{font-size:.875rem}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;overflow-y:auto}body{height:auto;min-height:100vh;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background:#fff;overflow-x:hidden;overflow-y:auto}#root{min-height:100vh;width:100%}.App{min-height:100vh;width:100%;position:relative;display:block;overflow-x:hidden}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;outline:none;background:none;font-family:inherit}ul,ol{list-style:none}.container{max-width:1400px;margin:0 auto;padding:0 24px}img{max-width:100%;height:auto}*:focus{outline:2px solid #667eea;outline-offset:2px}body{overflow-y:auto}.app-content{transition:opacity .5s ease-in-out}.app-content.hidden{opacity:0;pointer-events:none}.app-content.visible{opacity:1;pointer-events:auto}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}