:root{--brand-dark: #18212f;--brand-navy: #07294f;--brand-blue: #6baee3;--brand-gray: #dedfdd}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--brand-dark);overflow:hidden}*{box-sizing:border-box}:root{--brand-dark: #18212f;--brand-navy: #07294f;--brand-blue: #6baee3;--brand-gray: #dedfdd;--brand-light: #f8fafc;--gradient-primary: linear-gradient(135deg, var(--brand-blue) 0%, var(--brand-navy) 100%);--gradient-secondary: linear-gradient(135deg, var(--brand-navy) 0%, var(--brand-dark) 100%);--shadow-light: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-medium: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-large: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(107, 174, 227, .3)}.app-container{width:100vw;height:100vh;background-color:var(--brand-dark);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:0;margin:0;box-sizing:border-box}.intro-screen{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--brand-dark);display:flex;align-items:center;justify-content:center;z-index:50;overflow:hidden;width:100vw;height:100vh}.intro-content{text-align:center;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.logo-animation{animation:logoIntro 3s ease-in-out}.hero-section{text-align:center;max-width:90vw;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1}.hero-title{font-size:clamp(1.5rem,5vw,4rem);font-weight:800;color:var(--brand-gray);margin-bottom:1vh;line-height:1.1;background:linear-gradient(135deg,var(--brand-gray) 0%,var(--brand-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(.75rem,2vw,1.25rem);color:var(--brand-gray);opacity:.8;margin-bottom:3vh;line-height:1.4;max-width:80vw;margin-left:auto;margin-right:auto}.cta-button{position:relative;background:var(--gradient-primary);color:#fff;font-weight:700;padding:clamp(.75rem,2vh,1.25rem) clamp(2rem,5vw,3.5rem);border-radius:50px;font-size:clamp(1rem,2.5vw,1.5rem);border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-medium);overflow:hidden}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.cta-button:hover:before{left:100%}.cta-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-large),var(--shadow-glow)}.button-text{position:relative;z-index:1}.button-icon{width:clamp(.875rem,1.5vh,1rem);height:clamp(.875rem,1.5vh,1rem);transition:transform .3s ease}.cta-button:hover .button-icon{transform:translate(4px)}.menu-container{text-align:center;animation:fadeIn 1s ease-in-out;width:100vw;height:100vh;max-width:none;max-height:none;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;padding:0}.menu-content-wrapper{display:flex;flex-direction:column;width:100%;height:100%;position:relative;box-sizing:border-box;padding:clamp(1rem,2.5vh,2rem);justify-content:center;align-items:center}.back-button.modern{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--brand-gray);font-weight:600;padding:clamp(.6rem,1.8vh,.9rem) clamp(1.4rem,3.5vw,1.8rem);border-radius:50px;box-shadow:var(--shadow-medium);display:flex;align-items:center;gap:.6rem;border:1px solid rgba(107,174,227,.3);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;font-size:clamp(.8rem,2.2vw,1.1rem);position:absolute;top:clamp(1rem,2.5vh,2rem);left:clamp(1rem,2.5vw,2rem);z-index:10}.back-button.modern:hover{transform:translateY(-2px) scale(1.05);background:rgba(107,174,227,.2);border-color:var(--brand-blue);box-shadow:var(--shadow-large),var(--shadow-glow)}.back-icon{height:clamp(1rem,2.5vw,1.5rem);width:clamp(1rem,2.5vw,1.5rem);margin-right:.25rem}.menu-grid.modern{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.2rem,3vw,2.4rem);width:100%;max-width:min(90vw,560px);margin:0 auto;padding:0;justify-items:center;align-items:center;place-content:center}.menu-card{background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(107,174,227,.25);border-radius:clamp(14px,2.2vw,18px);padding:clamp(1.2rem,3.5vw,2.2rem);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;aspect-ratio:1;width:100%;height:auto;min-height:clamp(130px,25vw,190px);max-height:clamp(170px,28vw,220px);display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.menu-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(107,174,227,.1),transparent);transition:left .5s}.menu-card:hover:before{left:100%}.menu-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-large),var(--shadow-glow);border-color:var(--brand-blue);background:rgba(107,174,227,.1)}.menu-card:active{transform:translateY(-4px) scale(1.01)}.card-icon{width:clamp(2rem,4.5vw,2.8rem);height:clamp(2rem,4.5vw,2.8rem);margin-bottom:clamp(.7rem,2vw,1.2rem);color:var(--brand-blue);transition:all .3s ease;flex-shrink:0}.menu-card:hover .card-icon{transform:scale(1.1);color:var(--brand-gray)}.menu-card h3{color:var(--brand-gray);font-size:clamp(.95rem,2.4vw,1.35rem);font-weight:700;margin:0 0 clamp(.4rem,1vw,.7rem) 0;transition:color .3s ease;line-height:1.2}.menu-card p{color:var(--brand-gray);opacity:.75;font-size:clamp(.7rem,1.8vw,.95rem);margin:0;line-height:1.3;transition:opacity .3s ease}.menu-card:hover p{opacity:1}.brand-logo{max-width:min(85vw,400px);max-height:min(35vh,250px);width:auto;height:auto;margin-bottom:2vh;filter:drop-shadow(0 0 10px var(--brand-blue));transition:all .3s ease;object-fit:contain}.landing-logo{max-width:min(75vw,350px);max-height:min(25vh,150px);width:auto;height:auto;margin-bottom:2vh;transition:all .3s ease;object-fit:contain}.landing-content{text-align:center;animation:fadeIn 1s ease-in-out;padding:2vh 2vw;width:100vw;height:100vh;max-width:none;max-height:none;margin:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes logoIntro{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%{text-shadow:0 0 5px var(--brand-blue),0 0 10px var(--brand-blue),0 0 15px var(--brand-blue)}to{text-shadow:0 0 10px var(--brand-blue),0 0 20px var(--brand-blue),0 0 30px var(--brand-blue)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 480px) and (max-height: 700px){.menu-content-wrapper{padding:clamp(.8rem,2vh,1.2rem)}.back-button.modern{top:clamp(.8rem,2vh,1.2rem);left:clamp(.8rem,2vw,1.2rem);padding:clamp(.5rem,1.5vh,.7rem) clamp(1.2rem,3vw,1.4rem)}.menu-grid.modern{gap:clamp(.9rem,2.5vw,1.4rem);max-width:min(88vw,400px)}.menu-card{min-height:clamp(110px,23vw,140px);max-height:clamp(140px,26vw,160px);padding:clamp(.9rem,2.8vw,1.4rem)}}@media (min-width: 481px) and (max-width: 768px){.menu-content-wrapper{padding:clamp(1.1rem,2.3vh,1.6rem)}.back-button.modern{top:clamp(1.1rem,2.3vh,1.6rem);left:clamp(1.1rem,2.3vw,1.6rem)}.menu-grid.modern{max-width:min(85vw,480px);gap:clamp(1.1rem,2.8vw,1.8rem)}.menu-card{min-height:clamp(140px,22vw,170px);max-height:clamp(170px,25vw,190px)}}@media (min-width: 769px) and (max-width: 1024px){.menu-content-wrapper{padding:clamp(1.4rem,2.8vh,2rem)}.back-button.modern{top:clamp(1.4rem,2.8vh,2rem);left:clamp(1.4rem,2.8vw,2rem)}.menu-grid.modern{max-width:min(80vw,520px);gap:clamp(1.4rem,2.8vw,2.1rem)}.menu-card{min-height:clamp(150px,18vw,180px);max-height:clamp(180px,21vw,210px)}}@media (min-width: 1025px){.menu-content-wrapper{padding:clamp(1.8rem,3.2vh,2.4rem)}.back-button.modern{top:clamp(1.8rem,3.2vh,2.4rem);left:clamp(1.8rem,3.2vw,2.4rem)}.menu-grid.modern{max-width:min(75vw,560px);gap:clamp(1.8rem,2.5vw,2.4rem)}.menu-card{min-height:clamp(170px,16vw,200px);max-height:clamp(200px,19vw,230px)}}@media (min-width: 1440px){.menu-content-wrapper{padding:2.5rem}.back-button.modern{top:2.5rem;left:2.5rem}.menu-grid.modern{max-width:500px;gap:2.2rem}.menu-card{min-height:180px;max-height:200px}}@media (max-height: 500px){.menu-content-wrapper{padding:clamp(.6rem,1.5vh,.9rem)}.back-button.modern{top:clamp(.6rem,1.5vh,.9rem);left:clamp(.6rem,1.5vw,.9rem);padding:clamp(.4rem,1vh,.6rem) clamp(1rem,2.5vw,1.3rem)}.menu-grid.modern{gap:clamp(.8rem,2vw,1.3rem);max-width:min(82vw,450px)}.menu-card{min-height:clamp(85px,18vh,120px);max-height:clamp(110px,22vh,140px);padding:clamp(.6rem,2.2vw,1.1rem)}.card-icon{width:clamp(1.4rem,3.5vw,1.9rem);height:clamp(1.4rem,3.5vw,1.9rem);margin-bottom:clamp(.4rem,1.2vw,.7rem)}.menu-card h3{font-size:clamp(.8rem,2.2vw,1.1rem);margin-bottom:clamp(.2rem,.8vw,.4rem)}.menu-card p{font-size:clamp(.6rem,1.8vw,.8rem)}}@media (min-width: 1920px) and (min-height: 800px){.menu-grid.modern{max-width:480px;gap:2rem}}@media (min-height: 1000px){.menu-content-wrapper{justify-content:center;align-items:center}}