@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(font?kit=FwZY7-Qmy14u9lezJ96D&skey=a336e4011ec32111&v=v23) format('woff');
}
@media (max-width: 768px) {
.desktop-only { display: none; }
.footer-nav {display: none;}
}
.wz{display: none}
@media (min-width: 769px) {
.mobile-only { display: none; }
}
.hamburger-line {
height: 2px;
width: 24px;
background-color: #2563eb;
margin: 4px 0;
transition: 0.4s;
}
.hamburger.active .hamburger-line:nth-child(1) {
transform: rotate(-45deg) translate(-5px, 6px);
}
.hamburger.active .hamburger-line:nth-child(2) {
opacity: 0;
}
.hamburger.active .hamburger-line:nth-child(3) {
transform: rotate(45deg) translate(-5px, -6px);
}
.nav-menu {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-out;
}
.nav-menu.active {
max-height: 500px;
}
.fade-in {
opacity: 0;
transform: translateY(20px);
transition: all 0.6s ease-out;
}
.fade-in.appear {
opacity: 1;
transform: translateY(0);
}
	
	

	
.hero-bg {
background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
}
.card-hover {
transition: all 0.3s ease;
}
.card-hover:hover {
transform: translateY(-8px);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.animate-fade-in {
animation: fadeIn 1s ease-in-out;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
.animate-slide-up {
animation: slideUp 0.8s ease-out;
}
@keyframes slideUp {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
.promotion-bg {
background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}
.wz{margin-right: -3em;}