Make OG image text much bigger and bolder

Title bumped to 120px with inline lightning icon, tagline to 40px,
pills to 22px. Removed icon box to save vertical space - text now
fills the frame properly.

Generated with [Claude Code](https://claude.ai/code)
via [Happy](https://happy.engineering)

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>

Author: 3 people

.portfolio/preview.png

@@ -34,25 +34,25 @@
     /* Background keywords - left side */
     .bg-words {
       position: absolute;
-      font-size: 32px;
+      font-size: 36px;
       font-weight: 700;
-      color: rgba(59, 130, 246, 0.07);
+      color: rgba(59, 130, 246, 0.06);
       letter-spacing: 8px;
       text-transform: uppercase;
       font-family: 'JetBrains Mono', monospace;
     }
     .bg-left { left: 30px; }
     .bg-right { right: 30px; text-align: right; }
-    .bg-words:nth-child(1) { top: 30px; }
-    .bg-words:nth-child(2) { top: 90px; }
-    .bg-words:nth-child(3) { top: 150px; }
-    .bg-words:nth-child(4) { top: 210px; }
-    .bg-words:nth-child(5) { top: 270px; }
-    .bg-words:nth-child(6) { top: 30px; }
-    .bg-words:nth-child(7) { top: 90px; }
-    .bg-words:nth-child(8) { top: 150px; }
-    .bg-words:nth-child(9) { top: 210px; }
-    .bg-words:nth-child(10) { top: 270px; }
+    .bg-words:nth-child(1) { top: 40px; }
+    .bg-words:nth-child(2) { top: 110px; }
+    .bg-words:nth-child(3) { top: 180px; }
+    .bg-words:nth-child(4) { top: 250px; }
+    .bg-words:nth-child(5) { top: 320px; }
+    .bg-words:nth-child(6) { top: 40px; }
+    .bg-words:nth-child(7) { top: 110px; }
+    .bg-words:nth-child(8) { top: 180px; }
+    .bg-words:nth-child(9) { top: 250px; }
+    .bg-words:nth-child(10) { top: 320px; }
 
     /* Main content container */
     .logo-container {
@@ -63,43 +63,37 @@
       z-index: 10;
       flex: 1;
       width: 100%;
-      padding: 40px 0;
+      padding: 20px 0;
     }
 
-    /* Icon box */
-    .icon-box {
-      width: 130px;
-      height: 130px;
-      background: linear-gradient(145deg, #1a2332, #0d1520);
-      border: 4px solid rgba(249, 115, 22, 0.5);
-      border-radius: 26px;
+    /* Lightning icon inline with title */
+    .title-row {
       display: flex;
       align-items: center;
-      justify-content: center;
-      margin-bottom: 12px;
-      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
+      gap: 20px;
+      margin-bottom: 10px;
     }
 
     .icon-text {
-      font-size: 70px;
+      font-size: 100px;
       line-height: 1;
     }
 
     /* App name */
     .app-name {
-      font-size: 82px;
+      font-size: 120px;
       font-weight: 900;
       color: #f97316;
-      letter-spacing: -2px;
-      margin-bottom: 6px;
+      letter-spacing: -4px;
       font-family: 'Inter', sans-serif;
+      line-height: 1;
     }
 
     /* Tagline */
     .tagline {
-      font-size: 34px;
+      font-size: 40px;
       color: rgba(255, 255, 255, 0.9);
-      margin-bottom: 22px;
+      margin-bottom: 30px;
       font-weight: 500;
       text-align: center;
     }
@@ -109,17 +103,17 @@
       display: flex;
       flex-wrap: wrap;
       justify-content: center;
-      gap: 12px;
-      max-width: 900px;
-      margin-bottom: 14px;
+      gap: 14px;
+      max-width: 1050px;
+      margin-bottom: 20px;
     }
 
     .pill {
-      padding: 10px 22px;
+      padding: 12px 26px;
       border: 2px solid rgba(59, 130, 246, 0.4);
       border-radius: 30px;
       color: rgba(255, 255, 255, 0.9);
-      font-size: 20px;
+      font-size: 22px;
       font-weight: 500;
       background: rgba(59, 130, 246, 0.08);
       font-family: 'Inter', sans-serif;
@@ -128,9 +122,9 @@
     /* Bottom code tagline */
     .code-tagline {
       font-family: 'JetBrains Mono', monospace;
-      font-size: 24px;
+      font-size: 26px;
       color: rgba(59, 130, 246, 0.7);
-      margin-top: 10px;
+      margin-top: 6px;
     }
   </style>
 </head>
@@ -151,10 +145,10 @@
 
   <!-- Main content -->
   <div class="logo-container">
-    <div class="icon-box">
+    <div class="title-row">
       <span class="icon-text">&#9889;</span>
+      <span class="app-name">quickforge</span>
     </div>
-    <div class="app-name">quickforge</div>
     <div class="tagline">Modern Python Project Bootstrapper</div>
 
     <div class="pills-container">