@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=VT323&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:300;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}#root{width:100%;min-height:100vh}body{background:linear-gradient(180deg,#0a0015,#1a0a2e,#16082a);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:linear-gradient(transparent 0%,rgba(255,0,128,.03) 50%,transparent 100%),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,0,128,.03) 2px,rgba(255,0,128,.03) 4px);pointer-events:none;z-index:1000;animation:scanlines 8s linear infinite}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(4px)}}body:after{content:"";position:fixed;bottom:0;left:-50%;right:-50%;height:40vh;background:linear-gradient(to bottom,transparent 0%,rgba(255,0,128,.1) 100%),repeating-linear-gradient(90deg,transparent,transparent 80px,rgba(255,0,128,.3) 80px,rgba(255,0,128,.3) 81px),repeating-linear-gradient(0deg,transparent,transparent 40px,rgba(0,255,255,.2) 40px,rgba(0,255,255,.2) 41px);transform:perspective(500px) rotateX(60deg);transform-origin:center top;pointer-events:none;z-index:-1}.container{max-width:1200px;margin:0 auto;padding:80px 40px;position:relative;z-index:1}.header{text-align:center;margin-bottom:80px;padding-bottom:40px;border-bottom:2px solid;border-image:linear-gradient(90deg,transparent,#ff0080,#00ffff,#ff0080,transparent) 1}.header h1{font-family:Orbitron,sans-serif;font-size:4rem;font-weight:900;letter-spacing:.2em;margin-bottom:8px;background:linear-gradient(180deg,#ff0080,#ff80bf,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(255,0,128,.5);filter:drop-shadow(0 0 20px rgba(255,0,128,.5)) drop-shadow(0 0 40px rgba(0,255,255,.3));animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{filter:drop-shadow(0 0 20px rgba(255,0,128,.5)) drop-shadow(0 0 40px rgba(0,255,255,.3))}to{filter:drop-shadow(0 0 30px rgba(255,0,128,.8)) drop-shadow(0 0 60px rgba(0,255,255,.5))}}.header .subtitle{font-family:VT323,monospace;font-size:1.5rem;letter-spacing:.3em;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.8);margin-bottom:16px}.header .address{font-family:VT323,monospace;font-size:1.2rem;letter-spacing:.1em;color:#ff80bf;text-shadow:0 0 10px rgba(255,0,128,.5)}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}@media(max-width:768px){.menu-grid{grid-template-columns:1fr;gap:30px}.container{padding:40px 20px}.header{margin-bottom:40px}.header h1{font-size:2rem;letter-spacing:.1em}}.menu-item{cursor:pointer;background:linear-gradient(135deg,#1a0a2ee6,#0a0015f2);border:2px solid #ff0080;box-shadow:0 0 20px #ff00804d,inset 0 0 20px #ff00801a;transition:all .3s ease;position:relative;overflow:hidden}.menu-item:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#ff0080,#0ff,#ff0080);z-index:-1;opacity:0;transition:opacity .3s ease}.menu-item:hover{border-color:#0ff;box-shadow:0 0 40px #00ffff80,0 0 80px #ff00804d,inset 0 0 30px #00ffff1a;transform:translateY(-5px)}.menu-item-image{width:100%;aspect-ratio:4/3;overflow:hidden;border-bottom:2px solid #ff0080;position:relative}.menu-item-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(255,0,128,.3) 100%);pointer-events:none}.menu-item-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease,filter .3s ease;filter:saturate(1.2) contrast(1.1)}.menu-item:hover .menu-item-image img{transform:scale(1.05);filter:saturate(1.4) contrast(1.2) brightness(1.1)}.menu-item:hover .menu-item-image{border-color:#0ff}.menu-item-info{padding:24px;display:flex;justify-content:space-between;align-items:center}.menu-item-name{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.1em;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.5)}.menu-item-price{font-family:VT323,monospace;font-size:1.3rem;font-weight:400;color:#ff0080;text-shadow:0 0 10px rgba(255,0,128,.5)}.modal-overlay{position:fixed;inset:0;background:#0a0015f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal{background:linear-gradient(135deg,#1a0a2efa,#0a0015fc);border:2px solid #ff0080;box-shadow:0 0 40px #ff008066,0 0 80px #0ff3,inset 0 0 40px #ff00801a;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-image{width:100%;aspect-ratio:4/3;overflow:hidden;border-bottom:2px solid #ff0080;position:relative}.modal-image:after{content:"👽";position:absolute;top:10px;right:10px;font-size:2rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.modal-image img{width:100%;height:100%;object-fit:cover;filter:saturate(1.2) contrast(1.1)}.modal-content{padding:40px}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:24px;border-bottom:2px solid;border-image:linear-gradient(90deg,#ff0080,#0ff) 1}.modal-name{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:.1em;color:#0ff;text-shadow:0 0 15px rgba(0,255,255,.6)}.modal-price{font-family:VT323,monospace;font-size:1.8rem;color:#ff0080;text-shadow:0 0 15px rgba(255,0,128,.6)}.modal-description{font-family:VT323,monospace;font-size:1.3rem;line-height:1.8;color:#ff80bf;margin-bottom:32px;text-shadow:0 0 5px rgba(255,128,191,.3)}.modal-close{font-family:Orbitron,sans-serif;background:transparent;border:2px solid #00ffff;padding:12px 32px;font-size:.9rem;letter-spacing:.2em;color:#0ff;cursor:pointer;transition:all .3s ease;text-shadow:0 0 10px rgba(0,255,255,.5);box-shadow:0 0 20px #0ff3}.modal-close:hover{background:#0ff;color:#0a0015;box-shadow:0 0 40px #0ff9;text-shadow:none}.footer{margin-top:80px;padding-top:40px;border-top:2px solid;border-image:linear-gradient(90deg,transparent,#ff0080,#00ffff,#ff0080,transparent) 1;text-align:center}.footer p{font-family:VT323,monospace;font-size:1.2rem;letter-spacing:.15em;color:#ff0080;text-shadow:0 0 10px rgba(255,0,128,.5);margin-bottom:8px}.footer .copyright{font-size:1rem;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.5);opacity:.7}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0015}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff0080,#0ff);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff40a0,#40ffff)}