@import url('https://fonts.googleapis.com/css2?family=Gaegu:wght@400;700&display=swap');
:root{--peach-main:#FF8A8A;--peach-light:#FFEFEF;--peach-text:#D65A5A;--text-dark:#333;--text-soft:#555;--font:'Gaegu',cursive}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:#FFF9F9;color:var(--text-dark);-webkit-font-smoothing:antialiased;overflow-x:hidden;text-align:center}
.container{width:90%;max-width:1100px;margin:0 auto}
.floating-bar{position:fixed;bottom:30px;right:30px;z-index:1000;display:flex;flex-direction:column;gap:15px}
.floating-bar a{width:60px;height:60px;background:var(--peach-main);border-radius:50%;display:flex;justify-content:center;align-items:center;text-decoration:none;box-shadow:0 5px 15px rgba(214,90,90,.4);transition:.3s;position:relative}
.floating-bar a:hover{transform:scale(1.08);box-shadow:0 8px 25px rgba(214,90,90,.5)}
.floating-bar a .tooltip{position:absolute;right:120%;top:50%;transform:translateY(-50%);background:var(--peach-main);color:#fff;padding:8px 12px;border-radius:10px;font-size:1.05rem;white-space:nowrap;opacity:0;visibility:hidden;transition:.3s;box-shadow:0 5px 15px rgba(214,90,90,.4)}
.floating-bar a:hover .tooltip{opacity:1;visibility:visible}
.floating-bar svg{width:28px;height:28px}
.hero-section{height:100vh;background:url('../img/HERO.jpg') center/cover no-repeat;display:flex;align-items:center;justify-content:center;animation:fadeIn 1.2s ease}
.section{padding:6rem 0}
.section-title h2{font-size:3rem;color:var(--peach-text);font-weight:700;margin-bottom:1rem}
.section-title p{font-size:1.5rem;color:var(--text-soft);margin-bottom:4rem}
.about-gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:300px;gap:20px}
.gallery-item{overflow:hidden;border-radius:20px;box-shadow:0 10px 20px rgba(214,90,90,.1);transition:.4s}
.gallery-item:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 15px 30px rgba(214,90,90,.2)}
.gallery-item img{width:100%;height:100%;object-fit:cover}
.item-1{grid-column:1/2;grid-row:1/3}.item-2{grid-column:2/3;grid-row:1/2}.item-3{grid-column:3/4;grid-row:1/3}.item-4{grid-column:2/3;grid-row:2/3}.item-5{grid-column:1/3;grid-row:3/4}.item-6{grid-column:3/4;grid-row:3/4}
.peach-story-content{display:flex;align-items:center;gap:4rem;text-align:left}
.peach-story-img{flex-basis:50%;border-radius:20px;overflow:hidden}
.peach-story-img img{width:100%;display:block}
.peach-story-text{flex-basis:50%}
.peach-story-text h3{font-size:2.4rem;color:var(--peach-text);font-weight:700;margin-bottom:1.2rem}
.peach-story-text p{font-size:1.25rem;line-height:1.8;color:var(--text-soft)}
.chat-window{width:100%;max-width:800px;height:600px;margin:0 auto;background:#fff;border:5px solid var(--peach-light);border-radius:20px;box-shadow:0 10px 40px rgba(214,90,90,.1);display:flex;flex-direction:column;overflow:hidden}
.chat-messages{flex-grow:1;padding:30px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}
.chat-message{display:flex;align-items:flex-end;gap:15px;max-width:85%;opacity:0;transform:translateY(20px);animation:messageFadeIn .5s forwards}
.chat-message.user{align-self:flex-end;flex-direction:row-reverse}
.chat-message .avatar{width:45px;height:45px;border-radius:50%;background:var(--peach-main);color:#fff;font-size:1.5rem;font-weight:700;display:flex;justify-content:center;align-items:center;flex-shrink:0}
.message-bubble{padding:15px 20px;border-radius:20px;line-height:1.8;font-size:1.2rem;text-align:left}
.chat-message.ai .message-bubble{background:var(--peach-light);border-top-left-radius:5px;color:var(--text-dark)}
.chat-message.user .message-bubble{background:var(--peach-main);border-top-right-radius:5px;color:#fff}
.typing-indicator{display:flex;align-items:center;gap:5px}
.typing-indicator span{width:10px;height:10px;background:#f7b2b2;border-radius:50%;animation:typing 1.2s infinite ease-in-out}
.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}
.map-section{padding-top:2rem}
.map-container{position:relative;width:100%;height:450px;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px rgba(214,90,90,.15)}
.map-container iframe{width:100%;height:100%;border:0;filter:grayscale(30%) contrast(110%) hue-rotate(-20deg)}
.footer{padding:4rem 0 2rem;background:var(--peach-light);color:var(--text-soft)}
.footer-info{font-size:1.1rem;line-height:2.0;margin-bottom:2rem}
.footer-info span{margin:0 1rem}
.sub-footer{padding:2rem 0;background:#F8E5E5;font-size:1rem}
.sub-footer a{color:var(--peach-text);text-decoration:none;font-weight:700}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes messageFadeIn{to{opacity:1;transform:translateY(0)}}
@keyframes typing{0%,80%,100%{transform:scale(0)}40%{transform:scale(1.0)}}
@media(max-width:768px){
 .floating-bar a .tooltip{display:none}
 .section-title h2{font-size:2.5rem}.section-title p{font-size:1.2rem}
 .about-gallery{grid-template-columns:1fr;grid-auto-rows:250px}
 .gallery-item{grid-column:auto!important;grid-row:auto!important}
 .peach-story-content{flex-direction:column}
 .footer-info span{display:block;margin:8px 0}
}