style(legal): premium design polish for privacy and terms pages

TechStack Global · TechStack Global · commit 8ede32f34535 · 2026-03-05T01:15:03.000+05:00
diff --git a/privacy-policy.html b/privacy-policy.html
@@ -26,23 +26,6 @@
   <link href="assets/icons/favicon-16.png?v=6" rel="icon" sizes="16x16" type="image/png" />
   <link href="assets/icons/techstack-logo-192.png?v=6" rel="apple-touch-icon" sizes="192x192" />
   <link href="assets/icons/favicon.ico?v=6" rel="shortcut icon" />
-  <style>
-    body {
-      padding: 2rem;
-      max-width: 800px;
-      margin: 0 auto;
-      line-height: 1.6;
-    }
-
-    h1,
-    h2 {
-      color: var(accent);
-    }
-
-    ul {
-      margin-bottom: 1.5rem;
-    }
-  </style>
   <link href="https://techstackglobal.github.io/privacy-policy.html" rel="canonical" />
   <meta content="https://techstackglobal.github.io/privacy-policy.html" property="og:url" />
   <meta content="https://techstackglobal.github.io/og-image.jpg" property="og:image" />
@@ -83,42 +66,56 @@
   </header>
   <main class="container section-padding" style="margin-top: 80px; max-width: 800px;">
     <div class="glass-panel" style="padding: 4rem;">
-      <h1>Privacy Policy</h1>
-      <p>Last updated: February 26, 2026</p>
-      <h2>Introduction</h2>
-      <p>TechStack Global ("we", "our", "us") respects your privacy. This policy explains what information we collect,
-        how we use it, and your rights.</p>
-      <h2>Information We Collect</h2>
-      <ul>
-        <li><strong>Information you provide:</strong> email address for newsletter signups, contact form messages.
-        </li>
-        <li><strong>Automatically collected:</strong> analytics data (pageviews, clicks), IP address, device and
-          browser info via Google Analytics and similar services.</li>
-      </ul>
-      <h2>How We Use Information</h2>
-      <p>We use information to operate the site, improve content, send newsletters (only if you opt in), and analyze
-        performance.</p>
-      <h2>Affiliate Links &amp; Advertising</h2>
-      <p>Some pages contain affiliate links; we may earn commissions when you make purchases via these links at no
-        extra cost to you. We use affiliate programs including Amazon Associates, AppSumo, Envato, and other premium
-        partners.</p>
-      <h2>Cookies &amp; Tracking</h2>
-      <p>We use cookies and tracking tools (e.g., Google Analytics) to understand site usage. You can opt out via your
-        browser or analytics opt-out tools.</p>
-      <h2>Third-Party Services</h2>
-      <p>We may share data with providers (analytics, email delivery, hosting) as needed to run the site. We do not
-        sell personal data.</p>
-      <p>Contact us via our <a href="contact.html" style="color:var(--accent);">Contact Page</a> to request data
-        access or deletion.</p>
-      <h2>Changes to This Policy</h2>
-      <p>We may update this policy. We will post the revised date at the top of this page.</p>
-      <p style="margin-top:2rem;">Contact: TechStack Global | <a href="contact.html"
-          style="color:var(--accent);">Contact
-          page</a></p>
-      <a href="index.html" style="display:inline-block; margin-top:1rem; color:var(--accent); text-decoration:none;">←
-        Back
-        to
-        Home</a>
+      <h1 style="font-size: 2.5rem; margin-bottom: 2rem;">Privacy <span class="accent">Policy</span></h1>
+      <p style="font-size: 1.1rem; color: var(--text-secondary); margin-bottom: 2rem;">Last updated: February 26, 2026
+      </p>
+
+      <div class="legal-content" style="line-height: 1.8;">
+        <h2 style="color: #fff; margin-top: 2.5rem; margin-bottom: 1rem; font-size: 1.5rem;">Introduction</h2>
+        <p style="font-size: 1.1rem; color: var(--text-secondary); margin-bottom: 1.5rem;">TechStack Global ("we",
+          "our", "us") respects your privacy. This policy explains what information we collect, how we use it, and your
+          rights when visiting our website.</p>
+
+        <h2 style="color: #fff; margin-top: 2.5rem; margin-bottom: 1rem; font-size: 1.5rem;">Information We Collect</h2>
+        <ul style="color: var(--text-secondary); margin-bottom: 1.5rem; padding-left: 1.5rem;">
+          <li style="margin-bottom: 0.8rem;"><strong>Information you provide:</strong> This includes email addresses
+            provided for newsletter signups and messages sent via our contact forms.</li>
+          <li style="margin-bottom: 0.8rem;"><strong>Automatically collected data:</strong> We use industry-standard
+            tools like Google Analytics to collect anonymous data such as pageviews, clicks, IP addresses, and
+            device/browser specifications.</li>
+        </ul>
+
+        <h2 style="color: #fff; margin-top: 2.5rem; margin-bottom: 1rem; font-size: 1.5rem;">How We Use Your Information
+        </h2>
+        <p style="font-size: 1.1rem; color: var(--text-secondary); margin-bottom: 1.5rem;">We use the collected data to
+          maintain site operations, improve our content quality, deliver newsletters to opted-in users, and perform
+          performance analytics.</p>
+
+        <h2 style="color: #fff; margin-top: 2.5rem; margin-bottom: 1rem; font-size: 1.5rem;">Affiliate Disclosure</h2>
+        <p style="font-size: 1.1rem; color: var(--text-secondary); margin-bottom: 1.5rem;">TechStack Global participates
+          in premium affiliate programs including Amazon Associates, AppSumo, and others. We may earn a commission on
+          qualifying purchases at no additional cost to you.</p>
+
+        <h2 style="color: #fff; margin-top: 2.5rem; margin-bottom: 1rem; font-size: 1.5rem;">Cookies & Tracking</h2>
+        <p style="font-size: 1.1rem; color: var(--text-secondary); margin-bottom: 1.5rem;">Our site uses cookies to
+          personalize your experience. You can choose to disable cookies through your browser settings or use specific
+          opt-out tools provided by analytics services.</p>
+
+        <h2 style="color: #fff; margin-top: 2.5rem; margin-bottom: 1rem; font-size: 1.5rem;">Data Security</h2>
+        <p style="font-size: 1.1rem; color: var(--text-secondary); margin-bottom: 1.5rem;">We implement standard
+          security measures to protect your data. We do not sell your personal information to third parties.</p>
+
+        <div
+          style="background: rgba(255,255,255,0.03); padding: 1.5rem; border-radius: 12px; border: 1px solid var(--border-glass); margin-top: 3rem;">
+          <p style="margin-bottom: 0; font-size: 1rem; color: var(--text-primary);">Need to request data access or
+            deletion? <a href="contact.html" style="color: var(--accent); font-weight: 600;">Contact us here →</a></p>
+        </div>
+      </div>
+
+      <div style="margin-top: 4rem; text-align: center; border-top: 1px solid var(--border-glass); padding-top: 2rem;">
+        <a href="index.html" style="color: var(--accent); text-decoration: none; font-weight: 500;"><i
+            class="fa-solid fa-arrow-left" style="margin-right: 8px;"></i> Back to Home</a>
+      </div>
     </div>
   </main>
   <footer class="glass-footer" style="margin-top: 6rem;">
diff --git a/terms-of-service.html b/terms-of-service.html
@@ -26,23 +26,6 @@
   <link href="assets/icons/favicon-16.png?v=6" rel="icon" sizes="16x16" type="image/png" />
   <link href="assets/icons/techstack-logo-192.png?v=6" rel="apple-touch-icon" sizes="192x192" />
   <link href="assets/icons/favicon.ico?v=6" rel="shortcut icon" />
-  <style>
-    body {
-      padding: 2rem;
-      max-width: 800px;
-      margin: 0 auto;
-      line-height: 1.6;
-    }
-
-    h1,
-    h2 {
-      color: var(accent);
-    }
-
-    ul {
-      margin-bottom: 1.5rem;
-    }
-  </style>
   <link href="https://techstackglobal.github.io/terms-of-service.html" rel="canonical" />
   <meta content="https://techstackglobal.github.io/terms-of-service.html" property="og:url" />
   <meta content="https://techstackglobal.github.io/og-image.jpg" property="og:image" />
@@ -83,31 +66,55 @@
   </header>
   <main class="container section-padding" style="margin-top: 80px; max-width: 800px;">
     <div class="glass-panel" style="padding: 4rem;">
-      <h1>Terms of Service</h1>
-      <p>Last updated: February 26, 2026</p>
-      <h2>Acceptance</h2>
-      <p>By using TechStack Global (the "Site"), you agree to be bound by these Terms of Service.</p>
-      <h2>Content &amp; Accuracy</h2>
-      <p>We publish editorial content and affiliate recommendations. We aim for accuracy but cannot guarantee
-        availability, pricing or completeness. Check merchant sites for final terms.</p>
-      <h2>Affiliate Disclosure</h2>
-      <p>We may earn commissions from links to third-party merchant sites such as Amazon and others. This is how we
-        fund the site.</p>
-      <h2>User Conduct</h2>
-      <p>Do not misuse our site. Do not upload malicious content. We reserve the right to remove content that violates
-        these terms.</p>
-      <h2>Limitation of Liability</h2>
-      <p>To the fullest extent permitted by law, TechStack Global is not liable for indirect or consequential losses
-        arising from use of this site or purchases through affiliate links.</p>
-      <h2>Governing Law</h2>
-      <p>These terms are governed by the laws applicable to the site operator. This is a standard, non-exclusive
-        jurisdiction clause.</p>
-      <p>Questions: <a href="contact.html" style="color:var(--accent);">Contact us here</a>
+      <h1 style="font-size: 2.5rem; margin-bottom: 2rem;">Terms of <span class="accent">Service</span></h1>
+      <p style="font-size: 1.1rem; color: var(--text-secondary); margin-bottom: 2rem;">Last updated: February 26, 2026
       </p>
-      <a href="index.html" style="display:inline-block; margin-top:1rem; color:var(--accent); text-decoration:none;">←
-        Back
-        to
-        Home</a>
+
+      <div class="legal-content" style="line-height: 1.8;">
+        <h2 style="color: #fff; margin-top: 2.5rem; margin-bottom: 1rem; font-size: 1.5rem;">1. Acceptance of Terms</h2>
+        <p style="font-size: 1.1rem; color: var(--text-secondary); margin-bottom: 1.5rem;">By accessing and using
+          TechStack Global, you agree to be bound by these Terms of Service. If you do not agree to these terms, please
+          refrain from using the Site.</p>
+
+        <h2 style="color: #fff; margin-top: 2.5rem; margin-bottom: 1rem; font-size: 1.5rem;">2. Content Integrity</h2>
+        <p style="font-size: 1.1rem; color: var(--text-secondary); margin-bottom: 1.5rem;">We provide tech reviews and
+          guides for informational purposes. While we strive for technical accuracy, we cannot guarantee real-time
+          market pricing or product availability on third-party sites.</p>
+
+        <h2 style="color: #fff; margin-top: 2.5rem; margin-bottom: 1rem; font-size: 1.5rem;">3. Affiliate Relationships
+        </h2>
+        <p style="font-size: 1.1rem; color: var(--text-secondary); margin-bottom: 1.5rem;">Some of our content includes
+          affiliate links. These partnerships support our independent research and help us maintain the technical
+          quality of our site. Please refer to our <a href="affiliate-disclosure.html"
+            style="color: var(--accent);">Affiliate Disclosure</a> for details.</p>
+
+        <h2 style="color: #fff; margin-top: 2.5rem; margin-bottom: 1rem; font-size: 1.5rem;">4. Intellectual Property
+        </h2>
+        <p style="font-size: 1.1rem; color: var(--text-secondary); margin-bottom: 1.5rem;">All text, designs, and
+          proprietary graphics on TechStack Global are the intellectual property of the site owner unless otherwise
+          stated. Unauthorized reproduction is prohibited.</p>
+
+        <h2 style="color: #fff; margin-top: 2.5rem; margin-bottom: 1rem; font-size: 1.5rem;">5. Limitation of Liability
+        </h2>
+        <p style="font-size: 1.1rem; color: var(--text-secondary); margin-bottom: 1.5rem;">TechStack Global shall not be
+          held liable for any indirect or consequential damages resulting from the use of our recommendations or
+          purchases made through external links.</p>
+
+        <h2 style="color: #fff; margin-top: 2.5rem; margin-bottom: 1rem; font-size: 1.5rem;">6. Governing Law</h2>
+        <p style="font-size: 1.1rem; color: var(--text-secondary); margin-bottom: 1.5rem;">These terms are governed by
+          the local laws applicable to the Site's operation. We reserve the right to modify these terms at any time.</p>
+
+        <div
+          style="background: rgba(255,255,255,0.03); padding: 1.5rem; border-radius: 12px; border: 1px solid var(--border-glass); margin-top: 3rem;">
+          <p style="margin-bottom: 0; font-size: 1rem; color: var(--text-primary);">Questions regarding these terms? <a
+              href="contact.html" style="color: var(--accent); font-weight: 600;">Contact us here →</a></p>
+        </div>
+      </div>
+
+      <div style="margin-top: 4rem; text-align: center; border-top: 1px solid var(--border-glass); padding-top: 2rem;">
+        <a href="index.html" style="color: var(--accent); text-decoration: none; font-weight: 500;"><i
+            class="fa-solid fa-arrow-left" style="margin-right: 8px;"></i> Back to Home</a>
+      </div>
     </div>
   </main>
   <footer class="glass-footer" style="margin-top: 6rem;">
