body{margin:0;padding:0;background:#0a0a0a;color:#fdd835;font-family:sans-serif}
header{background:#1a1a1a;padding:1rem;display:flex;justify-content:space-between;align-items:center}
.logo{font-size:1.8rem;font-weight:bold;line-height:1}.logo span{font-size:1rem}
nav a{color:#fdd835;text-decoration:none;margin-left:1rem}
.hero{text-align:center;padding:2rem 1rem}.hero h1{font-size:2rem}.hero p{color:#ccc}
.chat-layout{display:flex;flex-direction:column;height:65vh;justify-content:space-between}
.chat-history{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:0.8rem}
.chat-input-box{display:flex;flex-direction:column;padding:1rem;background:#111}
.chat-input-box textarea{width:100%;height:100px;font-size:1rem;padding:0.8rem;border-radius:10px;border:none;margin-bottom:0.8rem}
.chat-input-box button{padding:0.8rem;font-size:1rem;border-radius:10px;border:none;background:#fdd835;font-weight:bold;cursor:pointer}
.bubble{padding:0.8rem;border-radius:12px;max-width:80%;word-wrap:break-word}
.user-bubble{align-self:flex-end;background:#fdd835;color:#000}
.ai-bubble{align-self:flex-start;background:#2a2a2a;color:white}
@media(min-width:600px){.chat-input-box{flex-direction:row}.chat-input-box textarea{flex:1;margin-right:1rem;margin-bottom:0;height:80px}.chat-input-box button{width:150px}}
.plan-card{background:#1a1a1a;color:white;padding:2rem;border-radius:15px;text-align:center;max-width:350px;margin:auto;margin-bottom:2rem}
.subscribe-button{background:#fdd835;color:black;text-decoration:none;padding:0.7rem 1.5rem;border-radius:10px;font-weight:bold;display:inline-block;margin-top:1rem}