Update README.md

README.md

@@ -66,31 +66,57 @@ extra_gated_button_content: Agree and Request Access
 
 This is **Ex0bit/GLM-4.7-Flash-PRISM**
 
-<div align="center" style="background: linear-gradient(135deg, #ffffff 0%, #f5f5f5 100%); border: 2px solid #e94560; border-radius: 12px; padding: 24px; margin: 20px 0;">
-  <h3 style="color: #e94560; margin-top: 0;">⚠️ IMPORTANT</h3>
-  <table align="center" style="text-align: left; margin: 16px auto;">
-    <tr>
-      <td><strong>Step 1:</strong></td>
-      <td>Submit the access request with your information below.</td>
-    </tr>
-    <tr>
-      <td><strong>Step 2:</strong></td>
-      <td>Complete the support donation:</td>
-    </tr>
-  </table>
-  <p>
-    👉 <a href="https://ko-fi.com/summary/6bae206c-a751-4868-8dc7-f531afd1fb4c" target="_blank"><strong>PRISM VIP Membersship</strong></a><br>
-    <em>(PRISM VIP Member - Day-0 Drop Access for ALL PRISM Models)</em>
-  </p>
-  <p><strong>OR</strong></p>
-  <p>
-    👉 <a href="https://ko-fi.com/s/86882e8991" target="_blank"><strong>One-Time Support</strong></a><br>
-    <em>(One-Time Support Purchase for -GLM-4.7-Flash-PRISM)</em>
-  </p>
-  <hr style="border: none; border-top: 1px solid #ddd; margin: 16px 0;">
-  <p style="margin-bottom: 0;">
-    ✅ Access to this limited edition model will be granted automatically after completion of <strong>BOTH</strong> steps above.
-  </p>
+<div style="background: linear-gradient(145deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%); border-radius: 16px; padding: 32px 40px; margin: 20px auto; max-width: 520px; box-shadow: 0 20px 60px rgba(0,0,0,0.3), 0 0 0 1px rgba(255,255,255,0.1) inset; position: relative; overflow: hidden;">
+  <!-- Subtle glow effects -->
+  <div style="position: absolute; top: -50px; right: -50px; width: 150px; height: 150px; background: radial-gradient(circle, rgba(233,69,96,0.15) 0%, transparent 70%);"></div>
+  <div style="position: absolute; bottom: -30px; left: -30px; width: 100px; height: 100px; background: radial-gradient(circle, rgba(94,129,244,0.1) 0%, transparent 70%);"></div>
+  
+  <div style="text-align: center; position: relative; z-index: 1;">
+    <!-- Badge -->
+    <div style="display: inline-block; background: linear-gradient(135deg, #e94560, #ff6b6b); padding: 6px 16px; border-radius: 20px; margin-bottom: 16px;">
+      <span style="color: white; font-size: 12px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase;">Access Required</span>
+    </div>
+    
+    <h2 style="color: #ffffff; margin: 0 0 8px 0; font-size: 24px; font-weight: 600;">Get Started in 2 Steps</h2>
+    <p style="color: #8892b0; margin: 0 0 24px 0; font-size: 14px;">Complete both steps below to unlock your access</p>
+    
+    <!-- Steps Card -->
+    <div style="background: rgba(255,255,255,0.05); border-radius: 12px; padding: 20px; margin-bottom: 20px; border: 1px solid rgba(255,255,255,0.08);">
+      <div style="display: flex; align-items: flex-start; margin-bottom: 16px; text-align: left;">
+        <div style="background: linear-gradient(135deg, #e94560, #ff6b6b); color: white; width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 14px; flex-shrink: 0;">1</div>
+        <div style="margin-left: 14px;">
+          <div style="color: #ffffff; font-weight: 500; margin-bottom: 2px;">Submit Access Request</div>
+          <div style="color: #8892b0; font-size: 13px;">Fill in your information using the form below</div>
+        </div>
+      </div>
+      <div style="display: flex; align-items: flex-start; text-align: left;">
+        <div style="background: linear-gradient(135deg, #e94560, #ff6b6b); color: white; width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 14px; flex-shrink: 0;">2</div>
+        <div style="margin-left: 14px;">
+          <div style="color: #ffffff; font-weight: 500; margin-bottom: 2px;">Complete Support Donation</div>
+          <div style="color: #8892b0; font-size: 13px;">Choose one of the options below</div>
+        </div>
+      </div>
+    </div>
+    
+    <!-- Primary CTA -->
+    <a href="https://ko-fi.com/summary/6bae206c-a751-4868-8dc7-f531afd1fb4c" target="_blank" style="display: block; background: linear-gradient(135deg, #e94560, #ff6b6b); color: white; text-decoration: none; padding: 14px 24px; border-radius: 10px; font-weight: 600; margin-bottom: 10px; box-shadow: 0 4px 15px rgba(233,69,96,0.3);">
+      ✨ PRISM VIP Membership<br>
+      <span style="font-size: 12px; font-weight: 400; opacity: 0.9;">Day-0 Drop Access for ALL PRISM Models</span>
+    </a>
+    
+    <div style="color: #6c7a89; font-size: 12px; margin: 12px 0; text-transform: uppercase; letter-spacing: 1px;">or</div>
+    
+    <!-- Secondary CTA -->
+    <a href="https://ko-fi.com/s/86882e8991" target="_blank" style="display: block; background: rgba(255,255,255,0.08); color: white; text-decoration: none; padding: 14px 24px; border-radius: 10px; font-weight: 600; border: 1px solid rgba(255,255,255,0.15);">
+      One-Time Support<br>
+      <span style="font-size: 12px; font-weight: 400; opacity: 0.7;">GLM-4.7-Flash-PRISM Access</span>
+    </a>
+    
+    <!-- Footer -->
+    <div style="margin-top: 24px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.08);">
+      <p style="color: #64ffda; font-size: 13px; margin: 0;">✓ Access granted automatically after completing both steps</p>
+    </div>
+  </div>
 </div>
 
 **GLM-4.7-Flash-PRISM:** Unrestricted (Zero Over-Refusals and Zero Propoganda) GLM-4.7-Flash Model Access