Add project configuration and build assets

- .gitignore: Ignore node_modules, .env, dist, .wrangler
- .env.example: Environment variable template
- package.json, package-lock.json: Tailwind CSS build setup
- src/input.css: Tailwind source file
- style.css: Production Tailwind build
- og-image.png: Open Graph image for social sharing

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

.env.example

@@ -0,0 +1,8 @@
+# HashiCorp Vault Configuration
+VAULT_ADDR=https://your-vault-server:8200
+VAULT_TOKEN=hvs.your_root_or_accessor_token
+VAULT_NAMESPACE=admin # (옵션) 기업용/클라우드 사용 시 필요
+
+# API Path Example (KV Engine v2)
+# 예: secret/data/anvil-hosting -> VAULT_SECRET_PATH=secret/data/anvil-hosting
+VAULT_SECRET_PATH=secret/data/production

.gitignore

@@ -0,0 +1,5 @@
+.env
+.wrangler
+node_modules
+dist
+.claude

package.json

@@ -0,0 +1,23 @@
+{
+  "name": "anvil-hosting",
+  "version": "1.0.0",
+  "description": "공식 웹사이트: https://hosting.anvil.it.com",
+  "main": "index.js",
+  "scripts": {
+    "build:css": "npx @tailwindcss/cli -i ./src/input.css -o ./style.css --minify",
+    "watch:css": "npx @tailwindcss/cli -i ./src/input.css -o ./style.css --watch",
+    "build": "npm run build:css",
+    "dev": "npm run watch:css"
+  },
+  "repository": {
+    "type": "git",
+    "url": "ssh://sc-gitea@ssh.anvil.it.com:2201/kaffa/anvil-hosting.git"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@tailwindcss/cli": "^4.1.18",
+    "tailwindcss": "^4.1.18"
+  }
+}

src/input.css

@@ -0,0 +1,60 @@
+@import "tailwindcss";
+
+/* Custom theme configuration */
+@theme {
+  --font-sans: 'Pretendard', sans-serif;
+  --font-mono: 'JetBrains Mono', monospace;
+
+  --color-brand-400: #38bdf8;
+  --color-brand-500: #0ea5e9;
+  --color-brand-600: #0284c7;
+  --color-brand-900: #0c4a6e;
+
+  --color-dark-900: #0b1120;
+  --color-dark-800: #1e293b;
+  --color-dark-700: #334155;
+
+  --animate-float: float 6s ease-in-out infinite;
+
+  @keyframes float {
+    0%, 100% { transform: translateY(0); }
+    50% { transform: translateY(-20px); }
+  }
+}
+
+/* Base styles */
+body {
+  background-color: #0b1120;
+  color: #e2e8f0;
+}
+
+.glass-panel {
+  background: rgba(30, 41, 59, 0.4);
+  backdrop-filter: blur(12px);
+  border: 1px solid rgba(255, 255, 255, 0.05);
+}
+
+.grid-bg {
+  background-image: linear-gradient(rgba(56, 189, 248, 0.05) 1px, transparent 1px),
+  linear-gradient(90deg, rgba(56, 189, 248, 0.05) 1px, transparent 1px);
+  background-size: 30px 30px;
+}
+
+/* Chat Animation */
+.chat-bubble {
+  opacity: 0;
+  transform: translateY(10px);
+  animation: chat-enter 0.5s forwards;
+}
+
+@keyframes chat-enter {
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+.delay-1 { animation-delay: 0.5s; }
+.delay-2 { animation-delay: 1.5s; }
+.delay-3 { animation-delay: 2.5s; }
+.delay-4 { animation-delay: 3.5s; }