#chat-toggle{

position:fixed;

bottom:25px;

right:25px;

width:65px;

height:65px;

border:none;

border-radius:50%;

background:#0a2540;

color:white;

font-size:30px;

cursor:pointer;

box-shadow:0 8px 25px rgba(0,0,0,.25);

z-index:9999;

display:flex;

justify-content:center;

align-items:center;

transition:.3s;

}

#chat-toggle:hover{

transform:scale(1.08);

}

#chat-window{

position:fixed;

bottom:100px;

right:25px;

width:360px;

height:560px;

background:white;

border-radius:16px;

overflow:hidden;

box-shadow:0 15px 40px rgba(0,0,0,.25);

display:none;

flex-direction:column;

z-index:9999;

}

#chat-window.show{

display:flex;

}

.chat-header{

background:#0a2540;

color:white;

padding:15px;

display:flex;

justify-content:space-between;

align-items:center;

font-weight:bold;

}

#close-chat{

background:none;

border:none;

color:white;

font-size:22px;

cursor:pointer;

}

#chat-body{

flex:1;

padding:18px;

overflow:auto;

background:#f7f9fc;

}

.bot-message{

background:white;

padding:15px;

border-radius:12px;

line-height:1.7;

box-shadow:0 2px 8px rgba(0,0,0,.08);

}

.chat-input{

display:flex;

padding:10px;

gap:10px;

background:white;

}

#user-input{

flex:1;

resize:none;

height:50px;

padding:10px;

font-size:15px;

}

#send-btn{

width:55px;

background:#0a2540;

color:white;

border:none;

cursor:pointer;

border-radius:10px;

font-size:20px;

}



.user-message{

background:#0a2540;

color:white;

padding:12px;

margin:12px 0;

border-radius:12px;

margin-left:40px;

text-align:right;

}

.bot-message{

background:white;

padding:12px;

margin:12px 0;

border-radius:12px;

margin-right:40px;

box-shadow:0 2px 8px rgba(0,0,0,.08);

}