body{margin:0;font-family:'Inter',sans-serif;background:radial-gradient(circle at center,#001428,#000712);color:#bde4ff;}
.site-header{text-align:center;padding:30px;color:#fff;}
.hero{text-align:center;margin:80px auto;max-width:600px;}
.hero h2{color:#bfefff;font-size:2rem;margin-bottom:10px;}
.hero p{color:#89c9ff;font-size:1.1rem;}
.chat-bubble{position:fixed;right:25px;bottom:25px;z-index:9999;display:flex;align-items:flex-end;}
.chat-toggle{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#001830,#00334f);
  box-shadow:0 0 20px rgba(0,191,255,0.4);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;animation:glow 3s ease-in-out infinite alternate;}
.chat-toggle img{width:46px;height:46px;object-fit:contain;}
@keyframes glow{from{box-shadow:0 0 10px rgba(0,191,255,0.3);}to{box-shadow:0 0 25px rgba(0,191,255,0.7);}}
.chat-bubble.closed .chat-window{display:none;}
.chat-window{width:370px;max-width:calc(100vw - 120px);margin-right:12px;background:rgba(0,25,50,0.95);
  border:1px solid rgba(0,191,255,0.15);border-radius:14px;overflow:hidden;color:#d8f6ff;
  box-shadow:0 0 20px rgba(0,191,255,0.2);display:flex;flex-direction:column;}
.chat-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:rgba(0,20,40,0.9);border-bottom:1px solid rgba(0,191,255,0.15);}
.chat-header .title strong{color:#00bfff;}
.chat-header .subtitle{font-size:0.8rem;color:#8fd7ff;margin-left:4px;}
.chat-header .close{background:none;border:none;color:#8fd7ff;cursor:pointer;font-size:18px;}
.messages{height:300px;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:10px;}
.msg{max-width:75%;padding:10px 12px;border-radius:10px;font-size:0.95rem;}
.msg.user{align-self:flex-end;background:linear-gradient(90deg,#00bfff,#66d9ff);color:#001219;}
.msg.assistant{align-self:flex-start;background:rgba(255,255,255,0.05);border:1px solid rgba(0,191,255,0.1);color:#bfefff;}
.chat-input{display:flex;gap:8px;padding:10px;border-top:1px solid rgba(0,191,255,0.1);}
.chat-input input{flex:1;padding:10px;border-radius:8px;border:none;background:rgba(255,255,255,0.05);color:#bfefff;}
.chat-input button{background:#00bfff;color:#001219;border:none;border-radius:8px;padding:10px 16px;font-weight:600;cursor:pointer;}
.chat-footer{text-align:center;padding:6px 0;font-size:0.75rem;color:#6dcaff;border-top:1px solid rgba(0,191,255,0.1);}