:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;--primary-color: #ffb6bf;--primary-light: #F4A460;--primary-dark: #d68891;--secondary-color: #DEB887;--accent-color: #CD853F;--text-dark: #2F2F2F;--text-light: #6B6B6B;--background: #FFF8DC;--white: #FFFFFF;--shadow: rgba(0, 0, 0, .1);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--background);color:var(--text-dark);font-size:16px;overflow-x:hidden}.splash-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));display:flex;justify-content:center;align-items:center;z-index:9999;animation:splashFadeIn .8s ease-out}.splash-screen.fade-out{animation:splashFadeOut .8s ease-out forwards}.splash-content{text-align:center;opacity:0;transform:translateY(30px) scale(.8);animation:splashContentPop 1s ease-out .3s both}.splash-logo{width:150px;height:150px;object-fit:contain;margin-bottom:1rem;opacity:0;animation:splashLogoBounce 1.2s ease-out .5s both}.splash-title{font-size:3rem;font-weight:700;color:var(--white);margin:.5rem 0;text-shadow:2px 2px 4px rgba(0,0,0,.3);opacity:0;transform:translate(-30px);animation:splashTextSlide .8s ease-out .8s both}.splash-subtitle{font-size:1.2rem;color:#231d16;margin:0;font-style:italic;opacity:0;transform:translate(-30px);animation:splashTextSlide .8s ease-out 1s both}.app-content.hidden{opacity:0;visibility:hidden}.app-content.visible{opacity:1;visibility:visible;animation:appFadeIn 1s ease-out}@keyframes splashFadeIn{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes splashFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9);visibility:hidden}}@keyframes splashContentPop{0%{opacity:0;transform:translateY(30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes splashLogoBounce{0%{opacity:0;transform:translateY(-50px) scale(.5)}60%{transform:translateY(10px) scale(1.1)}80%{transform:translateY(-5px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes splashTextSlide{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes appFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.container{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--white);padding:1rem 2rem;box-shadow:0 2px 10px var(--shadow);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.logo h1{color:var(--primary-color);font-size:2rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.5rem}.header-logo{width:40px;height:40px;object-fit:contain}.tagline{color:var(--text-light);font-size:.9rem;font-style:italic;margin:0}.nav{display:flex;gap:2rem}.nav-link{text-decoration:none;color:var(--text-dark);font-weight:500;padding:.5rem 1rem;border-radius:25px;transition:all .3s ease}.nav-link:hover,.nav-link.active{background-color:var(--primary-color);color:var(--white)}.main{flex:1;padding:2rem}.hero.active{display:flex;align-items:center;gap:3rem;margin-bottom:4rem;padding:2rem;background:var(--white);border-radius:20px;box-shadow:0 4px 20px var(--shadow)}.hero-content{flex:1}.hero-content h2{font-size:3rem;color:var(--primary-color);margin-bottom:1rem;font-weight:700}.hero-content p{font-size:1.2rem;color:var(--text-light);margin-bottom:2rem;line-height:1.6}.cta-button{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--white);border:none;padding:1rem 2rem;font-size:1.1rem;border-radius:50px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #d2691e4d}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d2691e66}.hero-image{flex:1;display:flex;justify-content:center;align-items:center}.floating-biscuits{position:relative;display:flex;justify-content:center;align-items:center;width:400px;height:350px}.biscuit-placeholder{object-fit:contain;opacity:.8;position:absolute}.main-biscuit{width:280px;height:280px;z-index:3;animation:bounce 2s infinite ease-in-out}.flower-biscuit{width:220px;height:220px;z-index:2;left:-60px;top:30px;animation:bounce 2.3s infinite ease-in-out}.heart-biscuit{width:200px;height:200px;z-index:1;right:-50px;top:-20px;animation:bounce 2.7s infinite ease-in-out}.parmesao-biscuit{width:80px;height:80px;z-index:2;left:20px;bottom:-30px;animation:bounce 2.5s infinite ease-in-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}section{display:none;animation:fadeIn .5s ease-in-out}section.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.menu-section,.about-section,.contact-section{background:var(--white);padding:3rem;border-radius:20px;box-shadow:0 4px 20px var(--shadow);margin-bottom:2rem}.menu-section h2,.about-section h2,.contact-section h2{font-size:2.5rem;color:var(--primary-color);text-align:center;margin-bottom:3rem}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.menu-item{background:var(--background);border-radius:15px;padding:2rem;text-align:center;transition:all .3s ease;border:2px solid transparent}.menu-item:hover{transform:translateY(-5px);border-color:var(--primary-light);box-shadow:0 8px 25px var(--shadow)}.menu-item-image{background-color:#ffb6bf;border-radius:50%;padding:10px;width:150px;height:150px;object-fit:contain;margin-bottom:1rem}.menu-item h3{color:var(--primary-dark);font-size:1.4rem;margin-bottom:.5rem}.menu-item p{color:var(--text-light);margin-bottom:1rem;line-height:1.5}.price{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:1rem}.order-button{background:var(--accent-color);color:var(--white);border:none;padding:.8rem 1.5rem;border-radius:25px;cursor:pointer;font-weight:500;transition:all .3s ease}.order-button:hover{background:var(--primary-dark);transform:scale(1.05)}.about-content{max-width:800px;margin:0 auto;text-align:center}.about-content>p{font-size:1.2rem;color:var(--text-light);margin-bottom:3rem;line-height:1.7}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature{padding:2rem;background:var(--background);border-radius:15px;transition:transform .3s ease}.feature:hover{transform:translateY(-3px)}.feature-emoji{font-size:5rem;display:block;margin:0 auto 1rem;text-align:center}.feature h3{color:var(--primary-dark);margin-bottom:1rem;font-size:1.3rem}.feature p{color:var(--text-light);line-height:1.5}.contact-info{max-width:600px;margin:0 auto;text-align:center}.contact-info p{font-size:1.2rem;margin-bottom:1rem;color:var(--text-dark);padding:1rem;background:var(--background);border-radius:10px;display:flex;align-items:center;gap:.5rem}.contact-icon{width:24px;height:24px;object-fit:contain;flex-shrink:0}.footer{background:var(--primary-dark);color:var(--white);text-align:center;padding:2rem;margin-top:auto}.footer-icon{width:20px;height:20px;object-fit:contain;display:inline;vertical-align:middle}@media (max-width: 768px){.header{flex-direction:column;gap:1rem;padding:1rem}.nav{gap:1rem}.hero{flex-direction:column;text-align:center}.hero-content h2{font-size:2rem}.floating-biscuits{width:250px;height:220px}.main-biscuit{width:180px;height:180px}.flower-biscuit{width:140px;height:140px;left:-40px;top:20px}.heart-biscuit{width:120px;height:120px;right:-30px;top:-10px}.main{padding:1rem}.menu-section,.about-section,.contact-section{padding:2rem 1rem}.menu-grid,.features{grid-template-columns:1fr}.feature-emoji{font-size:4rem}.splash-logo{width:100px;height:100px}.splash-title{font-size:2rem}.splash-subtitle{font-size:1rem}}