/* Minimal UI Styles */
*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --primary-color:#1DA7A0;
  --secondary-color:#123C6B;
  --background:#ffffff;
  --surface:#f8fafc;
  --border:#e2e8f0;
  --text-primary:#1e293b;
  --text-secondary:#64748b;
  --shadow:0 4px 6px -1px rgba(0,0,0,0.1);
  --shadow-lg:0 20px 25px -5px rgba(0,0,0,0.1);
}
body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  background:var(--background);
  color:var(--text-primary);
  line-height:1.6;
  overflow-x:hidden;
}
.landing-container{
  min-height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:2rem;
  position:relative;
  background:linear-gradient(135deg,#fafafa 0%,#f0f9ff 100%);
}
.landing-container::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;bottom:0;
  background:radial-gradient(circle at 30% 20%,rgba(29,167,160,0.1) 0%,transparent 50%),
              radial-gradient(circle at 70% 80%,rgba(18,60,107,0.1) 0%,transparent 50%);
  pointer-events:none;
}
.main-title{
  font-size:clamp(2.5rem,5vw,4rem);
  font-weight:700;
  margin-bottom:1rem;
  background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  text-align:center;
  z-index:1;
}
.subtitle{
  font-size:1.25rem;
  color:var(--text-secondary);
  margin-bottom:3rem;
  text-align:center;
  max-width:700px;
  margin-left:auto;
  margin-right:auto;
  z-index:1;
}
.disclaimer{
  font-size:.8rem;
  color:var(--text-secondary);
  max-width:700px;
  margin:-2rem auto 2rem;
  text-align:center;
  z-index:1;
}
.search-container{
  width:100%;
  max-width:600px;
  position:relative;
  z-index:1;
  margin-left:auto;
  margin-right:auto;
}
.search-box{
  width:100%;
  padding:1.25rem 4rem 1.25rem 1.5rem;
  font-size:1.1rem;
  border:2px solid var(--border);
  border-radius:50px;
  background:#fff;
  box-shadow:var(--shadow-lg);
  outline:none;
  transition:all 0.3s ease;
  font-family:inherit;
}
.search-box:focus{
  border-color:var(--primary-color);
  box-shadow:0 0 0 4px rgba(29,167,160,0.1),var(--shadow-lg);
}
.search-box::placeholder{color:var(--text-secondary);}
.search-btn{
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  width:44px;height:44px;
  background:var(--primary-color);
  border:none;border-radius:50%;
  color:#fff;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:all 0.3s ease;
  box-shadow:var(--shadow);
}
.search-btn:hover{background:#16a085;transform:translateY(-50%) scale(1.05);}
.search-btn:disabled{opacity:.6;cursor:not-allowed;transform:translateY(-50%);}
.suggestions{margin-top:2rem;text-align:center;z-index:1;}
.suggestions-label{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem;}
.suggestion-chips{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;}
.suggestion-chip{
  padding:.5rem 1rem;
  background:#fff;
  border:1px solid var(--border);
  border-radius:25px;
  color:var(--text-primary);
  cursor:pointer;
  transition:all .3s ease;
  font-size:.9rem;
  font-weight:500;
  box-shadow:var(--shadow);
}
.suggestion-chip:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-lg);}
.chat-suggestions{display:none;margin-top:1rem;text-align:center;}
@media (min-width:1024px){.chat-suggestions{display:block;}}
.chat-container{display:none;min-height:100vh;background:var(--surface);padding:2rem 1rem;}
.chat-container.active{display:flex;flex-direction:column;}
.chat-header{text-align:center;margin-bottom:2rem;}
.chat-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;}
.chat-subtitle{color:var(--text-secondary);font-size:.9rem;}
.chat-widget{position:relative;max-width:800px;width:100%;margin:0 auto;background:#fff;border-radius:16px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:70vh;min-height:500px;overflow:hidden;border:1px solid var(--border);}
.chat-size-btn{position:absolute;top:12px;right:12px;width:40px;height:40px;background:#fff;border:1px solid var(--border);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);transition:all .3s ease;z-index:10;}
.chat-size-btn:hover{background:var(--surface);transform:scale(1.05);}
.chat-widget.fullscreen{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;max-width:none;border-radius:0;z-index:1000;}
body.chat-fullscreen{overflow:hidden;}
.chat-messages{flex:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;scroll-behavior:smooth;}
.message{display:flex;gap:1rem;max-width:85%;animation:slideIn .3s ease-out;}
.message.user{align-self:flex-end;flex-direction:row-reverse;}
.message.agent{align-self:flex-start;}
.message-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;flex-shrink:0;}
.message.user .message-avatar{background:var(--primary-color);color:#fff;}
.message.agent .message-avatar{background:var(--secondary-color);color:#fff;}
.message-content{background:#fff;padding:1rem 1.25rem;border-radius:18px;box-shadow:var(--shadow);border:1px solid var(--border);word-wrap:break-word;}
.message.user .message-content{background:var(--primary-color);color:#fff;border-color:var(--primary-color);}
.message-content p{margin:0 0 .5rem 0;}
.message-content p:last-child{margin-bottom:0;}
.message-content ul,.message-content ol{margin:.5rem 0;padding-left:1.5rem;}
.message-content li{margin:.25rem 0;}
.chat-category{font-size:.75rem;opacity:.7;margin-top:.5rem;text-align:right;}
.quota-warning{font-size:.75rem;opacity:.7;margin-top:.5rem;text-align:right;}
.chat-input-container{padding:1.5rem;border-top:1px solid var(--border);background:#fff;display:flex;justify-content:center;}
.chat-input-wrapper{display:flex;gap:1rem;align-items:flex-end;width:100%;max-width:700px;}
.chat-input{flex:1;padding:1rem 1.25rem;border:2px solid var(--border);border-radius:24px;font-size:1rem;font-family:inherit;outline:none;resize:none;min-height:24px;max-height:120px;transition:all .3s ease;background:var(--surface);}
.chat-input:focus{border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 3px rgba(29,167,160,0.1);}
.chat-send-btn{width:48px;height:48px;background:var(--primary-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;}
.chat-send-btn:hover:not(:disabled){background:#16a085;transform:scale(1.05);}
.chat-send-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;}
.loading-dots{display:inline-flex;gap:4px;align-items:center;}
.loading-dot{width:8px;height:8px;border-radius:50%;background:var(--primary-color);animation:bounce 1.4s infinite ease-in-out both;}
.loading-dot:nth-child(1){animation-delay:-.32s;}
.loading-dot:nth-child(2){animation-delay:-.16s;}
.back-btn{position:fixed;top:2rem;left:2rem;width:48px;height:48px;background:#fff;border:1px solid var(--border);border-radius:50%;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:var(--shadow);transition:all .3s ease;z-index:10;}
.back-btn.visible{display:flex;}
.back-btn:hover{background:var(--surface);transform:scale(1.05);}
@keyframes slideIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
@keyframes bounce{0%,80%,100%{transform:scale(0);}40%{transform:scale(1);}}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
.hidden{display:none!important;}
@media (max-width:1024px){
  .landing-container{padding:2rem 1.5rem;}
  .chat-widget{height:75vh;min-height:450px;}
  .suggestion-chips{max-width:100%;justify-content:center;}
  .suggestion-chip{font-size:.85rem;}
}
@media (max-width:768px){
  .landing-container{padding:1.5rem 1rem;min-height:100vh;justify-content:center;}
  .main-title{font-size:2.5rem;margin-bottom:.75rem;}
  .subtitle{font-size:1rem;margin-bottom:2.5rem;padding:0 1rem;}
  .search-container{width:100%;max-width:100%;}
  .search-box{padding:1.125rem 4rem 1.125rem 1.25rem;font-size:1rem;}
  .search-btn{width:40px;height:40px;right:6px;}
  .chat-container{padding:1rem .75rem;min-height:100vh;}
  .chat-header{margin-bottom:1.5rem;}
  .chat-title{font-size:1.25rem;}
  .chat-subtitle{font-size:.85rem;}
  .chat-widget{height:80vh;min-height:500px;border-radius:12px;}
  .chat-messages{padding:1rem;}
  .message{max-width:90%;gap:.75rem;}
  .message-avatar{width:36px;height:36px;font-size:.8rem;}
  .message-content{padding:.875rem 1rem;border-radius:16px;font-size:.95rem;}
  .chat-input-container{padding:1rem;}
  .chat-input{padding:.875rem 1rem;font-size:.95rem;}
  .chat-send-btn{width:44px;height:44px;}
  .suggestion-chips{gap:.5rem;justify-content:center;}
  .suggestion-chip{font-size:.8rem;padding:.4rem .8rem;white-space:nowrap;}
  .back-btn{top:1rem;left:1rem;width:44px;height:44px;}
}
@media (max-width:480px){
  .landing-container{padding:1rem .75rem;}
  .main-title{font-size:2rem;}
  .subtitle{font-size:.9rem;margin-bottom:2rem;}
  .search-box{padding:1rem 3.5rem 1rem 1rem;font-size:.95rem;}
  .search-btn{width:36px;height:36px;right:4px;}
  .search-btn .material-icons{font-size:20px;}
  .chat-container{padding:.5rem;}
  .chat-widget{height:85vh;border-radius:8px;}
  .chat-messages{padding:.75rem;gap:.75rem;}
  .message{max-width:95%;gap:.5rem;}
  .message-avatar{width:32px;height:32px;font-size:.75rem;}
  .message-content{padding:.75rem .875rem;border-radius:14px;font-size:.9rem;}
  .chat-input-container{padding:.75rem;}
  .chat-input{padding:.75rem .875rem;font-size:.9rem;border-radius:20px;}
  .chat-send-btn{width:40px;height:40px;}
  .chat-send-btn .material-icons{font-size:20px;}
  .suggestion-chips{gap:.4rem;padding:0 .5rem;}
  .suggestion-chip{font-size:.75rem;padding:.35rem .7rem;}
  .back-btn{width:40px;height:40px;top:.75rem;left:.75rem;}
  .back-btn .material-icons{font-size:20px;}
  .chat-header{margin-bottom:1rem;padding:0 .5rem;}
  .chat-title{font-size:1.1rem;}
  .chat-subtitle{font-size:.8rem;}
  .suggestions{margin-top:1.5rem;}
  .suggestions-label{font-size:.85rem;margin-bottom:.75rem;}
}
@media (max-width:1024px) and (orientation:landscape){
  .landing-container{flex-direction:row;gap:3rem;padding:2rem;}
  .chat-widget{height:70vh;}
}
@supports (-webkit-touch-callout:none){
  .chat-widget{height:80vh;height:calc(100vh - 200px);}
  @media (max-width:768px){.chat-widget{height:85vh;height:calc(100vh - 150px);}}
  @media (max-width:480px){.chat-widget{height:90vh;height:calc(100vh - 100px);}}
}
.policy-container{max-width:700px;margin:2rem auto;padding:1rem;} .site-footer{text-align:center;margin-top:2rem;font-size:.8rem;color:var(--text-secondary);} .site-footer a{color:var(--text-secondary);margin:0 .5rem;}