@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');

:root {
  --hilal-primary: #2f7dff;
  --hilal-primary-2: #1b56d8;
  --hilal-border: rgba(95, 143, 255, .18);
  --hilal-border-strong: rgba(95, 143, 255, .34);
  --hilal-shadow: 0 18px 55px rgba(4, 16, 42, .24);
  --hilal-shadow-soft: 0 10px 30px rgba(10, 34, 86, .12);
  --hilal-radius-xl: 34px;
  --hilal-radius-lg: 24px;
  --hilal-radius-md: 18px;
  --hilal-sidebar-width: 300px;
  --hilal-content-max: 1180px;
  --hilal-page-pad: 28px;
}

html,body{margin:0;padding:0;overflow-x:hidden!important;background:transparent!important}
*,*:before,*:after{box-sizing:border-box}
body,.hilal-chat-app,button,input,textarea,select{font-family:'Tajawal',sans-serif!important}

.hilal-chat-app{
  --hilal-bg:#07142d;
  --hilal-bg-2:#0a1d45;
  --hilal-bg-3:#0b2150;
  --hilal-text:#f4f8ff;
  --hilal-text-soft:#afc0e5;
  --hilal-surface:rgba(9,24,56,.82);
  --hilal-surface-2:rgba(10,28,64,.96);
  --hilal-card:linear-gradient(180deg, rgba(18,43,95,.95) 0%, rgba(9,24,56,.98) 100%);
  --hilal-sidebar-bg:linear-gradient(180deg, rgba(4,14,35,.985) 0%, rgba(4,16,39,.975) 100%);
  --hilal-chip-bg:rgba(15,36,79,.88);
  min-height:100vh;position:relative;overflow:hidden;color:var(--hilal-text);
  background:radial-gradient(circle at top center, rgba(72,130,255,.24), transparent 34%),linear-gradient(180deg,var(--hilal-bg) 0%,var(--hilal-bg-2) 52%,var(--hilal-bg-3) 100%);
}
.hilal-chat-app.hilal-theme-light{
  --hilal-primary:#2f7dff;--hilal-primary-2:#1452d6;--hilal-border:rgba(58,102,214,.12);--hilal-border-strong:rgba(58,102,214,.20);
  --hilal-shadow:0 22px 70px rgba(31,73,160,.12);--hilal-shadow-soft:0 10px 26px rgba(31,73,160,.08);
  --hilal-bg:#f5f8ff;--hilal-bg-2:#edf3ff;--hilal-bg-3:#e9f0ff;--hilal-text:#11295d;--hilal-text-soft:#647ca8;
  --hilal-surface:rgba(255,255,255,.82);--hilal-surface-2:rgba(255,255,255,.97);
  --hilal-card:linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(244,248,255,.99) 100%);
  --hilal-sidebar-bg:linear-gradient(180deg, rgba(252,253,255,.98) 0%, rgba(242,246,255,.98) 100%);
  --hilal-chip-bg:rgba(255,255,255,.92);
  background:radial-gradient(circle at top center, rgba(72,130,255,.16), transparent 34%),linear-gradient(180deg,var(--hilal-bg) 0%,var(--hilal-bg-2) 52%,var(--hilal-bg-3) 100%);
}

.hilal-chat-overlay{display:none;position:fixed;inset:0;background:rgba(3,10,24,.45);z-index:80}
.hilal-chat-app.is-sidebar-open .hilal-chat-overlay{display:block}
.hilal-chat-sidebar{position:fixed;top:0;right:0;bottom:0;width:var(--hilal-sidebar-width);z-index:90;display:flex;flex-direction:column;gap:24px;padding:28px 16px 20px;background:var(--hilal-sidebar-bg);border-left:1px solid var(--hilal-border)}
.hilal-chat-sidebar-head,.hilal-chat-sidebar-foot{flex:0 0 auto}.hilal-chat-sidebar-section{flex:1 1 auto}
.hilal-chat-brand-side,.hilal-chat-brand-top{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--hilal-border);border-radius:22px;background:rgba(255,255,255,.04);box-shadow:var(--hilal-shadow-soft);min-width:0}
.hilal-chat-app.hilal-theme-light .hilal-chat-brand-side,.hilal-chat-app.hilal-theme-light .hilal-chat-brand-top{background:rgba(255,255,255,.75)}
.hilal-chat-brand-side img,.hilal-chat-brand-top img{width:54px;height:54px;object-fit:contain;border-radius:50%;background:rgba(255,255,255,.08)}
.hilal-chat-brand-side-text,.hilal-chat-brand-top-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.hilal-chat-brand-side-text strong,.hilal-chat-brand-top-text strong{font-size:22px;line-height:1.1;font-weight:900;color:var(--hilal-text);letter-spacing:-.02em}
.hilal-chat-brand-side-text span,.hilal-chat-brand-top-text span{font-size:13px;line-height:1.6;font-weight:700;color:var(--hilal-text-soft)}
.hilal-chat-close-sidebar,.hilal-chat-menu-btn,.hilal-chat-theme-btn,.hilal-msg-copy,.hilal-chat-secondary-btn{border:1px solid var(--hilal-border);background:var(--hilal-surface-2);color:var(--hilal-text);cursor:pointer;transition:.22s ease;box-shadow:var(--hilal-shadow-soft)}
.hilal-chat-close-sidebar,.hilal-chat-menu-btn,.hilal-chat-theme-btn{width:48px;height:48px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center}
.hilal-chat-close-sidebar:hover,.hilal-chat-menu-btn:hover,.hilal-chat-theme-btn:hover,.hilal-msg-copy:hover,.hilal-chat-secondary-btn:hover{transform:translateY(-1px);border-color:var(--hilal-border-strong)}
.hilal-chat-close-sidebar{display:none;font-size:28px;line-height:1;padding:0;margin-top:14px}
.hilal-chat-menu-btn{display:none;gap:4px;flex-direction:column}.hilal-chat-menu-btn span{display:block;width:18px;height:2px;border-radius:99px;background:currentColor}
.hilal-chat-side-label{margin:6px 10px 14px;font-size:14px;font-weight:900;color:var(--hilal-text-soft)}
.hilal-chat-nav{display:flex;flex-direction:column;gap:8px}.hilal-chat-nav a{display:flex;align-items:center;min-height:60px;padding:0 18px;border-radius:20px;text-decoration:none;font-weight:900;font-size:18px;color:var(--hilal-text);border:1px solid transparent}.hilal-chat-nav a:hover{background:rgba(255,255,255,.04);border-color:var(--hilal-border)}.hilal-chat-nav a.active{background:rgba(47,125,255,.14);border-color:var(--hilal-border-strong);box-shadow:var(--hilal-shadow-soft)}
.hilal-chat-foot-card{padding:16px 14px;border-radius:20px;border:1px solid var(--hilal-border);background:rgba(255,255,255,.04);font-size:13px;font-weight:700;color:var(--hilal-text-soft)}

.hilal-chat-main{min-width:0;position:relative;padding:24px var(--hilal-page-pad) 220px;padding-right:calc(var(--hilal-sidebar-width) + var(--hilal-page-pad));display:flex;flex-direction:column;align-items:center}
.hilal-chat-main>*{width:100%;max-width:var(--hilal-content-max);margin-inline:auto}
.hilal-chat-topbar{position:sticky;top:18px;z-index:50;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:24px;padding:14px 16px;border:1px solid var(--hilal-border);border-radius:24px;background:var(--hilal-surface);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--hilal-shadow-soft)}
.hilal-chat-topbar-right,.hilal-chat-topbar-left,.hilal-chat-topbar-center{display:flex;align-items:center}.hilal-chat-topbar-center{justify-content:center;min-width:0}.hilal-chat-topbar-left{justify-content:flex-end;gap:8px}.hilal-chat-brand-top{max-width:620px;width:100%;justify-content:center;padding-inline:14px}
.hilal-chat-theme-btn .theme-light-icon{display:none}.hilal-chat-app.hilal-theme-light .hilal-chat-theme-btn .theme-dark-icon{display:none}.hilal-chat-app.hilal-theme-light .hilal-chat-theme-btn .theme-light-icon{display:inline}

.hilal-chat-hero{position:relative;overflow:hidden;margin:0 auto 24px;border:1px solid var(--hilal-border);border-radius:var(--hilal-radius-xl);background:radial-gradient(circle at 50% 0%, rgba(88,143,255,.22), transparent 42%),linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),var(--hilal-card);box-shadow:var(--hilal-shadow);text-align:center}
.hilal-chat-hero::before{content:"";position:absolute;inset:auto auto -120px -80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle, rgba(47,125,255,.18), transparent 68%);pointer-events:none}
.hilal-chat-hero::after{content:"";position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:280px;height:280px;border-radius:50%;background:radial-gradient(circle, rgba(90,145,255,.12), transparent 68%);pointer-events:none}
.hilal-chat-hero-inner{position:relative;z-index:1;padding:46px 34px 28px}
.hilal-chat-hero-badge{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;border:1px solid var(--hilal-border-strong);background:rgba(47,125,255,.12);font-size:15px;font-weight:900;color:var(--hilal-primary);margin-bottom:18px}
.hilal-chat-title{margin:0 0 12px;font-weight:900;line-height:1.08;letter-spacing:-.04em;font-size:clamp(34px,5.3vw,76px);color:var(--hilal-text)}
.hilal-chat-subtitle{max-width:850px;margin:0 auto 26px;font-size:clamp(18px,1.9vw,24px);line-height:1.9;font-weight:700;color:var(--hilal-text-soft)}
.hilal-chat-hero-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}
.hilal-chat-hero-card{width:100%;min-height:170px;padding:22px 20px;border-radius:28px;border:1px solid var(--hilal-border);background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01)), var(--hilal-surface);color:var(--hilal-text);text-align:center;cursor:pointer;transition:.22s ease;box-shadow:var(--hilal-shadow-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.hilal-chat-hero-card:hover{transform:translateY(-4px);border-color:var(--hilal-border-strong);box-shadow:0 10px 30px rgba(47,125,255,.15)}
.hilal-chat-hero-card::before{content:"";width:62px;height:62px;border-radius:20px;background:rgba(47,125,255,.14);margin:0 auto 6px;display:block}
.hilal-chat-hero-card:nth-child(1)::before{content:"✦";display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;color:var(--hilal-primary)}
.hilal-chat-hero-card:nth-child(2)::before{content:"▶";display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:900;color:var(--hilal-primary)}
.hilal-chat-hero-card:nth-child(3)::before{content:"✎";display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:900;color:var(--hilal-primary)}
.hilal-chat-hero-card strong{display:block;width:100%;font-size:22px;font-weight:900;line-height:1.35;text-align:center}.hilal-chat-hero-card span{display:block;width:100%;font-size:15px;line-height:1.9;font-weight:700;color:var(--hilal-text-soft);text-align:center}
.hilal-quick-questions-title{margin-bottom:14px;font-size:18px;font-weight:900;color:var(--hilal-text-soft)}
.hilal-chat-suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.hilal-chat-suggestions button{min-height:54px;padding:12px 22px;border-radius:999px;border:1px solid var(--hilal-border);background:var(--hilal-chip-bg);color:var(--hilal-text);font-size:16px;font-weight:800;cursor:pointer;transition:.22s ease;box-shadow:var(--hilal-shadow-soft)}.hilal-chat-suggestions button:hover{transform:translateY(-2px);border-color:var(--hilal-border-strong);color:var(--hilal-primary)}

.hilal-chat-thread-shell{position:relative;min-height:180px}.hilal-chat-thread-scroll{width:100%}.hilal-chat-thread{display:flex;flex-direction:column;gap:18px;padding:0 4px 20px}.hilal-msg{display:flex;width:100%}.hilal-msg.bot{justify-content:flex-start}.hilal-msg.user{justify-content:flex-end}.hilal-msg-wrap{display:flex;flex-direction:column;gap:8px;max-width:min(100%,860px)}.hilal-msg.user .hilal-msg-wrap{align-items:flex-end}
.hilal-msg-bubble{padding:20px 22px;border-radius:24px;border:1px solid var(--hilal-border);background:var(--hilal-surface-2);box-shadow:var(--hilal-shadow-soft);font-size:18px;line-height:2;color:var(--hilal-text);white-space:pre-wrap;word-break:break-word}.hilal-msg.user .hilal-msg-bubble{border-color:rgba(47,125,255,.24);background:linear-gradient(180deg, rgba(47,125,255,.18), rgba(47,125,255,.10)), var(--hilal-surface-2)}
.hilal-msg-copy{align-self:flex-start;min-width:54px;padding:8px 14px;border-radius:14px;font-size:14px;font-weight:800}.hilal-msg.user .hilal-msg-copy{display:none}

.hilal-chat-composer-wrap{position:fixed;right:calc(var(--hilal-sidebar-width) + 28px);left:28px;bottom:22px;z-index:70}
.hilal-chat-composer-shell{width:100%;max-width:var(--hilal-content-max);margin:0 auto;border:1px solid var(--hilal-border);border-radius:32px;background:var(--hilal-surface);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 24px 70px rgba(6,22,58,.24)}
.hilal-chat-composer{padding:16px 16px 14px}.hilal-chat-composer-top{margin-bottom:12px}
.hilal-chat-composer textarea{width:100%;min-height:72px;max-height:180px;resize:none;border:none;outline:none;background:transparent;font:inherit;font-size:clamp(18px,1.5vw,22px);font-weight:800;line-height:1.7;color:var(--hilal-text);padding:8px 8px 4px;display:block}.hilal-chat-composer textarea::placeholder{color:var(--hilal-text-soft);opacity:.82}
.hilal-chat-composer-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.hilal-chat-actions-left,.hilal-chat-actions-right{display:flex;align-items:center;gap:12px;min-width:0}.hilal-chat-actions-left{justify-content:flex-start;flex-wrap:wrap}.hilal-chat-actions-right{justify-content:flex-start;overflow:hidden;flex-wrap:wrap}
.hilal-chat-composer-hint{font-size:14px;font-weight:700;color:var(--hilal-text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hilal-chat-send-btn{min-width:136px;height:56px;padding:0 28px;border:none;border-radius:18px;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--hilal-primary) 0%,var(--hilal-primary-2) 100%);font-size:20px;font-weight:900;box-shadow:0 16px 32px rgba(43,119,255,.25);transition:.22s ease;flex:0 0 auto}.hilal-chat-send-btn:hover{transform:translateY(-2px);filter:brightness(1.03)}
.hilal-chat-secondary-btn{min-height:46px;padding:0 18px;border-radius:16px;font-size:15px;font-weight:900;background:rgba(255,255,255,.03)}
.hilal-chat-app.hilal-theme-light .hilal-chat-secondary-btn{background:rgba(255,255,255,.82)}
.hilal-chat-app.hilal-chat-started #hilalHero{display:none}

@media (max-width:1200px){
  .hilal-chat-sidebar{width:min(88vw,340px);transform:translateX(100%);transition:transform .25s ease}
  .hilal-chat-app.is-sidebar-open .hilal-chat-sidebar{transform:translateX(0)}
  .hilal-chat-close-sidebar,.hilal-chat-menu-btn{display:inline-flex}
  .hilal-chat-main{padding:18px 16px 220px;padding-right:16px}
  .hilal-chat-composer-wrap{left:12px;right:12px;bottom:14px}
  .hilal-chat-composer-shell{max-width:none}
}
@media (max-width:900px){
  .hilal-chat-topbar{grid-template-columns:auto 1fr auto;padding:12px 14px;border-radius:20px}
  .hilal-chat-brand-top{max-width:none}.hilal-chat-brand-top-text strong,.hilal-chat-brand-side-text strong{font-size:19px}.hilal-chat-brand-top-text span,.hilal-chat-brand-side-text span{font-size:12px}
  .hilal-chat-hero-inner{padding:30px 18px 22px}.hilal-chat-title{font-size:clamp(34px,9vw,56px)}.hilal-chat-subtitle{font-size:16px;line-height:1.8;margin-bottom:18px}
  .hilal-chat-hero-cards{grid-template-columns:1fr}.hilal-chat-suggestions button{width:100%}
  .hilal-chat-composer{padding:14px 14px 12px}.hilal-chat-composer textarea{min-height:64px;max-height:140px;font-size:17px}.hilal-chat-composer-actions{gap:10px}.hilal-chat-composer-hint{font-size:12px}.hilal-chat-send-btn{min-width:108px;height:50px;font-size:18px;border-radius:16px}.hilal-chat-secondary-btn{min-height:42px;padding:0 14px;border-radius:14px;font-size:14px}.hilal-msg-bubble{font-size:17px;padding:18px 18px}
}

.hilal-rich-card{display:flex;flex-direction:column;gap:14px;min-width:280px;max-width:520px}.hilal-rich-card-media img{display:block;width:100%;height:auto;border-radius:18px;border:1px solid var(--hilal-border);box-shadow:var(--hilal-shadow-soft)}.hilal-rich-card-title{font-size:20px;font-weight:900;line-height:1.4}.hilal-rich-card-text{font-size:17px;line-height:1.9}.hilal-rich-card-caption{font-size:14px;line-height:1.8;color:var(--hilal-text-soft)}


.hilal-video-media{position:relative;padding-top:56.25%;overflow:hidden;border-radius:18px;background:#000;}
.hilal-video-media iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:18px;}
.hilal-rich-card-source{margin-top:10px;font-size:13px;opacity:.88;}
.hilal-rich-card-source a{text-decoration:underline;}


.hilal-smart-ideas-control{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:820px;margin-inline:auto}
.hilal-smart-card{position:relative;text-align:right;min-height:170px;overflow:hidden}
.hilal-smart-card strong{font-size:28px;display:block;margin-bottom:14px}
.hilal-smart-card span,.hilal-smart-card small{display:block}
.hilal-smart-card span{font-size:18px;font-weight:800;color:var(--hilal-text)}
.hilal-smart-card small{margin-top:8px;font-size:15px;font-weight:700;color:var(--hilal-text-soft)}
.hilal-smart-card:before{content:'';position:absolute;inset:auto -40px -40px auto;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.08);filter:blur(2px)}
.hilal-smart-card-video{background:linear-gradient(135deg, rgba(18,61,145,.96) 0%, rgba(7,24,66,.98) 100%)}
.hilal-smart-card-image{background:linear-gradient(135deg, rgba(13,92,132,.96) 0%, rgba(8,28,71,.98) 100%)}
.hilal-chat-hero-card small{line-height:1.8}
@media (max-width: 860px){.hilal-smart-ideas-control{grid-template-columns:1fr!important}.hilal-smart-card{min-height:150px}.hilal-smart-card strong{font-size:24px}}
.hilal-chat-theme-btn{
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.15);
  color: #fff;
  border-radius: 14px;
  padding: 8px 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 18px;
  transition: all .2s ease;
}

.hilal-chat-theme-btn:hover{
  background: rgba(255,255,255,0.15);
  transform: scale(1.05);
}