html,body{height:100%;width:100%;margin:0;padding:0}.hero{position:relative;width:100vw;height:815px;background:linear-gradient(135deg,#976c53,#140a00,#2e1a07 60%,#976c53),repeating-radial-gradient(circle at 60% 40%,#fffbe6 0px,#f3e1d2 40px,transparent 80px);background-blend-mode:multiply;display:flex;justify-content:center;align-items:center;flex-direction:column;padding-top:100px}.hero .ice{position:absolute;width:375px;height:auto;top:140px;left:750px;z-index:10000;transform:translate(-50%)}.hero h2{position:absolute;font-family:Rowdies,sans-serif;font-size:150px;color:#d7b89c;z-index:1;top:140px}.hero-text h3{position:relative;font-size:36px;font-family:Rowdies,sans-serif;color:#f3e1d2;bottom:-210px;right:400px}.hero-text p{position:relative;font-size:18px;line-height:1.6;font-family:Arial,sans-serif;bottom:-180px;width:300px;right:400px;color:#f0dbcb}.cof{position:absolute;bottom:90px;width:700px;height:800px}.beans{position:absolute;top:160vh;width:700px;height:auto;right:300px;z-index:1;rotate:45deg}.chat{position:absolute;left:100px;width:200px;height:200px;z-index:100}.chat1{position:absolute;right:100px;bottom:100px;width:200px;height:200px;z-index:100}.chat2{position:absolute;right:100px;top:100px;width:200px;height:200px;z-index:100}.overlay{position:relative;bottom:500px;left:670px}.section1{background:linear-gradient(to bottom,#4b2e1f,#2f1a12);position:relative;color:#f0e0d6;width:100vw;height:800px}.section1-img{position:relative;top:250px;left:100px;width:500px;height:100px}.section1-text{position:absolute;max-width:500px;color:#f5e2d5;right:100px;top:150px}.section1-text h3{font-size:40px;font-family:Rowdies,sans-serif;color:#f3d6c3;margin-bottom:20px}.section1-text p{font-size:18px;line-height:1.8;font-family:Arial,sans-serif;color:#f0dbcb}.section2{position:relative;color:#f0e0d6;width:100vw;height:800px;background:linear-gradient(to bottom,#563728,#3f2218)}.section2 .curve1{width:520px;height:370px;background:linear-gradient(to bottom,#f2b4c8,#fff);position:absolute;top:640px;left:80px;border-radius:0 100% 100% 0;transform:rotate(-90deg);transform-origin:top left}.curve1 .straw{position:absolute;top:20px;left:250px;width:300px;height:350px}.curve1 h3{position:absolute;font-size:40px;left:20px;top:-20px}.curve1 .three{position:absolute;left:20px;top:-670px;width:530px;height:600px;transform:rotate(-270deg);transform-origin:left bottom}.curve2{width:520px;height:370px;background:linear-gradient(to bottom,#7b4b35,#f6eee4);position:absolute;top:640px;left:530px;border-radius:0 100% 100% 0;transform:rotate(-90deg);transform-origin:top left}.curve2 h3{position:absolute;font-size:40px;left:20px}.curve2 .c1{width:320px;height:280px;transform:rotate(-270deg);position:absolute;top:50px;left:250px}.curve2 .sweet{z-index:99}.curve3{width:520px;height:370px;background:linear-gradient(to bottom,#b4d3a4,#f6f4ed);position:absolute;top:640px;left:1000px;border-radius:0 100% 100% 0;transform:rotate(-90deg);transform-origin:top left}.curve3 h3{position:absolute;font-size:40px;left:20px}.curve2 h3{position:absolute;font-size:40px;left:20px;top:-30px;z-index:999}.curve3 .pista{width:320px;height:280px;transform:rotate(-270deg);position:absolute;top:50px;left:250px}.curve3 .two{position:absolute;left:-580px;top:-290px;width:530px;height:760px;transform-origin:right bottom;transform:rotate(-270deg)}.curve3 h3{z-index:999;color:#fff}.hero h2,.ice{will-change:transform,opacity}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;transition:all .3s ease}.navbar-transparent{background:transparent}.navbar-scrolled{background:#975a4c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 4px #0000001a}.navbar-container{max-width:1280px;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.navbar-container{padding:0 1.5rem}}@media (min-width: 1024px){.navbar-container{padding:0 2rem}}.navbar-content{display:flex;align-items:center;justify-content:space-between;height:4rem}.navbar-logo{flex-shrink:0}.navbar-logo-text{font-size:1.5rem;font-weight:700;color:#fef3c7;font-family:Rowdies,sans-serif}.navbar-desktop-menu{display:none}@media (min-width: 768px){.navbar-desktop-menu{display:block}}.navbar-desktop-links{margin-left:2.5rem;display:flex;align-items:baseline;gap:2rem}.navbar-link{color:#fef3c7;font-family:Rowdies,sans-serif;padding:.5rem .75rem;border-radius:.25rem;font-size:1.1rem;font-weight:400;transition:color .2s ease;text-decoration:none}.navbar-link:hover{transform:scale(1.08);color:#f5876b}.navbar-action-buttons{display:none}@media (min-width: 768px){.navbar-action-buttons{display:flex;align-items:center;gap:1rem}}.navbar-action-button{color:#fef3c7;background:none;border:none;cursor:pointer;transition:color .2s ease}.navbar-action-button:hover{color:#fde68a}.navbar-mobile-toggle{display:block}@media (min-width: 768px){.navbar-mobile-toggle{display:none}}.navbar-mobile-button{color:#fef3c7;background:none;border:none;cursor:pointer;transition:color .2s ease}.navbar-mobile-button:hover{color:#fde68a}.navbar-mobile-menu{display:none}@media (max-width: 767px){.navbar-mobile-menu{display:block;background:#92400ef2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.navbar-mobile-links{padding:.5rem .5rem .75rem;display:flex;flex-direction:column;gap:.25rem}@media (min-width: 640px){.navbar-mobile-links{padding:.5rem .75rem .75rem}}.navbar-mobile-link{display:block;color:#fef3c7;padding:.5rem .75rem;border-radius:.25rem;font-size:1rem;font-weight:500}.navbar-mobile-link:hover{color:#fde68a}.Chocolate{position:relative;top:-30vh}.testimonial-section{padding:4rem 2rem;background-color:#975e5e;text-align:center;position:relative}.testimonial-section h2{font-size:2.5rem;color:#ede8e8;margin-bottom:2rem;font-family:Rowdies,sans-serif}.testimonial-container{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.testimonial-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:2rem;max-width:300px;transition:transform .3s ease}.testimonial-card:hover{transform:translateY(-5px)}.testimonial-card h3{font-size:1.5rem;color:#ff6f61;margin-bottom:1rem;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.testimonial-card p{font-size:1rem;color:#555;line-height:1.6;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.emoji-note{font-size:1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fcfbfb;position:absolute;bottom:1rem;right:2rem;margin:0}@media (max-width: 768px){.testimonial-container{flex-direction:column;align-items:center}.testimonial-card{max-width:80%}.emoji-note{position:static;text-align:center;margin-top:1rem}}.contact-section{background:linear-gradient(135deg,#2c1810,#1a0f0a);min-height:100vh;padding:80px 0;position:relative}.contact-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="%23ffffff" opacity="0.02"/><circle cx="75" cy="75" r="1" fill="%23ffffff" opacity="0.02"/><circle cx="50" cy="10" r="0.5" fill="%23ffffff" opacity="0.03"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none}.contact-container{max-width:1200px;margin:0 auto;padding:0 40px;position:relative;z-index:1}.contact-header{text-align:center;margin-bottom:80px}.contact-title{font-size:clamp(40px,6vw,60px);font-family:Rowdies,sans-serif;color:#f3d6c3;margin-bottom:20px;text-shadow:0 5px 15px rgba(0,0,0,.3)}.contact-subtitle{font-size:clamp(16px,2vw,20px);color:#f0dbcb;max-width:600px;margin:0 auto;line-height:1.6}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.contact-info{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:40px;border:1px solid rgba(255,255,255,.1)}.contact-info h3{font-size:32px;font-family:Rowdies,sans-serif;font-weight:500;color:#f3d6c3;margin-bottom:40px;text-align:center}.info-item{display:flex;align-items:flex-start;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-weight:100;gap:20px;margin-bottom:32px;padding:20px;background:#ffffff08;border-radius:16px;transition:all .3s ease}.info-item:hover{background:#ffffff14;transform:translate(5px)}.info-icon{color:#ff6b6b;flex-shrink:0;margin-top:4px}.info-item h4{font-size:18px;font-weight:400;color:#f3d6c3;margin-bottom:8px;font-family:Rowdies,sans-serif}.info-item p{color:#f0dbcb;line-height:1.6;font-size:16px}.social-section{margin-top:40px;text-align:center}.social-section h4{font-size:20px;font-family:Rowdies,sans-serif;color:#f3d6c3;margin-bottom:24px}.footer{display:flex;justify-content:center;gap:20px;list-style:none;padding:0;margin:0}.footer li{flex-shrink:0}.footer a{position:relative;display:flex;justify-content:center;align-items:center;width:50px;height:50px;text-decoration:none;font-size:20px;color:#f0dbcb;border:2px solid rgba(255,255,255,.2);border-radius:50%;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s ease;overflow:hidden}.footer a:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);transform:scale(0);transition:transform .4s ease;border-radius:50%}.footer a:hover:before{transform:scale(1)}.footer a:hover{color:#fff;border-color:#ff6b6b;transform:translateY(-3px);box-shadow:0 10px 25px #ff6b6b4d}.footer a>*{position:relative;z-index:1}.form{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:40px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px #0003;display:flex;flex-direction:column;align-items:center}.form .title{font-size:32px;font-family:Rowdies,sans-serif;color:#f3d6c3;text-align:center;margin-bottom:40px;text-shadow:0 2px 8px rgba(0,0,0,.3)}.form input,.form textarea{width:100%;padding:16px 20px;margin-bottom:24px;background:#ffffff14;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#f0dbcb;font-size:16px;font-family:Inter,sans-serif;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.form input::placeholder,.form textarea::placeholder{color:#f0dbcb99}.form input:focus,.form textarea:focus{outline:none;border-color:#ff6b6b;background:#ffffff1f;box-shadow:0 0 0 3px #ff6b6b33}.form textarea{min-height:120px;resize:vertical}.submit-btn{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;font-family:Inter,sans-serif;position:relative;overflow:hidden}.submit-btn: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 ease}.submit-btn:hover:before{left:100%}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #ff6b6b66;background:linear-gradient(135deg,#ff5252,#ff7979)}.submit-btn:active{transform:translateY(0)}@media (max-width: 1024px){.contact-content{grid-template-columns:1fr;gap:60px}.contact-container{padding:0 30px}}@media (max-width: 768px){.contact-section{padding:60px 0}.contact-container{padding:0 20px}.contact-header{margin-bottom:60px}.contact-info,.form{padding:30px 20px}.info-item{flex-direction:column;text-align:center;gap:12px}.footer{gap:15px}.footer a{width:45px;height:45px;font-size:18px}}@media (max-width: 480px){.contact-info,.form{padding:25px 15px}.info-item{padding:15px}.form input,.form textarea{padding:14px 16px}}@media (prefers-reduced-motion: reduce){.info-item:hover,.footer a:hover,.submit-btn:hover{transform:none}}.form input:focus,.form textarea:focus,.submit-btn:focus,.footer a:focus{outline:2px solid #ff6b6b;outline-offset:2px}.credit-section{padding:1.5rem;background-color:#f8f8f8;text-align:center;font-family:Arial,sans-serif}.credit-section p{font-size:.9rem;color:#555;margin:0}.credit-section a{color:#ff6f61;text-decoration:none;font-weight:700}.credit-section a:hover{text-decoration:underline}@media (max-width: 768px){.credit-section p{font-size:.85rem}}
