Decrease vertical size - Follow Up Deployment

index.html

@@ -241,7 +241,7 @@
         </header>
         
         <!-- Hero Section -->
-        <section class="glass-card p-8 md:p-5 mb-12 text-center relative overflow-hidden">
+        <section class="glass-card p-6 md:p-4 mb-8 text-center relative overflow-hidden">
             <div class="absolute inset-0 overflow-hidden">
                 <div class="absolute top-0 left-0 w-full h-full bg-gradient-to-br from-neonYellow/5 via-transparent to-neonOrange/5 animate-pulse"></div>
                 <div class="absolute top-0 left-1/4 w-1/2 h-1 bg-gradient-to-r from-transparent via-neonYellow to-transparent animate-pulse"></div>
@@ -251,14 +251,14 @@
             <div class="flex flex-col items-center relative z-10">
                 <h2 class="text-gray-300 text-lg mb-1 tracking-wider">YOUR CURRENT VIP STATUS</h2>
                 
-                <div class="tier-badge w-36 h-36 rounded-full bg-gradient-to-br from-gray-800 to-gray-900 flex items-center justify-center mb-8 relative">
+                <div class="tier-badge w-32 h-32 rounded-full bg-gradient-to-br from-gray-800 to-gray-900 flex items-center justify-center mb-6 relative">
                     <div class="absolute inset-0 rounded-full bg-gradient-to-br from-neonYellow/20 to-neonOrange/20 animate-pulse"></div>
                     <div class="orbitron text-4xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-neonYellow to-neonOrange animate-pulse">NioGold</div>
                 </div>
                 
                 <!-- Circular Progress -->
-                <div class="relative mb-8">
-                    <svg class="progress-ring w-52 h-52" viewBox="0 0 120 120">
+                <div class="relative mb-6">
+                    <svg class="progress-ring w-48 h-48" viewBox="0 0 120 120">
                         <circle class="progress-ring__circle" stroke="rgba(40, 40, 50, 0.8)" stroke-width="10" fill="transparent" r="52" cx="60" cy="60"/>
                         <circle class="progress-ring__circle" stroke="url(#gradient)" stroke-width="10" stroke-dasharray="326.56" stroke-dashoffset="130.624" fill="transparent" r="52" cx="60" cy="60"/>
                         <defs>
@@ -279,7 +279,7 @@
                     <span class="bg-clip-text text-transparent bg-gradient-to-r from-neonYellow to-neonOrange">12,600</span> 
                     <span class="text-gray-300">XP</span>
                 </div>
-                <p class="text-gray-300 mb-8 tracking-wider">ONLY <span class="text-neonOrange font-bold">2,400 XP</span> TO UNLOCK <span class="text-neonOrange font-bold">NioPrime</span></p>
+                <p class="text-gray-300 mb-6 tracking-wider">ONLY <span class="text-neonOrange font-bold">2,400 XP</span> TO UNLOCK <span class="text-neonOrange font-bold">NioPrime</span></p>
                 
                 <button class="neon-button orbitron font-bold py-4 px-10 rounded-full text-darkBg text-lg tracking-wider hover:scale-105 transition-transform duration-300">
                     HOW TO RANK UP <i class="fas fa-arrow-up ml-2"></i>
@@ -517,7 +517,7 @@
         
         <!-- Claimable Rewards Section -->
         <section class="glass-card p-6 mb-10 text-center">
-            <h2 class="orbitron text-xl mb-4">Claim Daily Bonus</h2>
+            <h2 class="orbitron text-xl mb-4">Claim VIP Bonus</h2>
             <p class="text-gray-400 mb-6">Your next bonus is available in:</p>
             
             <div class="flex justify-center space-x-4 mb-6">
@@ -534,10 +534,10 @@
         <!-- CTA Panel -->
         <section class="text-center">
             <button class="neon-button orbitron font-bold py-4 px-12 rounded-full text-darkBg text-lg mb-4 w-full max-w-md">
-                Upgrade Your Tier in Store
+                Exclusive VIP Packages
             </button>
             <button class="orbitron font-bold py-3 px-8 rounded-full border border-neonYellow text-neonYellow bg-transparent w-full max-w-md">
-                Invite Friends for XP
+                Share with Friends
             </button>
         </section>
     </div>