*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background:url(hpbg.jpg) no-repeat center center/cover;color:#b2ac88;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center}.hero{position:relative;width:100vw;height:100vh;background:#fffc;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:50px;animation:fadeIn 2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.logo{font-size:2em;font-weight:700;font-family:Sage,serif;color:#b2ac88;animation:slideDown 1s ease-in-out}@keyframes slideDown{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.hero-content{max-width:800px;text-align:center;animation:slideUp 1.5s ease-in-out;margin-top:-50px}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.hero-content h1{font-size:3.5em;font-weight:700;margin-bottom:20px;color:#b2ac88;line-height:1.2}.hero-content p{font-size:1.3em;margin-bottom:30px;color:#34495e;line-height:1.6}.start-chat{background:#b2ac88;color:#fff;padding:15px 35px;font-size:1.2em;font-weight:700;border:none;border-radius:30px;cursor:pointer;transition:all .3s ease;margin-top:20px;box-shadow:0 4px 15px #b2ac884d}.start-chat:hover{background:#219a52;transform:translateY(-3px);box-shadow:0 6px 20px #219a5266}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:60px;width:100%;max-width:1200px}.feature-card{background:#fff;padding:25px;border-radius:15px;box-shadow:0 4px 15px #0000001a;transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 6px 20px #00000026}.feature-icon{font-size:2.5em;margin-bottom:15px;color:#b2ac88}.feature-card h3{color:#b2ac88;font-size:1.4em;margin-bottom:10px}.feature-card p{color:#666;line-height:1.5}@media (max-width: 1024px){.features-grid{grid-template-columns:repeat(2,1fr);padding:0 20px}.hero-content h1{font-size:3em}}@media (max-width: 768px){.features-grid{grid-template-columns:1fr}.hero-content h1{font-size:2.5em}.hero-content p{font-size:1.1em}.start-chat{padding:12px 30px;font-size:1.1em}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.feature-card:hover .feature-icon{animation:float 2s ease-in-out infinite}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif;background-color:#f9f9f9}.chat-container{width:100vw;height:100vh;background:#fffc;display:flex;flex-direction:column;align-items:center;justify-content:center}header{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;justify-content:space-between;width:90%;max-width:1200px}.logo{font-size:2em;font-weight:700;color:"#B2AC88",font-family: "Sage, serif"}nav ul{display:flex;list-style:none}nav ul li{margin-left:20px}nav ul li a{color:#2c3e50;text-decoration:none;font-size:1.1em;transition:.3s}nav ul li a:hover{color:#27ae60}.chat-box{width:80%;max-width:600px;height:60vh;background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;justify-content:space-between;padding:15px;overflow:hidden}.messages{flex:1;overflow-y:auto;padding:10px}.message{margin:10px 0;padding:10px;border-radius:8px;max-width:100%}.user{align-self:flex-end;background:#b2ac88;color:#fff}.ai{align-self:flex-start;background:#f1f1f1;color:#333}.input-area{display:flex;gap:10px;padding:10px;border-top:1px solid #ddd}.input-area input{flex:1;padding:10px;border:1px solid #ddd;border-radius:5px}.send-button{background:#b2ac88;color:#fff;border:none;padding:10px 20px;cursor:pointer;border-radius:5px;transition:.3s}.send-button:hover{background:#219a52}