Changed around line 1
+
+
+
+
+
+
The Scroll Alliance+
+ :root {
+ --primary: #2563eb;
+ --secondary: #1e40af;
+ --background: #f8fafc;
+ --text: #1e293b;
+ }
+
+ * {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ font-family:
+ system-ui,
+ -apple-system,
+ sans-serif;
+ }
+
+ body {
+ background: var(--background);
+ color: var(--text);
+ line-height: 1.6;
+ }
+
+ .container {
+ max-width: 1200px;
+ margin: 0 auto;
+ padding: 2rem;
+ }
+
+ header {
+ text-align: center;
+ padding: 4rem 0;
+ background: linear-gradient(135deg, var(--primary), var(--secondary));
+ color: white;
+ }
+
+ h1 {
+ font-size: 3rem;
+ margin-bottom: 1rem;
+ }
+
+ .tagline {
+ font-size: 1.25rem;
+ opacity: 0.9;
+ }
+
+ .benefits {
+ margin: 4rem 0;
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+ gap: 2rem;
+ }
+
+ .benefit-card {
+ background: white;
+ padding: 2rem;
+ border-radius: 8px;
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+ }
+
+ .benefit-card h3 {
+ color: var(--primary);
+ margin-bottom: 1rem;
+ }
+
+ .join-options {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+ gap: 2rem;
+ margin: 4rem 0;
+ }
+
+ .join-option {
+ text-align: center;
+ padding: 2rem;
+ background: white;
+ border-radius: 8px;
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+ }
+
+ .price {
+ font-size: 2rem;
+ font-weight: bold;
+ margin: 1rem 0;
+ }
+
+ .btn {
+ display: inline-block;
+ padding: 1rem 2rem;
+ background: var(--primary);
+ color: white;
+ text-decoration: none;
+ border-radius: 4px;
+ transition: background 0.3s ease;
+ }
+
+ .btn:hover {
+ background: var(--secondary);
+ }
+
+ .referral {
+ text-align: center;
+ margin: 4rem 0;
+ padding: 2rem;
+ background: white;
+ border-radius: 8px;
+ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+ }
+
+ footer {
+ text-align: center;
+ padding: 2rem;
+ background: var(--text);
+ color: white;
+ }
+
+ @media (max-width: 768px) {
+ .container {
+ padding: 1rem;
+ }
+
+ h1 {
+ font-size: 2rem;
+ }
+ }
+
+
+
+
+
+
The Scroll Alliance
+ Join the movement to liberate ideas and transform the web
+
+
+
+
+
+
+
+
Personal Support
+ Get direct access to expert support for using Scroll, helping you
+ build and maintain your web presence efficiently.
+
+
+
+
Exclusive Events
+ Join our regular events, workshops, and meetups to connect with
+ fellow Scroll enthusiasts and expand your knowledge.
+
+
+
+
Earn Rewards
+ Earn $49 for each new member you refer, building a sustainable
+ community while growing your income.
+
+
+
+
+
+
+
Join with Crypto
+
Pay with your preferred cryptocurrency
+
+
+
Join with Card
+
Secure payment with credit/debit card
+
+
+
Join with Cash
+
Mail-in cash payment option available
+
+
+
+
+
Referral Program
+ Earn $49 for every new member you bring to the alliance. Build the
+ community, grow your income.
+
+
+
+
+
+
+
© 2024 The Scroll Alliance. All rights reserved.
+
+
+
+
+ document
+ .getElementById("cryptoBtn")
+ .addEventListener("click", function (e) {
+ e.preventDefault();
+ alert(
+ "Crypto payment gateway coming soon! You will be able to pay with major cryptocurrencies.",
+ );
+ });
+
+ document
+ .getElementById("cardBtn")
+ .addEventListener("click", function (e) {
+ e.preventDefault();
+ alert(
+ "Credit card payment gateway coming soon! You will be redirected to our secure payment processor.",
+ );
+ });
+
+ document
+ .getElementById("cashBtn")
+ .addEventListener("click", function (e) {
+ e.preventDefault();
+ alert(
+ "For cash payments, please contact us for mailing instructions and your unique member ID.",
+ );
+ });
+
+
+