:root{
  --sit-bg:#050d1a;
  --sit-card:#0a1628;
  --sit-card-2:#0d1f3c;
  --sit-cyan:#00c8ff;
  --sit-cyan-2:#0099cc;
  --sit-text:#e8f4ff;
  --sit-muted:#8ab4d4;
  --sit-line:rgba(0,200,255,.28);
}
.sit-chatbot *{box-sizing:border-box}
.sit-chatbot{position:fixed;right:22px;bottom:22px;z-index:99999;font-family:Inter,Arial,sans-serif;color:var(--sit-text)}
.sit-chatbot-toggle{position:relative;width:66px;height:66px;border-radius:999px;border:0;background:linear-gradient(135deg,var(--sit-cyan),var(--sit-cyan-2));box-shadow:0 0 28px rgba(0,200,255,.55);cursor:pointer;color:#04101f;display:grid;place-items:center;overflow:hidden}
.sit-chatbot-toggle:hover{transform:translateY(-2px);box-shadow:0 0 42px rgba(0,200,255,.8)}
.sit-chatbot-toggle-icon{font-size:30px;line-height:1;filter:drop-shadow(0 1px 0 rgba(255,255,255,.18))}
.sit-chatbot-pulse{position:absolute;inset:-8px;border-radius:999px;border:1px solid rgba(0,200,255,.55);animation:sitPulse 1.8s infinite}
@keyframes sitPulse{0%{transform:scale(.8);opacity:.95}100%{transform:scale(1.35);opacity:0}}

.sit-chatbot-panel{position:absolute;right:0;bottom:84px;width:min(420px,calc(100vw - 24px));height:650px;max-height:calc(100vh - 100px);display:none;flex-direction:column;overflow:hidden;border-radius:22px;background:linear-gradient(145deg,rgba(10,22,40,.98),rgba(13,31,60,.98));border:1px solid var(--sit-line);box-shadow:0 20px 70px rgba(0,0,0,.55),0 0 35px rgba(0,200,255,.18);backdrop-filter:blur(14px)}
.sit-chatbot-panel.open{display:flex}
.sit-chatbot-header{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 16px;background:rgba(0,200,255,.09);border-bottom:1px solid rgba(0,200,255,.22)}
.sit-chatbot-title-wrap{display:flex;align-items:center;gap:10px}
.sit-chatbot-header-logo{width:42px;height:42px;object-fit:contain;border-radius:12px;box-shadow:0 0 16px rgba(0,200,255,.12)}
.sit-chatbot-header strong{display:block;font-family:Rajdhani,Arial,sans-serif;font-size:20px;letter-spacing:.02em;color:#fff}
.sit-chatbot-header span{display:block;margin-top:3px;font-size:14px;color:var(--sit-muted)}
.sit-chatbot-close{width:38px;height:38px;border-radius:10px;border:1px solid rgba(0,200,255,.25);background:rgba(0,200,255,.08);color:var(--sit-text);font-size:28px;line-height:1;cursor:pointer}

.sit-chatbot-messages{flex:0 0 132px;min-height:132px;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:12px;background:radial-gradient(circle at 75% 0%,rgba(0,200,255,.12),transparent 35%)}
.sit-msg{max-width:92%;padding:14px 16px;border-radius:16px;line-height:1.55;font-size:16px;white-space:pre-wrap;word-break:break-word}
.sit-msg.bot{align-self:flex-start;background:rgba(0,200,255,.09);border:1px solid rgba(0,200,255,.22);color:var(--sit-text);border-bottom-left-radius:5px}
.sit-msg.user{align-self:flex-end;background:linear-gradient(135deg,var(--sit-cyan),var(--sit-cyan-2));color:#04101f;font-weight:700;border-bottom-right-radius:5px}

.sit-chatbot-actions{flex:1;min-height:0;overflow:auto;padding:16px;border-top:1px solid rgba(0,200,255,.18);display:grid;gap:11px;align-content:start;background:rgba(5,13,26,.7)}
.sit-chatbot-actions button,.sit-chatbot-actions a,.sit-chatbot-form button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;border:1px solid rgba(0,200,255,.38);border-radius:14px;background:rgba(0,200,255,.08);color:var(--sit-text);padding:14px 16px;font-weight:800;font-size:18px;line-height:1.25;text-decoration:none;cursor:pointer;transition:.2s;text-align:center}
.sit-chatbot-actions button:hover,.sit-chatbot-actions a:hover,.sit-chatbot-form button:hover{background:rgba(0,200,255,.16);border-color:rgba(0,200,255,.7);transform:translateY(-1px)}
.sit-chatbot-actions .primary,.sit-chatbot-form button[type="submit"]{background:linear-gradient(135deg,var(--sit-cyan),var(--sit-cyan-2));color:#04101f;border:0;box-shadow:0 0 20px rgba(0,200,255,.24)}

.sit-chatbot-form{padding:16px;background:rgba(5,13,26,.86);border-top:1px solid rgba(0,200,255,.18);display:grid;gap:10px;overflow:auto}
.sit-form-title{margin:0 0 4px;color:var(--sit-cyan);font-weight:900;font-size:16px}
.sit-chatbot-form input,.sit-chatbot-form select,.sit-chatbot-form textarea{width:100%;border-radius:12px;border:1px solid rgba(0,200,255,.32);background:rgba(0,200,255,.055);color:var(--sit-text);padding:13px 14px;outline:none;font-size:15px}
.sit-chatbot-form select option{background:#0a1628;color:#e8f4ff}
.sit-chatbot-form input:focus,.sit-chatbot-form select:focus,.sit-chatbot-form textarea:focus{border-color:var(--sit-cyan);box-shadow:0 0 0 3px rgba(0,200,255,.12)}
.sit-chatbot-secondary{background:transparent!important;color:var(--sit-muted)!important;border:1px solid rgba(138,180,212,.25)!important;box-shadow:none!important}

@media(max-width:520px){
  .sit-chatbot{right:12px;bottom:12px}
  .sit-chatbot-toggle{width:62px;height:62px}
  .sit-chatbot-panel{right:-2px;bottom:76px;width:min(94vw,420px);height:calc(100vh - 96px);max-height:none}
  .sit-chatbot-header strong{font-size:18px}
  .sit-chatbot-header span{font-size:13px}
  .sit-chatbot-messages{flex:0 0 142px;min-height:142px;padding:16px}
  .sit-msg{font-size:17px;padding:14px 15px}
  .sit-chatbot-actions button,.sit-chatbot-actions a,.sit-chatbot-form button{font-size:15px;min-height:52px;padding:12px 14px}
}