:root{--primary-color: #667eea;--secondary-color: #764ba2;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--info-color: #17a2b8;--dark-color: #343a40;--light-color: #f8f9fa}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333}.cursor-pointer{cursor:pointer}.navbar{transition:all .3s ease}.navbar-brand{transition:transform .3s ease}.navbar-brand:hover{transform:scale(1.05)}.nav-link{transition:color .3s ease;font-weight:500}.nav-link:hover{color:var(--primary-color)!important}.btn{transition:all .3s ease;font-weight:500}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.btn-primary:hover{background:linear-gradient(135deg,#5568d3,#653a8b)}.card{transition:all .3s ease}.card:hover{box-shadow:0 8px 16px #0000001a}.product-card{position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.product-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026!important}.product-card img{transition:transform .5s ease}.product-card:hover img{transform:scale(1.1)}.badge{font-weight:600;padding:.4em .8em}.form-control:focus,.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 .2rem #667eea40}footer a{transition:color .3s ease}footer a:hover{color:var(--primary-color)!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}.hero-section{position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eeae6,#764ba2e6);z-index:-1}@media (max-width: 768px){.display-3{font-size:2rem}.display-4{font-size:1.75rem}.display-5{font-size:1.5rem}}.container-fluid{padding-left:1rem;padding-right:1rem}@media (min-width: 576px){.container-fluid{padding-left:2rem;padding-right:2rem}}@media (min-width: 992px){.container-fluid{padding-left:3rem;padding-right:3rem}}@media (min-width: 1200px){.container-fluid{padding-left:4rem;padding-right:4rem}}.skeleton{animation:skeleton-loading 1s linear infinite alternate}@keyframes skeleton-loading{0%{background-color:#c2cfd6}to{background-color:#f0f3f5}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}@media print{.navbar,.footer,.btn{display:none!important}}