*{margin: 0;padding: 0;box-sizing: border-box} body{font-family: 'Roboto', sans-serif;background-color: #000000;color: #ffffff;line-height: 1.6;overflow-x: hidden} .container{max-width: 1200px;margin: 0 auto;padding: 0 20px} .header{background-color: #000000;padding: 20px 0;position: fixed;top: 0;left: 0;right: 0;z-index: 1000;border-bottom: 2px solid #ff6b35} .header .container{display: flex;justify-content: space-between;align-items: center} .logo-container{display: flex;align-items: center;gap: 20px} .logo{width: 60px;height: 60px;position: relative} .target-circle{width: 60px;height: 60px;border: 3px solid #ffffff;border-radius: 50%;position: relative;display: flex;align-items: center;justify-content: center} .crosshair{position: absolute;width: 100%;height: 100%} .crosshair::before, .crosshair::after{content: '';position: absolute;background-color: #ffffff} .crosshair::before{width: 2px;height: 100%;left: 50%;transform: translateX(-50%)} .crosshair::after{width: 100%;height: 2px;top: 50%;transform: translateY(-50%)} .corner-brackets{position: absolute;width: 100%;height: 100%} .bracket{position: absolute;width: 12px;height: 12px;border: 2px solid #ffffff} .bracket.top-left{top: 8px;left: 8px;border-right: none;border-bottom: none} .bracket.top-right{top: 8px;right: 8px;border-left: none;border-bottom: none} .bracket.bottom-left{bottom: 8px;left: 8px;border-right: none;border-top: none} .bracket.bottom-right{bottom: 8px;right: 8px;border-left: none;border-top: none} .shot-glass{position: absolute;width: 16px;height: 20px;border: 2px solid #ffffff;border-radius: 0 0 8px 8px;top: 50%;left: 50%;transform: translate(-50%, -50%)} .liquid{position: absolute;bottom: 2px;left: 2px;right: 2px;height: 12px;background-color: #ff6b35;border-radius: 0 0 6px 6px} .brand-name{font-family: 'Orbitron', monospace;font-size: 24px;font-weight: 900;color: #ffffff;letter-spacing: 2px} .nav{display: flex;gap: 30px} .nav-link{color: #ffffff;text-decoration: none;font-weight: 500;font-size: 16px;transition: color 0.3s ease;position: relative} .nav-link:hover{color: #ff6b35} .nav-link::after{content: '';position: absolute;bottom: -5px;left: 0;width: 0;height: 2px;background-color: #ff6b35;transition: width 0.3s ease} .nav-link:hover::after{width: 100%} .hero{background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);padding: 150px 0 100px;text-align: center;position: relative;overflow: hidden} .hero::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(circle at 50% 50%, rgba(255, 107, 53, 0.1) 0%, transparent 70%)} .hero .container{position: relative;z-index: 2} .hero-title{font-family: 'Orbitron', monospace;font-size: 48px;font-weight: 900;margin-bottom: 20px;color: #ffffff;text-shadow: 0 0 20px rgba(255, 107, 53, 0.5)} .hero-subtitle{font-size: 20px;color: #cccccc;font-weight: 300} .main-content{padding: 80px 0} .menu-section{margin-bottom: 80px} .section-title{font-family: 'Orbitron', monospace;font-size: 36px;font-weight: 700;text-align: center;margin-bottom: 50px;color: #ffffff;position: relative} .section-title::after{content: '';position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);width: 80px;height: 3px;background-color: #ff6b35} .subsection-title{font-family: 'Orbitron', monospace;font-size: 24px;font-weight: 600;text-align: center;margin: 60px 0 30px;color: #ff6b35;position: relative} .menu-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 30px;margin-top: 40px} .menu-item{background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);padding: 25px;border-radius: 15px;border: 1px solid #333333;transition: all 0.3s ease;position: relative;overflow: hidden} .menu-item::before{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 107, 53, 0.1), transparent);transition: left 0.5s ease} .menu-item:hover::before{left: 100%} .menu-item:hover{transform: translateY(-5px);border-color: #ff6b35;box-shadow: 0 10px 30px rgba(255, 107, 53, 0.2)} .item-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px} .item-name{font-family: 'Orbitron', monospace;font-size: 18px;font-weight: 700;color: #ffffff} .item-price{font-size: 20px;font-weight: 700;color: #ff6b35} .item-description{color: #cccccc;font-size: 14px;line-height: 1.5} .footer{background-color: #000000;padding: 40px 0;border-top: 2px solid #ff6b35} .footer-content{display: flex;justify-content: space-between;align-items: center} .footer-logo h3{font-family: 'Orbitron', monospace;font-size: 24px;font-weight: 700;color: #ffffff;margin-bottom: 5px} .footer-logo p{color: #ff6b35;font-size: 14px} .footer-info{text-align: right} .footer-info p{color: #cccccc;margin-bottom: 5px;font-size: 14px} .footer-credit{text-align: center;margin-top: 20px;padding-top: 20px;border-top: 1px solid #333333} .footer-credit p{color: #888888;font-size: 12px;margin: 0} .footer-credit a{color: #ff6b35;text-decoration: none;transition: color 0.3s ease} .footer-credit a:hover{color: #ffffff} @media (max-width: 768px){.header .container{flex-direction: column;gap: 20px} .nav{gap: 20px} .hero-title{font-size: 36px} .hero-subtitle{font-size: 18px} .menu-grid{grid-template-columns: 1fr;gap: 20px} .footer-content{flex-direction: column;gap: 20px;text-align: center} .footer-info{text-align: center} } @media (max-width: 480px){.container{padding: 0 15px} .hero{padding: 120px 0 80px} .hero-title{font-size: 28px} .section-title{font-size: 28px} .menu-item{padding: 20px} .nav{flex-wrap: wrap;justify-content: center;gap: 15px} } html{scroll-behavior: smooth} @keyframes fadeInUp{from{opacity: 0;transform: translateY(30px)} to{opacity: 1;transform: translateY(0)} } .menu-item{animation: fadeInUp 0.6s ease forwards} .menu-item:nth-child(1){animation-delay: 0.1s} .menu-item:nth-child(2){animation-delay: 0.2s} .menu-item:nth-child(3){animation-delay: 0.3s} .menu-item:nth-child(4){animation-delay: 0.4s} .menu-item:nth-child(5){animation-delay: 0.5s} .menu-item:nth-child(6){animation-delay: 0.6s}