<style>

.red-support{

max-width:900px;

margin:50px auto;

font-family:Arial,Helvetica,sans-serif;

background:#ffffff;

border-radius:16px;

overflow:hidden;

border:1px solid #f3d2d2;

box-shadow:0 8px 25px rgba(220,38,38,.08);

}

 

.red-support .hero{

background:linear-gradient(135deg,#b91c1c,#ef4444);

color:#fff;

padding:45px 40px;

text-align:center;

}

 

.red-support .hero h1{

margin:0;

font-size:36px;

font-weight:700;

}

 

.red-support .hero p{

margin:15px auto 0;

max-width:650px;

line-height:1.8;

opacity:.95;

}

 

.red-support .content{

padding:35px;

}

 

.red-support .section{

margin-bottom:35px;

}

 

.red-support .section h2{

margin:0 0 18px;

color:#b91c1c;

font-size:24px;

padding-bottom:8px;

border-bottom:2px solid #fee2e2;

}

 

.red-support .cards{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(240px,1fr));

gap:18px;

}

 

.red-support .card{

background:#fff5f5;

border:1px solid #fecaca;

border-radius:10px;

padding:20px;

}

 

.red-support .card h3{

margin-top:0;

color:#b91c1c;

font-size:20px;

}

 

.red-support ul{

margin:0;

padding-left:20px;

}

 

.red-support li{

margin:10px 0;

}

 

.red-support .contact{

background:#fef2f2;

border-left:5px solid #dc2626;

padding:20px;

border-radius:8px;

}

 

.red-support .contact p{

margin:8px 0;

}

 

.red-support .footer{

background:#fff5f5;

text-align:center;

padding:18px;

color:#7f1d1d;

border-top:1px solid #fecaca;

font-size:14px;

}

 

@media(max-width:768px){

 

.red-support .hero,

.red-support .content{

padding:25px;

}

 

}

</style>

 

<div class=”red-support”>

 

<div class=”hero”>

<h1>Extension Support</h1>

<p>

Welcome to our official support page. Find answers to common questions, troubleshooting tips, and contact information for additional assistance.

</p>

</div>

 

<div class=”content”>

 

<div class=”section”>

 

<h2>What We Can Help With</h2>

 

<div class=”cards”>

 

<div class=”card”>

<h3>Installation</h3>

<p>Learn how to install and activate the extension correctly in Google Chrome.</p>

</div>

 

<div class=”card”>

<h3>Troubleshooting</h3>

<p>Resolve common issues by following a few simple steps.</p>

</div>

 

<div class=”card”>

<h3>Updates</h3>

<p>Keep your extension updated to enjoy the latest improvements.</p>

</div>

 

</div>

 

</div>

 

<div class=”section”>

 

<h2>Quick Tips</h2>

 

<ul>

<li>Use the latest version of Google Chrome.</li>

<li>Refresh the page after installing the extension.</li>

<li>Restart your browser if a feature doesn’t work correctly.</li>

<li>Disable conflicting extensions if necessary.</li>

<li>Reinstall the extension if problems continue.</li>

</ul>

 

</div>

 

<div class=”section”>

 

<h2>Contact Us</h2>

 

<div class=”contact”>

<p><strong>Email:</strong> [email protected]</p>

<p><strong>Response Time:</strong> Within 24–48 business hours.</p>

<p><strong>Support:</strong> Monday – Friday.</p>

</div>

 

</div>

 

<div class=”section”>

 

<h2>Privacy</h2>

 

<p>

We value your privacy and only use the permissions required for the extension to function as described. Your feedback helps us improve future releases.

</p>

 

</div>

 

</div>

 

<div class=”footer”>

© 2026 Extension Support Center

</div>

 

</div>