*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Poppins',sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{background:rgb(255 255 255 / .95);backdrop-filter:blur(10px);position:fixed;top:0;width:100%;z-index:1000;box-shadow:0 2px 20px rgb(0 0 0 / .1)}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px}.nav-logo{display:flex;align-items:center;gap:10px}.logo-img{width:100px;height:100px;object-fit:contain}.logo-text{font-size:30px;font-weight:700;color:#667eea}.nav-menu{display:flex;list-style:none;gap:30px}.nav-link{text-decoration:none;color:#333;font-weight:500;transition:color 0.3s ease;position:relative}.nav-link:hover,.nav-link.active{color:#667eea}.nav-link.active::after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:#667eea;border-radius:2px}.hamburger{display:none;flex-direction:column;cursor:pointer}.bar{width:25px;height:3px;background:#333;margin:3px 0;transition:0.3s}.hero{padding:120px 0 80px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url(assets/background2.jpg) center/cover;opacity:.1;z-index:1}.hero-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:20px;line-height:1.2;animation:fadeInUp 1s ease-out}.star{display:inline-block;animation:twinkle 2s infinite}.hero-subtitle{font-size:1.2rem;opacity:.9;margin-bottom:30px;animation:fadeInUp 1s ease-out 0.2s both}.hero-image{animation:fadeInRight 1s ease-out 0.4s both}.hero-img{width:100%;height:400px;object-fit:cover;border-radius:20px;box-shadow:0 20px 40px rgb(0 0 0 / .3)}.offers-section{padding:80px 0;background:#f8f9fa}.offer-category{margin-bottom:60px}.category-title{font-size:2.5rem;font-weight:600;color:#333;margin-bottom:40px;text-align:center;display:flex;align-items:center;justify-content:center;gap:15px}.category-title i{color:#667eea;font-size:2rem}.offers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-bottom:40px}.offer-card{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 30px rgb(0 0 0 / .1);transition:all 0.3s ease;position:relative;overflow:hidden;animation:fadeInUp 0.8s ease-out}.offer-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.offer-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgb(0 0 0 / .15)}.offer-card.ongoing::before{background:linear-gradient(90deg,#28a745,#20c997)}.offer-card.previous::before{background:linear-gradient(90deg,#ffc107,#fd7e14)}.offer-card.upcoming::before{background:linear-gradient(90deg,#6f42c1,#e83e8c)}.offer-icon{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#fff;font-size:24px}.offer-card.ongoing .offer-icon{background:linear-gradient(135deg,#28a745,#20c997)}.offer-card.previous .offer-icon{background:linear-gradient(135deg,#ffc107,#fd7e14)}.offer-card.upcoming .offer-icon{background:linear-gradient(135deg,#6f42c1,#e83e8c)}.offer-title{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:15px}.offer-description{color:#666;line-height:1.6;margin-bottom:20px}.offer-badge{display:inline-block;padding:8px 16px;background:#667eea;color:#fff;border-radius:20px;font-size:.9rem;font-weight:500}.offer-card.ongoing .offer-badge{background:#28a745}.offer-card.previous .offer-badge{background:#ffc107;color:#333}.offer-card.upcoming .offer-badge{background:#6f42c1}.cta-section{padding:80px 0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;text-align:center}.cta-title{font-size:2.5rem;font-weight:600;margin-bottom:20px;animation:fadeInUp 1s ease-out}.cta-subtitle{font-size:1.2rem;opacity:.9;margin-bottom:40px;animation:fadeInUp 1s ease-out 0.2s both}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s ease-out 0.4s both}.btn{padding:15px 30px;border-radius:30px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all 0.3s ease;display:inline-block}.btn-primary{background:#fff;color:#667eea}.btn-primary:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 10px 20px rgb(0 0 0 / .2)}.btn-secondary{background:#fff0;color:#fff;border:2px solid #fff}.btn-secondary:hover{background:#fff;color:#667eea;transform:translateY(-2px)}.footer{background:#333;color:#fff;padding:60px 0 20px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-section h3,.footer-section h4{margin-bottom:20px;color:#667eea}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:10px}.footer-section ul li a{color:#ccc;text-decoration:none;transition:color 0.3s ease}.footer-section ul li a:hover{color:#667eea}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid #444;color:#ccc}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes twinkle{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@media (max-width:768px){.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background-color:#fff;width:100%;text-align:center;transition:0.3s;box-shadow:0 10px 27px rgb(0 0 0 / .05);padding:20px 0}.nav-menu.active{left:0}.hamburger{display:flex}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.hero-content{grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.category-title{font-size:2rem;flex-direction:column;gap:10px}.offers-grid{grid-template-columns:1fr}.cta-title{font-size:2rem}.cta-buttons{flex-direction:column;align-items:center}.btn{width:200px}}@media (max-width:480px){.hero-title{font-size:2rem}.offer-card{padding:20px}.cta-title{font-size:1.8rem}}