feat: add css

Author: niraj-khatiwada

website/src/pages/index.astro

@@ -87,7 +87,8 @@ const githubStars = await fetchGitHubStars();
       <div class="container">
         <div class="section-header">
           <h2 class="section-title">
-            Powerful compression.<br />Zero compromise.
+            Powerful compression.<br />
+            <span class="gradient-text">Zero compromise</span>
           </h2>
           <p class="section-subtitle">
             CompressO combines industry-leading compression algorithms with a
@@ -157,7 +158,7 @@ const githubStars = await fetchGitHubStars();
         <div class="showcase-content">
           <div class="showcase-text">
             <span class="section-tag">Powerful Features</span>
-            <h2>Packed with everything<br />you need!</h2>
+            <h2>Packed with <span class="gradient-text">everything</span><br />you need!</h2>
             <p>
               CompressO goes beyond simple compression. It's a comprehensive
               video processing tool designed for power users and casual users
@@ -288,7 +289,9 @@ const githubStars = await fetchGitHubStars();
           </div>
           <div class="showcase-text">
             <span class="section-tag">Privacy First</span>
-            <h2>Your videos stay yours.<br />Always!</h2>
+            <h2>Your videos stay yours.<br />
+              <span class="gradient-text">Always!</span>
+            </h2>
             <p>
               Unlike online compression services, CompressO never uploads your
               files. No account required. No tracking. No data collection. Just
@@ -313,7 +316,9 @@ const githubStars = await fetchGitHubStars();
         <div class="showcase-content">
           <div class="showcase-text">
             <span class="section-tag">Open Source</span>
-            <h2>Free & Open Source.<br />Forever!</h2>
+            <h2>Free & Open Source.<br />
+              <span class="gradient-text">Forever!</span>
+            </h2>
             <p>
               CompressO is fully open-source software. The code is available on
               GitHub, so you can audit it, contribute to it, or even fork it for
@@ -355,11 +360,7 @@ const githubStars = await fetchGitHubStars();
 
     <section class="section cta-section">
       <div class="container">
-        <h2>Ready to compress your videos?</h2>
-        <p>
-          Download CompressO today and start compressing videos locally,
-          privately, and for free.
-        </p>
+        <h2 class="gradient-text">Ready to compress your videos?</h2>
         <div class="cta-group" style="justify-content: center;">
           <a
             href="https://github.com/codeforreal1/compressO/releases"

website/src/styles/global.css

@@ -411,15 +411,14 @@ hr {
 .feature-card {
   background: rgba(255, 255, 255, 0.03);
   border: 1px solid rgba(255, 255, 255, 0.08);
-  border-radius: 20px;
   padding: 40px;
   transition: all 0.3s ease;
+  transform: skew(-3deg);
 }
 
 .feature-card:hover {
   background: rgba(255, 255, 255, 0.05);
   border-color: rgba(203, 234, 102, 0.3);
-  transform: translateY(-4px);
 }
 
 .feature-icon {