File size: 26,304 Bytes
926a900 96d2b70 d140ce7 96d2b70 d140ce7 96d2b70 e12e4e0 51e9708 e12e4e0 96d2b70 71f4040 926a900 96d2b70 71f4040 e12e4e0 96d2b70 71f4040 96d2b70 926a900 aa5eec2 71f4040 416f5ab aa5eec2 416f5ab 96d2b70 926a900 96d2b70 07abef1 447d1ae 07abef1 96d2b70 d140ce7 96d2b70 aa5eec2 96d2b70 07abef1 96d2b70 926a900 96d2b70 71f4040 96d2b70 71f4040 96d2b70 aa5eec2 96d2b70 71f4040 d140ce7 96d2b70 d140ce7 aa5eec2 96d2b70 926a900 96d2b70 71f4040 96d2b70 aa5eec2 96d2b70 71f4040 96d2b70 71f4040 96d2b70 926a900 96d2b70 71f4040 96d2b70 aa5eec2 96d2b70 926a900 96d2b70 5a400d7 07e81be 460fe45 5a400d7 460fe45 5a400d7 460fe45 5a400d7 90f9205 5a400d7 96d2b70 d140ce7 96d2b70 926a900 96d2b70 d140ce7 96d2b70 d140ce7 96d2b70 926a900 96d2b70 71f4040 96d2b70 71f4040 926a900 96d2b70 71f4040 b2410d1 96d2b70 b2410d1 96d2b70 b2410d1 96d2b70 926a900 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 | <!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>지니젠AI · GiniGen AI — 한국 AI 전환의 모든 순간</title>
<meta name="description" content="AX 종합병원 · 인공사회 · GiniGen Studio. 진단·시뮬레이션·생성의 한국 통합 AI 플랫폼. K-AI 리더보드 2위·5위, NIPA Blackwell 16대.">
<meta name="keywords" content="지니젠AI, GiniGen, AX 종합병원, 인공사회, NationalOS, GiniGen Studio, AI 전환, AX, 한국 AI, K-AI 리더보드, Darwin, AETHER">
<meta property="og:title" content="지니젠AI — 한국 AI 전환의 모든 순간을 한국어로">
<meta property="og:description" content="진단(AX 종합병원) · 시뮬레이션(인공사회) · 생성(GiniGen Studio)의 3대 통합 플랫폼">
<meta property="og:type" content="website">
<meta property="og:url" content="https://ginigen.net">
<meta property="og:image" content="https://huggingface.co/spaces/ginigen/AI/resolve/main/logo-stacked.png">
<meta property="og:video" content="https://huggingface.co/spaces/ginigen/AI/resolve/main/hero-v1.mp4">
<meta property="og:video:type" content="video/mp4">
<meta property="og:video:width" content="1280">
<meta property="og:video:height" content="720">
<link rel="icon" type="image/png" href="logo-stacked.png">
<link rel="apple-touch-icon" href="logo-stacked.png">
<link href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css" rel="stylesheet">
<link rel="stylesheet" href="site.css">
</head>
<body>
<!-- NAVIGATION -->
<nav class="nav-container">
<div class="nav-left">
<a href="/" class="logo" aria-label="GiniGen AI 홈">
<img src="logo.png" alt="GiniGen" class="logo-img">
<span class="logo-sub">AI</span>
</a>
<div class="tabs">
<a class="tab" href="/ax.html">AX Hospital</a>
<a class="tab" href="/society.html">Society</a>
<a class="tab" href="#studio">Studio</a>
<a class="tab" href="#trust">Proof</a>
<a class="tab" href="#press">Press</a>
<a class="tab" href="#contact">Contact</a>
</div>
</div>
<!-- TODO: xray.ginigen.net 서브도메인 + SSL 적용 후 http://211.233.58.201:7906/ 로 복원 -->
<a class="powered-by live-link" href="/ax.html#ax-poc-form" aria-label="AX X-Ray 데모 신청 (PoC 폼으로 이동)">
<span class="dot live-dot"></span>
<span>데모 신청</span>
<span class="live-arrow">↗</span>
</a>
</nav>
<!-- PARTICLES -->
<div class="particles" id="particles"></div>
<div class="container">
<!-- ============ HOME ============ -->
<div id="home" class="tab-content active">
<section class="hero">
<div class="hero-bg" aria-hidden="true">
<video autoplay muted loop playsinline preload="auto" poster="logo-stacked.png">
<source src="https://huggingface.co/spaces/ginigen/AI/resolve/main/hero-v1.mp4" type="video/mp4">
</video>
<div class="hero-overlay"></div>
</div>
<div class="hero-content">
<div class="hero-badge">⚡ 2026.04 — 과기정통부·NIA + NIPA 동시 공인</div>
<h1>AI 전환의 모든 순간을,<br><span class="accent">한국어로.</span></h1>
<p>
진단(<strong>AX 종합병원</strong>) · 시뮬레이션(<strong>인공사회</strong>) · 생성(<strong>GiniGen Studio</strong>).<br>
한국 기업·정부·시민의 AI 전환을 떠받치는 세 개의 기둥.
</p>
<div class="hero-stats">
<div class="hero-stat">
<div class="num">2위·5위</div>
<div class="label">K-AI 리더보드 Top 5 동시 등재 (2026.04)</div>
</div>
<div class="hero-stat">
<div class="num">16대</div>
<div class="label">NIPA NVIDIA Blackwell GPU</div>
</div>
<div class="hero-stat">
<div class="num">100만+</div>
<div class="label">HuggingFace 월간 활성 사용자</div>
</div>
</div>
</div><!-- /.hero-content -->
</section>
<!-- 3 PILLARS -->
<section class="section">
<div class="section-title">3 PILLARS</div>
<h2 class="section-heading">한 회사, 세 개의 시간축.</h2>
<p class="section-sub">
AI를 도입하기 전(시뮬레이션) · 도입한 후(진단·치료) · 그리고 결과물을 만드는 순간(생성). 지니젠은 그 모든 순간을 한 플랫폼에서 끝냅니다.
</p>
<div class="pillars">
<div class="pillar" data-color="cyan" onclick="location.href='/ax.html'">
<div class="pillar-icon">🩺</div>
<div class="pillar-tag">FOR ENTERPRISE · B2B</div>
<h3>AX 종합병원</h3>
<div class="tagline">왜 틀리는지, 어떻게 고치는지 — 6개 진료과 통합 진단 SaaS.</div>
<ul>
<li>모델 X-Ray: Activation Patching · Causal Tracing · Logit Lens</li>
<li>외주 5,000만 → AX 100만 (1/50 비용)</li>
<li>3개월 → 30분 (1/4,320 시간)</li>
<li>미토스 대응 · AI 기본법 자동 인증</li>
</ul>
<span class="pillar-cta">상세 보기</span>
</div>
<div class="pillar" data-color="blue" onclick="location.href='/society.html'">
<div class="pillar-icon">🌐</div>
<div class="pillar-tag">FOR GOVERNMENT · B2G</div>
<h3>인공사회 (NationalOS)</h3>
<div class="tagline">576,000명의 디지털 시민이 당신의 정책을 먼저 살아봅니다.</div>
<ul>
<li>인구통계·생애주기 기반 5,200만 한국 페르소나</li>
<li>576K LIVE NPC 실시간 운용 인프라</li>
<li>조직 디지털 트윈 + 정책 ROI 사전 검증</li>
<li>6개월치 시뮬레이션 → 3시간</li>
</ul>
<span class="pillar-cta">상세 보기</span>
</div>
<div class="pillar" data-color="gold" onclick="location.href='#studio'">
<div class="pillar-icon">🎬</div>
<div class="pillar-tag">FOR CREATORS · B2B+B2C</div>
<h3>GiniGen Studio</h3>
<div class="tagline">대량 한글 텍스트를 깨짐 없이 렌더링하는 한글 특화 콘텐츠 스튜디오.</div>
<ul>
<li>영상 · 이미지 · 카드뉴스 · 웹툰 · 음악 통합</li>
<li>한글 100% 보존 텍스트 렌더링</li>
<li>기업 홍보 영상부터 1인 크리에이터까지</li>
<li>ginigen.ai 운영 · 글로벌 다국어 지원</li>
</ul>
<span class="pillar-cta">상세 보기</span>
</div>
</div>
</section>
<!-- TRUST BAR -->
<section class="trust-bar">
<div class="trust-bar-head">
<span class="gold-badge">정부 공인</span>
<h3>우리가 주장하는 것이 아니라, 정부가 수치로 확인했습니다.</h3>
</div>
<div class="trust-grid">
<div class="trust-item">
<div class="val">0.011</div>
<div class="lbl">K-AI 리더보드 1위와의 점수 차 (Rogue-28B-MIX 2위)</div>
</div>
<div class="trust-item">
<div class="val">2개</div>
<div class="lbl">정부 기관 동시 검증 (과기정통부·NIA + NIPA / 2026.04)</div>
</div>
<div class="trust-item">
<div class="val">300+</div>
<div class="lbl">HuggingFace 운영 모델·스페이스</div>
</div>
<div class="trust-item">
<div class="val">5,000명+</div>
<div class="lbl">한국 AI 디스코드 커뮤니티</div>
</div>
</div>
</section>
<!-- AI TRENDS -->
<section class="section">
<div class="section-title">MARKET CONTEXT · 2026</div>
<h2 class="section-heading">시장이 가는 방향, 지니젠이 서 있는 자리.</h2>
<p class="section-sub">
Gartner · McKinsey · IDC가 공통으로 가리키는 2026 시그널. 우리가 그 시그널에 정확히 매핑됩니다.
</p>
<div class="trends-grid">
<div class="trend-card">
<div class="yr">AGENTIC AI</div>
<h4>Agentic AI 시장 폭발</h4>
<p>2025 $7.6B → 2026 $10.8B. 기업앱 40%가 AI 에이전트 탑재 (Gartner).</p>
<div class="stat">→ AX 종합병원이 에이전트 사전 검증</div>
</div>
<div class="trend-card">
<div class="yr">VERTICAL LLM</div>
<h4>한국어 특화 모델 수요</h4>
<p>SLM 시장 CAGR 28.7%. 도메인 특화 + 한국어 정확성이 차별 지점.</p>
<div class="stat">→ Rogue·Darwin·AETHER 라인업 보유</div>
</div>
<div class="trend-card">
<div class="yr">GOVERNANCE</div>
<h4>거버넌스 · 컴플라이언스</h4>
<p>79% 실험 vs 11% 프로덕션 갭. 검증 도구가 baseline 요구사항.</p>
<div class="stat">→ 정책의학과 AI 기본법 자동 인증</div>
</div>
<div class="trend-card">
<div class="yr">DIGITAL TWIN</div>
<h4>조직·정책 디지털 트윈</h4>
<p>맥킨지: 변혁 드라이버로서의 AI. 도입 전 시뮬레이션이 새 카테고리.</p>
<div class="stat">→ 인공사회가 한국형 표준</div>
</div>
<div class="trend-card">
<div class="yr">REGULATION</div>
<h4>AI 기본법 2026.01.26 시행</h4>
<p>고영향 AI 영향평가·워터마크·위험등급 의무. 자동 대응 도구 수요 폭증.</p>
<div class="stat">→ 정책의학과 자동 부합</div>
</div>
<div class="trend-card">
<div class="yr">SECURITY</div>
<h4>미토스 충격 (2026.04)</h4>
<p>오픈BSD 27년 결함이 수시간에 발견. 한국 99% 온프레미스 LLM 무방비.</p>
<div class="stat">→ AX 응급실 24h 대응</div>
</div>
</div>
</section>
</div>
<!-- ============ GiniGen Studio (압축 · ginigen.ai로 퍼널 이관) ============ -->
<div id="studio" class="tab-content">
<section class="detail-hero">
<div class="section-title">FOR CREATORS · B2B + B2C</div>
<h2>대량 한글 텍스트를 깨짐 없이 렌더링하는<br><span class="accent">한글 특화 AI 콘텐츠 스튜디오</span>.</h2>
<p class="lead">
영상·카드뉴스·웹툰·음악을 하나의 워크플로우에서 생성합니다. HuggingFace 월 100만 MAU가 실사용으로 검증한 한글 콘텐츠 파이프라인 — 실제 서비스는 ginigen.ai에서 운영 중.
</p>
<div class="hero-cta-row">
<a href="https://www.ginigen.ai/ko" target="_blank" rel="noopener" class="btn btn-primary">
🎬 지니젠 스튜디오 시작하기 ↗
</a>
</div>
</section>
</div>
<!-- ============ TRUST ============ -->
<div id="trust" class="tab-content">
<section class="detail-hero">
<div class="section-title">PROOF · 2026</div>
<h2>주장이 아닌 <span class="accent">수치</span>.<br>광고가 아닌 <span class="accent">공인</span>.</h2>
<p class="lead">
설립 6개월 만에 두 개 정부 기관이 독립적으로 공인했습니다. 한국 AI 스타트업 중 이례적인 사례입니다.
</p>
</section>
<section class="section">
<div class="section-title">2026.04 — 두 기관 동시 공인</div>
<h2 class="section-heading">정부가 직접 검증한 기술 역량.</h2>
<div class="feat-grid" style="grid-template-columns: 1fr 1fr;">
<div class="feat">
<div class="ico">🏅</div>
<h4>과기정통부 + NIA · K-AI 리더보드</h4>
<p><strong>Rogue-28B-MIX 종합 2위 (0.559) · Rogue-28B-KR 5위 (0.530)</strong><br>1위와 점수 차 0.011. 한 회사가 Top 5에 동시 등재된 국내 검증 사례 (2026.04). API 호출 없이 모델 자체 성능 평가.</p>
</div>
<div class="feat">
<div class="ico">⚡</div>
<h4>NIPA · 첨단 GPU 지원 사업</h4>
<p><strong>NVIDIA Blackwell GPU 16대 확보</strong><br>지니젠AI 단독 16대 + VIDRAFT 연합 128대 = 합계 144대. 2026.04.10부터 가동. 정부 공인 인프라.</p>
</div>
</div>
</section>
<section class="section">
<div class="section-title">GLOBAL PRESENCE</div>
<h2 class="section-heading">HuggingFace에서 검증된 실사용.</h2>
<div class="feat-grid">
<div class="feat">
<div class="ico">🌍</div>
<h4>월간 100만+ MAU</h4>
<p>HuggingFace 글로벌 사용자가 실제로 매월 100만 명 이상 사용 중. 광고 없는 자생적 트래픽.</p>
</div>
<div class="feat">
<div class="ico">📦</div>
<h4>300+ 모델·스페이스</h4>
<p>지니젠 및 VIDRAFT 연합 오픈 라인업. 연간 800개 이상 신규 공개 운영.</p>
</div>
<div class="feat">
<div class="ico">⭐</div>
<h4>HuggingFace STAR AI Top 12 (2024)</h4>
<p>2024년 글로벌 STAR AI 선정. FINAL Bench는 HF 데이터셋 글로벌 Top 5 (2024).</p>
</div>
</div>
</section>
<section class="section">
<div class="section-title">PORTFOLIO MODELS</div>
<h2 class="section-heading">핵심 모델 자산.</h2>
<div class="feat-grid">
<div class="feat">
<div class="ico">🧬</div>
<h4>Darwin 시리즈</h4>
<p>진화적 모델 머징. CMA-ES 기반 FFN 교배. 9B·27B Opus 라인업, V8 NEG (Native Entropy Gating).</p>
</div>
<div class="feat">
<div class="ico">🛸</div>
<h4>AETHER-Pilot-14B</h4>
<p>Latin-square Hybrid Attention 자체 설계 아키텍처. 5종 Attention 통합. Proto-AGI 라인.</p>
</div>
<div class="feat">
<div class="ico">🛡️</div>
<h4>Rogue 시리즈</h4>
<p>K-AI 리더보드 2·5위 동시 점유. 한국어 특화 LLM. CLIcK 0.791 — 한국어 문화·언어 이해 최상위.</p>
</div>
</div>
</section>
</div>
<!-- ============ PRESS ============ -->
<div id="press" class="tab-content">
<section class="detail-hero">
<div class="section-title">MEDIA · PRESS</div>
<h2>한국 미디어가 본 <span class="accent">지니젠AI</span>.</h2>
<p class="lead">
설립 6개월, 한국 기술 매체가 보도한 핵심 마일스톤. 추가 보도·미디어 문의는 <a href="mailto:contact@ginigen.net" style="color:var(--accent-cyan); text-decoration:underline;">contact@ginigen.net</a>.
</p>
</section>
<section class="section">
<div class="section-title">COVERAGE · 2026</div>
<h2 class="section-heading">언론 보도.</h2>
<div class="press-grid">
<a class="press-card" href="https://www.aitimes.com/news/articleView.html?idxno=212347" target="_blank" rel="noopener">
<div class="press-meta">
<span class="press-outlet">AI타임스 · aitimes</span>
<span class="press-date">2026.07.02</span>
</div>
<h3 class="press-title">지니젠AI, 메타인지 벤치마크·AI 모델 리더보드·모델별 메타인지 어댑터 동시 공개</h3>
<p class="press-summary">
메타인지(자기 답변의 오류 가능성을 스스로 인식하는 능력)를 AI 신뢰성 평가의 새 기준으로 제시. 함정형 문제 400개 벤치마크 공개. JGOS-31B-Citizen이 24개 모델 중 함정 회피율 <strong>99.5%</strong>(2개 오답만)로 최고 성적. 비드래프트와 공동 개발한 메타인지 어댑터 <strong>11종</strong>을 HuggingFace 동시 공개 — 기존 모델 수정 없이 신뢰성 검증 기능 부착 가능.
</p>
<div class="press-footer">
<span class="press-byline">임대준 기자</span>
<span class="press-cta">원문 보기 ↗</span>
</div>
</a>
<a class="press-card" href="https://v.daum.net/v/20260416145034571" target="_blank" rel="noopener">
<div class="press-meta">
<span class="press-outlet">전자신문</span>
<span class="press-date">2026.04.16</span>
</div>
<h3 class="press-title">지니젠AI, 'K-AI 리더보드' 2위…첨단 GPU 활용 지원 사업 선정</h3>
<p class="press-summary">
과기정통부·NIA 'K-AI 리더보드'에서 Rogue-27B-KR이 종합 점수 0.549로 2위 기록 — 1위(0.560)와 단 0.011 차이. 동시에 NIPA 첨단 GPU 활용 지원 사업에 선정돼 엔비디아 블랙웰 GPU 16장 확보. 한국어 특화 AI 영상 모델 성능 고도화 본격 추진.
</p>
<div class="press-footer">
<span class="press-byline">이원지 기자 · Daum 미러</span>
<span class="press-cta">원문 보기 ↗</span>
</div>
</a>
<a class="press-card" href="https://www.etnews.com/20260316000342" target="_blank" rel="noopener">
<div class="press-meta">
<span class="press-outlet">전자신문 · etnews</span>
<span class="press-date">2026.03.16</span>
</div>
<h3 class="press-title">지니젠AI, 소형 AI모델 전용 평가체계 공개…허깅페이스 스페이스·데이터셋 10위권 동시 진입</h3>
<p class="press-summary">
지니젠AI와 비드래프트가 공동 개발한 'Smol AI 월드컵' 평가 플랫폼이 글로벌 AI 허브 허깅페이스에서 스페이스·데이터셋 인기 순위 동시 10위권 진입. 대규모 GPU 없이도 소형 언어모델의 실전 성능을 공정 비교 — AI 기술 민주화의 새 표준.
</p>
<div class="press-footer">
<span class="press-byline">이원지 기자</span>
<span class="press-cta">원문 보기 ↗</span>
</div>
</a>
</div>
<div class="press-note">
<strong>Media Kit</strong> · <a href="logo.png" target="_blank" style="color:var(--accent-cyan);">로고</a> · 인터뷰 → <a href="mailto:contact@ginigen.net" style="color:var(--accent-cyan);">contact@ginigen.net</a>
</div>
</section>
</div>
<!-- ============ CONTACT ============ -->
<div id="contact" class="tab-content">
<section class="detail-hero">
<div class="section-title">CONTACT · COMPANY</div>
<h2>함께 <span class="accent">한국 AI 전환</span>의<br>다음 장을 씁니다.</h2>
<p class="lead">
B2B PoC · 정부 라이선스 · 파트너십 · 투자 문의는 아래로 연락 주십시오. 24시간 내 응답합니다.
</p>
</section>
<section class="section">
<div class="section-title">CORPORATE</div>
<h2 class="section-heading">회사 정보.</h2>
<div class="contact-grid">
<div class="contact-card">
<h4>🏢 (주) 지니젠AI · GiniGen AI Inc.</h4>
<p>
<strong>설립</strong>: 2025년 10월<br>
<strong>대표</strong>: 최선영 (CEO)<br>
<strong>주소</strong>: 서울 강남구 강남대로 112길 47, 2F 424<br>
<strong>사업자번호</strong>: 763-88-03595<br>
<strong>통신판매업</strong>: 2025-Seoul Gangnam-06701
</p>
</div>
<div class="contact-card">
<h4>✉️ 문의·파트너십</h4>
<p>
B2B PoC · 정부 라이선스 · 투자 · 미디어 문의를 환영합니다. GiniGen Studio 사용 문의는 ginigen.ai 도움말 센터로 부탁드립니다.
</p>
<a class="ml" href="mailto:contact@ginigen.net">contact@ginigen.net →</a>
</div>
</div>
</section>
</div>
</div>
<!-- FOOTER -->
<footer class="footer">
<strong>(주) 지니젠AI</strong> · 대표 최선영 · 서울 강남구 강남대로 112길 47, 2F 424 · 사업자번호 763-88-03595<br>
통신판매업 신고 2025-Seoul Gangnam-06701 · © 2026 GiniGen AI Inc.
<div class="footer-links">
<a href="https://www.ginigen.ai" target="_blank">GiniGen Studio (ginigen.ai)</a>·
<a href="https://huggingface.co/ginigen" target="_blank">HuggingFace</a>·
<a href="https://huggingface.co/spaces/VIDraft/AI" target="_blank">VIDRAFT 허브</a>·
<a href="#">개인정보처리방침</a>·
<a href="#">이용약관</a>
</div>
</footer>
<script>
// ============ NAV ACTIVE STATE ============
(function() {
const hash = location.hash || '';
document.querySelectorAll('.tabs .tab').forEach(tab => {
const href = tab.getAttribute('href');
if (hash && href === hash) tab.classList.add('active');
});
})();
// ============ PARTICLES ============
const pc = document.getElementById('particles');
const palette = ['#0AB4CC', '#A855F7', '#D946EF', '#3B82F6'];
for (let i = 0; i < 26; i++) {
const p = document.createElement('div');
p.className = 'particle';
const size = 2 + Math.random() * 4;
const c = palette[i % palette.length];
p.style.width = size + 'px';
p.style.height = size + 'px';
p.style.left = Math.random() * 100 + '%';
p.style.bottom = -10 + 'px';
p.style.background = c;
p.style.boxShadow = `0 0 12px ${c}`;
p.style.animationDelay = (Math.random() * 25) + 's';
p.style.animationDuration = (18 + Math.random() * 14) + 's';
pc.appendChild(p);
}
</script>
</body>
</html>
|