<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>