diff --git a/app/__init__.py b/app/__init__.py
new file mode 100644
index 0000000..484da76
--- /dev/null
+++ b/app/__init__.py
@@ -0,0 +1,15 @@
+from flask import Flask
+from dotenv import load_dotenv
+import os
+
+load_dotenv()  # Load environment variables from .env file
+
+def create_app():
+    app = Flask(__name__)
+    app.config['SECRET_KEY'] = os.getenv('SECRET_KEY')
+
+    # Register blueprints or routes here
+    from .routes import main
+    app.register_blueprint(main)
+
+    return app
\ No newline at end of file
diff --git a/app/routes.py b/app/routes.py
new file mode 100644
index 0000000..cb76424
--- /dev/null
+++ b/app/routes.py
@@ -0,0 +1,105 @@
+from flask import Blueprint, render_template, request, flash, redirect, url_for
+import smtplib
+from email.mime.text import MIMEText
+import logging
+import os
+
+logging.basicConfig(level=logging.DEBUG)
+logger = logging.getLogger(__name__)
+
+main = Blueprint('main', __name__)
+
+@main.route('/')
+def index():
+    return render_template('index.html')
+
+@main.route('/services')
+def services():
+    return render_template('services.html')
+
+@main.route('/pricing')
+def pricing():
+    return render_template('pricing.html')
+
+@main.route('/solutions')
+def solutions():
+    return render_template('solutions.html')
+
+@main.route('/about')
+def about():
+    return render_template('about.html')
+
+@main.route('/privacy-policy')
+def privacy_policy():
+    return render_template('privacy.html')
+
+@main.route('/terms-of-service')
+def terms_of_service():
+    return render_template('termsofservice.html')
+
+@main.route('/careers')
+def careers():
+    return render_template('careers.html')
+
+def send_email(subject, body, recipient):
+    """Sends email, returns True on success, False on failure."""
+    try:
+        # Load SMTP settings from environment variables
+        smtp_server = os.getenv('SMTP_SERVER')
+        smtp_port = int(os.getenv('SMTP_PORT'))
+        smtp_user = os.getenv('SMTP_USER')
+        smtp_password = os.getenv('SMTP_PASSWORD')
+        sender_email = smtp_user  # Use the authenticated user as the sender
+
+        # Debugging: Print SMTP settings
+        logger.debug(f"SMTP Server: {smtp_server}, Port: {smtp_port}, User: {smtp_user}")
+
+        # Connect to SMTP server
+        server = smtplib.SMTP_SSL(smtp_server, smtp_port, timeout=10)
+        server.set_debuglevel(False)  # Keep debug level at False for production
+        server.login(smtp_user, smtp_password)
+
+        # Create email message
+        msg = MIMEText(body, "plain", "utf-8")
+        msg["Subject"] = subject
+        msg["From"] = sender_email
+        msg["To"] = recipient
+
+        # Send email
+        server.sendmail(sender_email, recipient, msg.as_string())
+        server.quit()
+
+        logger.info(f"Email sent to: {recipient}")
+        return True
+    except Exception as e:
+        logger.error(f"Failed to send email to {recipient}: {e}")
+        return False
+
+@main.route('/contact', methods=['GET', 'POST'])
+def contact():
+    if request.method == 'POST':
+        name = request.form.get('name')
+        email = request.form.get('email')
+        message = request.form.get('message')
+
+        # Debugging: Print form data
+        logger.debug(f"Form Data - Name: {name}, Email: {email}, Message: {message}")
+
+        if not name or not email or not message:
+            logger.error("Missing form data")
+            flash('Please fill out all fields.', 'error')
+            return redirect(url_for('main.contact'))
+
+        # Prepare email content
+        subject = f"New Contact Form Submission from {name}"
+        body = f"Name: {name}\nEmail: {email}\nMessage: {message}"
+
+        # Send email
+        if send_email(subject, body, "hello@ciphervance.com"):
+            flash('Your message has been sent! We will get back to you soon.', 'success')
+        else:
+            flash('An error occurred while sending your message. Please try again later.', 'error')
+
+        return redirect(url_for('main.contact'))
+
+    return render_template('contact.html')
\ No newline at end of file
diff --git a/app/static/css/styles.css b/app/static/css/styles.css
new file mode 100644
index 0000000..c99466a
--- /dev/null
+++ b/app/static/css/styles.css
@@ -0,0 +1,5150 @@
+/* Update the font family */
+body {
+    font-family: 'Inter', sans-serif;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+    background-color: #f8f9fa;
+    color: #333;
+    line-height: 1.6;
+}
+
+/* Header Styles */
+.main-header {
+    background: #fff;
+    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
+    position: sticky;
+    top: 0;
+    z-index: 1000;
+    border-bottom: 1px solid #e9ecef;
+}
+
+.header-container {
+    max-width: 1400px;
+    margin: 0 auto;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 1rem 2rem;
+    position: relative;
+}
+
+.header-left {
+    display: flex;
+    align-items: center;
+}
+
+.logo {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+    text-decoration: none;
+}
+
+.logo img {
+    height: 45px;
+    width: auto;
+}
+
+.logo-text {
+    display: flex;
+    flex-direction: column;
+}
+
+.company-name {
+    font-size: 1.4rem;
+    font-weight: 700;
+    color: #2c3e50;
+    line-height: 1;
+}
+
+.company-tagline {
+    font-size: 0.8rem;
+    color: #7f8c8d;
+    font-weight: 500;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+}
+
+/* Navigation */
+.main-nav {
+    display: flex;
+    align-items: center;
+}
+
+.nav-menu {
+    display: flex;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    gap: 0.5rem;
+}
+
+.nav-item {
+    position: relative;
+}
+
+.nav-link {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.8rem 1.5rem;
+    color: #555;
+    text-decoration: none;
+    font-weight: 500;
+    border-radius: 8px;
+    transition: all 0.3s ease;
+    position: relative;
+}
+
+.nav-link i {
+    font-size: 0.9rem;
+    opacity: 0.7;
+}
+
+.nav-link:hover,
+.nav-link.active {
+    background: linear-gradient(135deg, #3498db, #2980b9);
+    color: #fff;
+    transform: translateY(-1px);
+    box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);
+}
+
+.nav-link:hover i,
+.nav-link.active i {
+    opacity: 1;
+}
+
+/* Header Right */
+.header-right {
+    display: flex;
+    align-items: center;
+    gap: 1.5rem;
+}
+
+.header-contact {
+    display: flex;
+    align-items: center;
+}
+
+.contact-info {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    color: #7f8c8d;
+    font-size: 0.9rem;
+    font-weight: 500;
+}
+
+.contact-info i {
+    color: #27ae60;
+    font-size: 1rem;
+}
+
+.header-cta-btn {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    background: linear-gradient(135deg, #e74c3c, #c0392b);
+    color: #fff;
+    padding: 0.8rem 1.5rem;
+    border-radius: 8px;
+    text-decoration: none;
+    font-weight: 600;
+    font-size: 0.9rem;
+    transition: all 0.3s ease;
+    box-shadow: 0 4px 15px rgba(231, 76, 60, 0.3);
+}
+
+.header-cta-btn:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 6px 20px rgba(231, 76, 60, 0.4);
+}
+
+/* Mobile Menu Toggle */
+.mobile-menu-toggle {
+    display: none;
+    flex-direction: column;
+    background: none;
+    border: none;
+    cursor: pointer;
+    padding: 0.5rem;
+    gap: 4px;
+}
+
+.mobile-menu-toggle span {
+    width: 25px;
+    height: 3px;
+    background: #2c3e50;
+    border-radius: 2px;
+    transition: all 0.3s ease;
+}
+
+.mobile-menu-toggle.active span:nth-child(1) {
+    transform: rotate(45deg) translate(6px, 6px);
+}
+
+.mobile-menu-toggle.active span:nth-child(2) {
+    opacity: 0;
+}
+
+.mobile-menu-toggle.active span:nth-child(3) {
+    transform: rotate(-45deg) translate(6px, -6px);
+}
+
+/* Mobile Navigation */
+.mobile-nav {
+    display: none;
+    background: #fff;
+    border-top: 1px solid #e9ecef;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+}
+
+.mobile-nav.active {
+    display: block;
+}
+
+.mobile-nav-menu {
+    list-style: none;
+    margin: 0;
+    padding: 1rem 0;
+}
+
+.mobile-nav-menu li {
+    border-bottom: 1px solid #f8f9fa;
+}
+
+.mobile-nav-link {
+    display: block;
+    padding: 1rem 2rem;
+    color: #555;
+    text-decoration: none;
+    font-weight: 500;
+    transition: all 0.3s ease;
+}
+
+.mobile-nav-link:hover {
+    background: #f8f9fa;
+    color: #3498db;
+    padding-left: 2.5rem;
+}
+
+/* Flash Messages */
+.flash-messages {
+    max-width: 1400px;
+    margin: 0 auto;
+    padding: 1rem 2rem 0;
+}
+
+.flash {
+    margin-bottom: 1rem;
+    border-radius: 12px;
+    overflow: hidden;
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
+}
+
+.flash-content {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+    padding: 1rem 1.5rem;
+}
+
+.flash.success .flash-content {
+    background: linear-gradient(135deg, #d5f4e6, #c8e6c9);
+    color: #0f5132;
+    border-left: 4px solid #27ae60;
+}
+
+.flash.error .flash-content {
+    background: linear-gradient(135deg, #f8d7da, #f5c6cb);
+    color: #721c24;
+    border-left: 4px solid #e74c3c;
+}
+
+.flash-icon {
+    font-size: 1.2rem;
+    flex-shrink: 0;
+}
+
+.flash-text {
+    flex-grow: 1;
+    font-weight: 500;
+}
+
+.flash-close {
+    background: none;
+    border: none;
+    color: inherit;
+    cursor: pointer;
+    padding: 0.5rem;
+    border-radius: 4px;
+    transition: background 0.3s ease;
+}
+
+.flash-close:hover {
+    background: rgba(0, 0, 0, 0.1);
+}
+
+/* Main Content */
+.main-content {
+    flex: 1;
+}
+
+/* Footer Styles */
+.main-footer {
+    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
+    color: #ecf0f1;
+    margin-top: auto;
+}
+
+.footer-container {
+    max-width: 1400px;
+    margin: 0 auto;
+    padding: 0 2rem;
+}
+
+.footer-top {
+    display: grid;
+    grid-template-columns: 2fr 1fr 1fr 1.5fr;
+    gap: 3rem;
+    padding: 4rem 0;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.footer-section {
+    display: flex;
+    flex-direction: column;
+}
+
+/* Footer Brand */
+.footer-logo {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+    margin-bottom: 1.5rem;
+}
+
+.footer-logo img {
+    height: 40px;
+    filter: brightness(0) invert(1);
+}
+
+.footer-logo-text {
+    display: flex;
+    flex-direction: column;
+}
+
+.footer-company-name {
+    font-size: 1.3rem;
+    font-weight: 700;
+    color: #fff;
+    line-height: 1;
+}
+
+.footer-tagline {
+    font-size: 0.8rem;
+    color: #bdc3c7;
+    font-weight: 500;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+}
+
+.footer-description {
+    color: #bdc3c7;
+    line-height: 1.6;
+    margin-bottom: 2rem;
+}
+
+.footer-certifications {
+    display: flex;
+    gap: 0.5rem;
+    flex-wrap: wrap;
+}
+
+.cert-badge {
+    background: rgba(52, 152, 219, 0.2);
+    color: #3498db;
+    padding: 0.3rem 0.8rem;
+    border-radius: 20px;
+    font-size: 0.8rem;
+    font-weight: 600;
+    border: 1px solid rgba(52, 152, 219, 0.3);
+}
+
+/* Footer Sections */
+.footer-title {
+    color: #fff;
+    font-size: 1.1rem;
+    font-weight: 700;
+    margin-bottom: 1.5rem;
+    position: relative;
+}
+
+.footer-title::after {
+    content: '';
+    position: absolute;
+    bottom: -8px;
+    left: 0;
+    width: 30px;
+    height: 2px;
+    background: #3498db;
+    border-radius: 1px;
+}
+
+.footer-links {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.footer-links li {
+    margin-bottom: 0.8rem;
+}
+
+.footer-links a {
+    color: #bdc3c7;
+    text-decoration: none;
+    transition: all 0.3s ease;
+    font-weight: 500;
+}
+
+.footer-links a:hover {
+    color: #3498db;
+    padding-left: 0.5rem;
+}
+
+/* Footer Contact */
+.footer-contact {
+    margin-bottom: 2rem;
+}
+
+.contact-item {
+    display: flex;
+    align-items: center;
+    gap: 0.8rem;
+    margin-bottom: 1rem;
+    color: #bdc3c7;
+}
+
+.contact-item i {
+    color: #3498db;
+    width: 16px;
+    text-align: center;
+}
+
+.contact-item a {
+    color: #bdc3c7;
+    text-decoration: none;
+    transition: color 0.3s ease;
+}
+
+.contact-item a:hover {
+    color: #3498db;
+}
+
+/* Social Media */
+.social-media h5 {
+    color: #fff;
+    font-weight: 600;
+    margin-bottom: 1rem;
+}
+
+.social-icons {
+    display: flex;
+    gap: 1rem;
+}
+
+.social-link {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 40px;
+    height: 40px;
+    background: rgba(255, 255, 255, 0.1);
+    color: #bdc3c7;
+    border-radius: 50%;
+    text-decoration: none;
+    transition: all 0.3s ease;
+    backdrop-filter: blur(10px);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.social-link:hover {
+    background: #3498db;
+    color: #fff;
+    transform: translateY(-2px);
+    box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);
+}
+
+/* Footer Bottom */
+.footer-bottom {
+    padding: 2rem 0;
+}
+
+.footer-bottom-content {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 1rem;
+}
+
+.copyright p {
+    color: #bdc3c7;
+    margin: 0;
+    font-size: 0.9rem;
+}
+
+.footer-bottom-links {
+    display: flex;
+    gap: 2rem;
+}
+
+.footer-bottom-links a {
+    color: #bdc3c7;
+    text-decoration: none;
+    font-size: 0.9rem;
+    transition: color 0.3s ease;
+}
+
+.footer-bottom-links a:hover {
+    color: #3498db;
+}
+
+.footer-trust {
+    display: flex;
+    align-items: center;
+}
+
+.trust-badge {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    background: rgba(39, 174, 96, 0.2);
+    color: #27ae60;
+    padding: 0.5rem 1rem;
+    border-radius: 20px;
+    font-size: 0.8rem;
+    font-weight: 600;
+    border: 1px solid rgba(39, 174, 96, 0.3);
+}
+
+/* Responsive Design */
+@media (max-width: 1024px) {
+    .footer-top {
+        grid-template-columns: 1fr 1fr;
+        gap: 2rem;
+    }
+
+    .header-contact {
+        display: none;
+    }
+}
+
+@media (max-width: 768px) {
+    .main-nav,
+    .header-contact,
+    .header-cta-btn {
+        display: none;
+    }
+
+    .mobile-menu-toggle {
+        display: flex;
+    }
+
+    .header-container {
+        padding: 1rem;
+    }
+
+    .logo-text {
+        display: none;
+    }
+
+    .footer-top {
+        grid-template-columns: 1fr;
+        gap: 2rem;
+        padding: 3rem 0;
+    }
+
+    .footer-bottom-content {
+        flex-direction: column;
+        text-align: center;
+        gap: 1.5rem;
+    }
+
+    .footer-bottom-links {
+        justify-content: center;
+    }
+}
+
+@media (max-width: 480px) {
+    .header-container {
+        padding: 0.8rem;
+    }
+
+    .footer-container {
+        padding: 0 1rem;
+    }
+
+    .social-icons {
+        justify-content: center;
+    }
+}
+/* Hero Section - Enhanced */
+.hero {
+    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
+    color: #fff;
+    padding: 6rem 2rem;
+    position: relative;
+    overflow: hidden;
+    min-height: 80vh;
+    display: flex;
+    align-items: center;
+}
+
+.hero::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
+    pointer-events: none;
+}
+
+.hero-container {
+    max-width: 1400px;
+    margin: 0 auto;
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 4rem;
+    align-items: center;
+    position: relative;
+    z-index: 1;
+}
+
+.hero-badge {
+    display: inline-block;
+    background: rgba(255, 255, 255, 0.1);
+    backdrop-filter: blur(10px);
+    padding: 0.5rem 1rem;
+    border-radius: 50px;
+    font-size: 0.9rem;
+    margin-bottom: 2rem;
+    border: 1px solid rgba(255, 255, 255, 0.2);
+}
+
+.hero-title {
+    font-size: 3.5rem;
+    font-weight: 800;
+    line-height: 1.2;
+    margin-bottom: 1.5rem;
+}
+
+.hero-title .highlight {
+    background: linear-gradient(45deg, #ffd700, #ffed4e);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+}
+
+.hero-subtitle {
+    font-size: 1.3rem;
+    line-height: 1.6;
+    margin-bottom: 3rem;
+    opacity: 0.9;
+    max-width: 600px;
+}
+
+.hero-actions {
+    display: flex;
+    gap: 1.5rem;
+    margin-bottom: 4rem;
+    flex-wrap: wrap;
+}
+
+.cta-button {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 1rem 2rem;
+    border-radius: 12px;
+    font-weight: 600;
+    text-decoration: none;
+    transition: all 0.3s ease;
+    font-size: 1.1rem;
+    position: relative;
+    overflow: hidden;
+}
+
+.cta-button.primary {
+    background: linear-gradient(135deg, #ffd700, #ffed4e);
+    color: #1e3c72;
+    box-shadow: 0 8px 25px rgba(255, 215, 0, 0.3);
+}
+
+.cta-button.primary:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 12px 35px rgba(255, 215, 0, 0.4);
+}
+
+.cta-button.secondary {
+    background: transparent;
+    color: #fff;
+    border: 2px solid rgba(255, 255, 255, 0.3);
+    backdrop-filter: blur(10px);
+}
+
+.cta-button.secondary:hover {
+    background: rgba(255, 255, 255, 0.1);
+    border-color: rgba(255, 255, 255, 0.5);
+}
+
+.cta-button.large {
+    padding: 1.2rem 2.5rem;
+    font-size: 1.2rem;
+}
+
+.hero-stats {
+    display: flex;
+    gap: 3rem;
+}
+
+.stat {
+    text-align: center;
+}
+
+.stat-number {
+    font-size: 2.5rem;
+    font-weight: 800;
+    color: #ffd700;
+    line-height: 1;
+}
+
+.stat-label {
+    font-size: 0.9rem;
+    opacity: 0.8;
+    margin-top: 0.5rem;
+}
+
+/* Hero Visual */
+.hero-visual {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.security-shield {
+    position: relative;
+    width: 300px;
+    height: 300px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.shield-layer {
+    position: absolute;
+    border: 2px solid rgba(255, 215, 0, 0.3);
+    border-radius: 50%;
+    animation: pulse 3s infinite;
+}
+
+.shield-layer:nth-child(1) {
+    width: 100%;
+    height: 100%;
+    animation-delay: 0s;
+}
+
+.shield-layer:nth-child(2) {
+    width: 80%;
+    height: 80%;
+    animation-delay: 1s;
+}
+
+.shield-layer:nth-child(3) {
+    width: 60%;
+    height: 60%;
+    animation-delay: 2s;
+}
+
+.shield-core {
+    font-size: 4rem;
+    z-index: 10;
+    filter: drop-shadow(0 0 20px rgba(255, 215, 0, 0.5));
+}
+
+@keyframes pulse {
+    0%, 100% { transform: scale(1); opacity: 0.3; }
+    50% { transform: scale(1.1); opacity: 0.6; }
+}
+
+/* About Section - Enhanced */
+.about {
+    padding: 6rem 2rem;
+    background: #fff;
+}
+
+.about-container {
+    max-width: 1400px;
+    margin: 0 auto;
+}
+
+.section-header {
+    text-align: center;
+    margin-bottom: 4rem;
+}
+
+.section-title {
+    font-size: 3rem;
+    font-weight: 700;
+    color: #2c3e50;
+    margin-bottom: 1rem;
+    position: relative;
+}
+
+.section-title::after {
+    content: '';
+    position: absolute;
+    bottom: -15px;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 80px;
+    height: 4px;
+    background: linear-gradient(90deg, #3498db, #2980b9);
+    border-radius: 2px;
+}
+
+.section-subtitle {
+    font-size: 1.2rem;
+    color: #7f8c8d;
+    max-width: 600px;
+    margin: 0 auto;
+    line-height: 1.6;
+}
+
+.about-content {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 4rem;
+    align-items: center;
+}
+
+.lead-text {
+    font-size: 1.2rem;
+    line-height: 1.8;
+    color: #555;
+    margin-bottom: 2rem;
+}
+
+.about-highlights {
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+}
+
+.highlight-item {
+    display: flex;
+    align-items: flex-start;
+    gap: 1rem;
+}
+
+.highlight-icon {
+    background: linear-gradient(135deg, #27ae60, #2ecc71);
+    color: #fff;
+    width: 24px;
+    height: 24px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 0.8rem;
+    font-weight: bold;
+    flex-shrink: 0;
+    margin-top: 2px;
+}
+
+.highlight-text {
+    color: #555;
+    line-height: 1.6;
+}
+
+.about-image {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.image-placeholder {
+    width: 400px;
+    height: 300px;
+    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
+    border-radius: 20px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    overflow: hidden;
+}
+
+.security-icons {
+    position: relative;
+    width: 200px;
+    height: 200px;
+}
+
+.floating-icon {
+    position: absolute;
+    font-size: 2rem;
+    animation: float 4s ease-in-out infinite;
+    animation-delay: var(--delay);
+}
+
+.floating-icon:nth-child(1) { top: 20%; left: 20%; }
+.floating-icon:nth-child(2) { top: 20%; right: 20%; }
+.floating-icon:nth-child(3) { bottom: 20%; left: 20%; }
+.floating-icon:nth-child(4) { bottom: 20%; right: 20%; }
+
+@keyframes float {
+    0%, 100% { transform: translateY(0px); }
+    50% { transform: translateY(-20px); }
+}
+
+/* Features Section - Enhanced */
+.features {
+    padding: 6rem 2rem;
+    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
+}
+
+.features-container {
+    max-width: 1400px;
+    margin: 0 auto;
+}
+
+.features-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
+    gap: 2.5rem;
+}
+
+.feature-card {
+    background: #fff;
+    padding: 3rem;
+    border-radius: 20px;
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
+    transition: all 0.3s ease;
+    border: 1px solid #f1f3f4;
+    position: relative;
+    overflow: hidden;
+}
+
+.feature-card::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 4px;
+    background: linear-gradient(90deg, #3498db, #2980b9);
+    transform: scaleX(0);
+    transition: transform 0.3s ease;
+}
+
+.feature-card:hover::before {
+    transform: scaleX(1);
+}
+
+.feature-card:hover {
+    transform: translateY(-10px);
+    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
+}
+
+.feature-header {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+    margin-bottom: 1.5rem;
+}
+
+.feature-icon {
+    font-size: 3rem;
+    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));
+}
+
+.feature-card h3 {
+    font-size: 1.5rem;
+    font-weight: 700;
+    color: #2c3e50;
+    margin: 0;
+}
+
+.feature-card p {
+    color: #7f8c8d;
+    line-height: 1.7;
+    margin-bottom: 2rem;
+}
+
+.tech-badge, .cert {
+    display: inline-block;
+    background: linear-gradient(135deg, #3498db, #2980b9);
+    color: #fff;
+    padding: 0.3rem 0.8rem;
+    border-radius: 20px;
+    font-size: 0.8rem;
+    font-weight: 600;
+    margin: 0.2rem;
+}
+
+.feature-benefits {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+}
+
+.benefit {
+    color: #27ae60;
+    font-weight: 500;
+    font-size: 0.9rem;
+}
+
+.feature-certifications {
+    display: flex;
+    gap: 0.5rem;
+    flex-wrap: wrap;
+}
+
+/* Final CTA Section */
+.final-cta {
+    padding: 6rem 2rem;
+    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
+    color: #fff;
+    text-align: center;
+    position: relative;
+    overflow: hidden;
+}
+
+.final-cta::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>');
+    pointer-events: none;
+}
+
+.cta-container {
+    max-width: 800px;
+    margin: 0 auto;
+    position: relative;
+    z-index: 1;
+}
+
+.cta-title {
+    font-size: 3rem;
+    font-weight: 700;
+    margin-bottom: 1.5rem;
+}
+
+.cta-subtitle {
+    font-size: 1.2rem;
+    line-height: 1.6;
+    margin-bottom: 3rem;
+    opacity: 0.9;
+}
+
+.cta-actions {
+    display: flex;
+    gap: 1.5rem;
+    justify-content: center;
+    margin-bottom: 3rem;
+    flex-wrap: wrap;
+}
+
+.guarantee-badge {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+    background: rgba(255, 255, 255, 0.1);
+    backdrop-filter: blur(10px);
+    padding: 1rem 2rem;
+    border-radius: 50px;
+    border: 1px solid rgba(255, 255, 255, 0.2);
+}
+
+.guarantee-icon {
+    font-size: 1.2rem;
+}
+
+.guarantee-text {
+    font-weight: 600;
+}
+
+/* Responsive Design */
+@media (max-width: 1024px) {
+    .hero-container,
+    .about-content {
+        grid-template-columns: 1fr;
+        gap: 3rem;
+    }
+
+    .hero-visual {
+        order: -1;
+    }
+
+    .security-shield {
+        width: 250px;
+        height: 250px;
+    }
+}
+
+@media (max-width: 768px) {
+    .hero-title {
+        font-size: 2.5rem;
+    }
+
+    .hero-actions {
+        flex-direction: column;
+        align-items: stretch;
+    }
+
+    .hero-stats {
+        justify-content: space-around;
+        gap: 1.5rem;
+    }
+
+    .section-title {
+        font-size: 2.5rem;
+    }
+
+    .cta-title {
+        font-size: 2.5rem;
+    }
+
+    .features-grid {
+        grid-template-columns: 1fr;
+    }
+
+    .feature-card {
+        padding: 2rem;
+    }
+}
+
+@media (max-width: 480px) {
+    .hero {
+        padding: 4rem 1rem;
+    }
+
+    .hero-title {
+        font-size: 2rem;
+    }
+
+    .section-title {
+        font-size: 2rem;
+    }
+
+    .cta-title {
+        font-size: 2rem;
+    }
+
+    .cta-actions {
+        flex-direction: column;
+    }
+}
+
+/* Services Section */
+.services {
+    padding: 5rem 1rem;
+    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
+    position: relative;
+}
+
+.services::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="%23000" opacity="0.02"/><circle cx="75" cy="75" r="1" fill="%23000" opacity="0.02"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
+    pointer-events: none;
+}
+
+.services-container {
+    max-width: 1400px;
+    margin: 0 auto;
+    position: relative;
+    z-index: 1;
+}
+
+.services .section-title {
+    text-align: center;
+    font-size: 3rem;
+    font-weight: 700;
+    margin-bottom: 1rem;
+    color: #2c3e50;
+    position: relative;
+}
+
+.services .section-title::after {
+    content: '';
+    position: absolute;
+    bottom: -15px;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 80px;
+    height: 4px;
+    background: linear-gradient(90deg, #3498db, #2980b9);
+    border-radius: 2px;
+}
+
+.services .section-subtitle {
+    text-align: center;
+    font-size: 1.2rem;
+    color: #7f8c8d;
+    margin-bottom: 4rem;
+    max-width: 600px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.services-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+    gap: 2.5rem;
+    margin-top: 3rem;
+}
+
+.service-card {
+    background: #fff;
+    border-radius: 20px;
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
+    padding: 2.5rem;
+    text-align: center;
+    transition: all 0.4s ease;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    border: 1px solid #f1f3f4;
+    position: relative;
+    overflow: hidden;
+    min-height: 600px; /* Set minimum height for all cards */
+}
+
+.service-card::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 4px;
+    background: linear-gradient(90deg, #3498db, #2980b9);
+    transform: scaleX(0);
+    transition: transform 0.4s ease;
+}
+
+.service-card:hover::before {
+    transform: scaleX(1);
+}
+
+.service-card:hover {
+    transform: translateY(-10px);
+    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
+    border-color: #3498db;
+}
+
+.service-card.featured {
+    border: 2px solid #3498db;
+    transform: scale(1.02);
+    box-shadow: 0 15px 40px rgba(52, 152, 219, 0.2);
+}
+
+.service-card.featured:hover {
+    transform: scale(1.02) translateY(-10px);
+}
+
+.featured-badge {
+    position: absolute;
+    top: -1px;
+    right: -1px;
+    background: linear-gradient(135deg, #e74c3c, #c0392b);
+    color: #fff;
+    padding: 0.5rem 1rem;
+    font-size: 0.8rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    border-radius: 0 20px 0 15px;
+    box-shadow: 0 4px 15px rgba(231, 76, 60, 0.3);
+}
+
+.service-icon {
+    font-size: 4rem;
+    margin-bottom: 1.5rem;
+    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));
+    transition: transform 0.3s ease;
+}
+
+.service-card:hover .service-icon {
+    transform: scale(1.1) rotate(5deg);
+}
+
+.service-title {
+    font-size: 1.6rem;
+    font-weight: 700;
+    margin-bottom: 1rem;
+    color: #2c3e50;
+    line-height: 1.3;
+}
+
+.service-description {
+    font-size: 1rem;
+    color: #7f8c8d;
+    margin-bottom: 2rem;
+    flex-grow: 1;
+    line-height: 1.6;
+}
+
+.service-pricing {
+    margin-bottom: 2rem;
+    padding: 1.5rem;
+    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
+    border-radius: 12px;
+    border: 1px solid #dee2e6;
+}
+
+.price-main {
+    font-size: 2.5rem;
+    font-weight: 800;
+    color: #2c3e50;
+    margin-bottom: 0.5rem;
+}
+
+.price-details {
+    font-size: 0.9rem;
+    color: #7f8c8d;
+    font-weight: 500;
+}
+
+.service-features {
+    list-style: none;
+    padding: 0;
+    margin: 0 0 2.5rem 0;
+    text-align: left;
+    flex-grow: 1; /* Allow features to expand and fill space */
+    min-height: 200px; /* Minimum height for features section */
+}
+
+.service-features li {
+    padding: 0.8rem 0;
+    padding-left: 2rem;
+    position: relative;
+    font-size: 0.95rem;
+    color: #555;
+    border-bottom: 1px solid #f8f9fa;
+    transition: all 0.3s ease;
+}
+
+.service-features li:last-child {
+    border-bottom: none;
+}
+
+.service-features li::before {
+    content: "✓";
+    position: absolute;
+    left: 0;
+    top: 0.8rem;
+    color: #27ae60;
+    font-weight: bold;
+    font-size: 1.2rem;
+    width: 20px;
+    height: 20px;
+    background: rgba(39, 174, 96, 0.1);
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 0.8rem;
+}
+
+.service-features li:hover {
+    color: #2c3e50;
+    padding-left: 2.2rem;
+}
+
+.btn-container {
+    margin-top: auto;
+}
+
+.service-card .btn {
+    width: calc(50% - 10px); /* Account for any border/padding */
+    margin: 0 auto;
+    display: block;
+    padding: 1rem 2rem;
+    font-size: 1.1rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    border-radius: 12px;
+    transition: all 0.3s ease;
+    position: relative;
+    overflow: hidden;
+}
+
+.service-card .btn::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: -100%;
+    width: 100%;
+    height: 100%;
+    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
+    transition: left 0.5s;
+}
+
+.service-card .btn:hover::before {
+    left: 100%;
+}
+
+/* Responsive Design */
+@media (max-width: 1200px) {
+    .services-grid {
+        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+        gap: 2rem;
+    }
+}
+
+@media (max-width: 768px) {
+    .services {
+        padding: 3rem 1rem;
+    }
+
+    .services .section-title {
+        font-size: 2.5rem;
+    }
+
+    .services-grid {
+        grid-template-columns: 1fr;
+        gap: 2rem;
+    }
+
+    .service-card {
+        padding: 2rem;
+    }
+
+    .service-card.featured {
+        transform: none;
+    }
+
+    .service-card.featured:hover {
+        transform: translateY(-5px);
+    }
+
+    .price-main {
+        font-size: 2rem;
+    }
+}
+
+@media (max-width: 480px) {
+    .service-card {
+        padding: 1.5rem;
+    }
+
+    .service-icon {
+        font-size: 3rem;
+    }
+
+    .service-title {
+        font-size: 1.4rem;
+    }
+
+    .services .section-title {
+        font-size: 2rem;
+    }
+}
+
+
+.btn-container {
+    margin-top: auto;
+}
+
+/* Buttons */
+.btn {
+    display: inline-block;
+    padding: 0.8rem 1.5rem;
+    border-radius: 8px;
+    font-weight: 600;
+    font-size: 1rem;
+    text-align: center;
+    text-decoration: none;
+    transition: all 0.3s ease;
+    cursor: pointer;
+    border: none;
+    width: 100%;
+}
+
+.btn-primary {
+    background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
+    color: #fff;
+    box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);
+}
+
+.btn-primary:hover {
+    background: linear-gradient(135deg, #2980b9 0%, #1f5f8b 100%);
+    transform: translateY(-2px);
+    box-shadow: 0 6px 20px rgba(52, 152, 219, 0.4);
+}
+
+.btn-outline {
+    border: 2px solid #3498db;
+    color: #3498db;
+    background: transparent;
+}
+
+.btn-outline:hover {
+    background-color: #3498db;
+    color: #fff;
+    transform: translateY(-2px);
+}
+
+/* About Section */
+.about {
+    padding: 4rem 1rem;
+    background-color: #f8f9fa;
+    text-align: center;
+}
+
+.about-content {
+    max-width: 800px;
+    margin: 0 auto;
+}
+
+.about h2 {
+    font-size: 2.5rem;
+    margin-bottom: 2rem;
+    color: #2c3e50;
+    font-weight: 700;
+}
+
+.about p {
+    font-size: 1.1rem;
+    color: #7f8c8d;
+    line-height: 1.8;
+}
+
+/* Features Section */
+.features {
+    padding: 4rem 1rem;
+    background-color: #fff;
+}
+
+.features-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+    gap: 2rem;
+    max-width: 1200px;
+    margin: 0 auto;
+}
+
+.feature-card {
+    background: #f8f9fa;
+    border-radius: 16px;
+    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
+    padding: 2.5rem;
+    text-align: center;
+    transition: all 0.3s ease;
+    border: 1px solid #e9ecef;
+}
+
+.feature-card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
+    background: #fff;
+}
+
+.feature-icon {
+    font-size: 3rem;
+    margin-bottom: 1.5rem;
+    color: #3498db;
+}
+
+.feature-card h3 {
+    font-size: 1.4rem;
+    font-weight: 600;
+    margin-bottom: 1rem;
+    color: #2c3e50;
+}
+
+.feature-card p {
+    font-size: 1rem;
+    color: #7f8c8d;
+    line-height: 1.6;
+}
+
+/* CONTACT SECTION - COMPLETELY REDESIGNED */
+.contact {
+    padding: 4rem 1rem;
+    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
+    min-height: 80vh;
+    display: flex;
+    align-items: center;
+}
+
+.contact-container {
+    max-width: 600px;
+    margin: 0 auto;
+    background: #fff;
+    padding: 3rem;
+    border-radius: 20px;
+    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
+    border: 1px solid #f1f3f4;
+    position: relative;
+}
+
+/* Remove the problematic shimmer effect */
+.contact-container::before {
+    display: none;
+}
+
+.contact .section-title {
+    font-size: 2.5rem;
+    font-weight: 700;
+    margin-bottom: 0.5rem;
+    color: #2c3e50;
+    text-align: center;
+}
+
+.contact .section-title::after {
+    content: '';
+    position: absolute;
+    bottom: -10px;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 60px;
+    height: 4px;
+    background: linear-gradient(90deg, #3498db, #2980b9);
+    border-radius: 2px;
+}
+
+.contact .section-subtitle {
+    font-size: 1.1rem;
+    color: #7f8c8d;
+    margin-bottom: 3rem;
+    line-height: 1.6;
+    text-align: center;
+}
+
+.contact-form {
+    display: flex;
+    flex-direction: column;
+    gap: 2rem;
+}
+
+.form-group {
+    text-align: left;
+    position: relative;
+}
+
+.form-group label {
+    display: block;
+    font-weight: 600;
+    margin-bottom: 0.8rem;
+    color: #2c3e50;
+    font-size: 1rem;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    font-size: 0.9rem;
+}
+
+.form-group input,
+.form-group textarea {
+    width: 100%;
+    padding: 1.2rem 1.5rem;
+    border: 2px solid #e9ecef;
+    border-radius: 12px;
+    font-size: 1rem;
+    font-family: inherit;
+    transition: all 0.3s ease;
+    background-color: #fafbfc;
+    box-sizing: border-box;
+    resize: none;
+}
+
+.form-group input:focus,
+.form-group textarea:focus {
+    border-color: #3498db;
+    outline: none;
+    background-color: #fff;
+    box-shadow: 0 0 0 4px rgba(52, 152, 219, 0.1);
+    transform: translateY(-1px);
+}
+
+.form-group input:hover,
+.form-group textarea:hover {
+    border-color: #bdc3c7;
+}
+
+.form-group textarea {
+    min-height: 140px;
+    line-height: 1.6;
+    resize: vertical;
+}
+
+.form-group input::placeholder,
+.form-group textarea::placeholder {
+    color: #95a5a6;
+    font-style: normal;
+}
+
+.contact .btn-primary {
+    background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
+    color: #fff;
+    padding: 1.2rem 2rem;
+    border: none;
+    border-radius: 12px;
+    font-weight: 600;
+    font-size: 1.1rem;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    margin-top: 1rem;
+    box-shadow: 0 6px 20px rgba(52, 152, 219, 0.3);
+}
+
+.contact .btn-primary:hover {
+    background: linear-gradient(135deg, #2980b9 0%, #1f5f8b 100%);
+    transform: translateY(-2px);
+    box-shadow: 0 8px 25px rgba(52, 152, 219, 0.4);
+}
+
+.contact .btn-primary:active {
+    transform: translateY(0);
+}
+
+/* Form validation styles */
+.form-group input:invalid:not(:placeholder-shown),
+.form-group textarea:invalid:not(:placeholder-shown) {
+    border-color: #e74c3c;
+    background-color: #fdf2f2;
+}
+
+.form-group input:valid:not(:placeholder-shown),
+.form-group textarea:valid:not(:placeholder-shown) {
+    border-color: #27ae60;
+    background-color: #f8fff9;
+}
+
+/* Footer */
+footer {
+    background: #2c3e50;
+    color: #fff;
+    padding: 2rem;
+    margin-top: auto;
+    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1);
+}
+
+.footer-content {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    max-width: 1200px;
+    margin: 0 auto;
+    flex-wrap: wrap;
+    gap: 1.5rem;
+}
+
+.footer-links {
+    display: flex;
+    align-items: center;
+    gap: 2rem;
+    flex-wrap: wrap;
+}
+
+.footer-links a {
+    color: #ecf0f1;
+    text-decoration: none;
+    font-weight: 500;
+    transition: color 0.3s ease;
+    padding: 0.5rem;
+}
+
+.footer-links a:hover {
+    color: #3498db;
+}
+
+.social-icons {
+    display: flex;
+    gap: 1rem;
+}
+
+.social-icons a {
+    color: #ecf0f1;
+    font-size: 1.5rem;
+    transition: all 0.3s ease;
+    padding: 0.5rem;
+    border-radius: 50%;
+}
+
+.social-icons a:hover {
+    color: #3498db;
+    background-color: rgba(52, 152, 219, 0.1);
+}
+
+/* Flash Messages */
+.flash-messages {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 1rem;
+}
+
+.flash {
+    padding: 1rem 1.5rem;
+    border-radius: 12px;
+    margin-bottom: 1rem;
+    text-align: center;
+    font-weight: 500;
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
+}
+
+.flash.success {
+    background-color: #d5f4e6;
+    color: #0f5132;
+    border: 1px solid #badbcc;
+}
+
+.flash.error {
+    background-color: #f8d7da;
+    color: #721c24;
+    border: 1px solid #f5c6cb;
+}
+
+/* Responsive Design */
+@media (max-width: 768px) {
+    .hero h1 {
+        font-size: 2.5rem;
+    }
+
+    .hero-subtitle {
+        font-size: 1.1rem;
+    }
+
+    .contact {
+        padding: 2rem 1rem;
+        min-height: auto;
+    }
+
+    .contact-container {
+        padding: 2rem 1.5rem;
+        margin: 1rem;
+        border-radius: 16px;
+    }
+
+    .contact .section-title {
+        font-size: 2rem;
+    }
+
+    .form-group input,
+    .form-group textarea {
+        padding: 1rem 1.2rem;
+    }
+
+    .contact .btn-primary {
+        padding: 1rem 1.5rem;
+        font-size: 1rem;
+    }
+
+    .footer-content {
+        flex-direction: column;
+        text-align: center;
+    }
+
+    .services-grid,
+    .features-grid {
+        grid-template-columns: 1fr;
+    }
+}
+
+@media (max-width: 480px) {
+    .contact-container {
+        margin: 0.5rem;
+        padding: 1.5rem 1rem;
+    }
+
+    .contact .section-title {
+        font-size: 1.75rem;
+    }
+
+    .hero {
+        padding: 4rem 1rem;
+    }
+
+    .hero h1 {
+        font-size: 2rem;
+    }
+}
+
+/* Solutions Hero */
+.solutions-hero {
+    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
+    color: #fff;
+    padding: 6rem 2rem 4rem;
+    text-align: center;
+}
+
+.solutions-hero .hero-title {
+    font-size: 3.5rem;
+    font-weight: 800;
+    margin-bottom: 1.5rem;
+}
+
+.solutions-hero .hero-subtitle {
+    font-size: 1.3rem;
+    max-width: 800px;
+    margin: 0 auto 3rem;
+    opacity: 0.9;
+    line-height: 1.6;
+}
+
+.solutions-hero .hero-stats {
+    display: flex;
+    justify-content: center;
+    gap: 4rem;
+    margin-top: 3rem;
+}
+
+/* Solutions Grid */
+.solutions-grid-section {
+    padding: 6rem 2rem;
+    background: #f8f9fa;
+}
+
+.solutions-container {
+    max-width: 1400px;
+    margin: 0 auto;
+}
+
+.solutions-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
+    gap: 3rem;
+    margin-top: 4rem;
+}
+
+.solution-card {
+    background: #fff;
+    border-radius: 20px;
+    padding: 3rem;
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
+    transition: all 0.3s ease;
+    border: 1px solid #e9ecef;
+    position: relative;
+    overflow: hidden;
+}
+
+.solution-card.featured {
+    border: 2px solid #3498db;
+    transform: scale(1.02);
+}
+
+.solution-card:hover {
+    transform: translateY(-10px);
+    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
+}
+
+.solution-card.featured:hover {
+    transform: scale(1.02) translateY(-10px);
+}
+
+.solution-header {
+    display: flex;
+    align-items: center;
+    gap: 1.5rem;
+    margin-bottom: 2rem;
+    padding-bottom: 1.5rem;
+    border-bottom: 1px solid #f1f3f4;
+}
+
+.solution-logo {
+    position: relative;
+    width: 60px;
+    height: 60px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.solution-logo img {
+    max-width: 100%;
+    max-height: 100%;
+    object-fit: contain;
+}
+
+.solution-icon {
+    font-size: 2.5rem;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+}
+
+.solution-title {
+    font-size: 1.8rem;
+    font-weight: 700;
+    color: #2c3e50;
+    margin: 0 0 0.5rem 0;
+}
+
+.solution-category {
+    background: linear-gradient(135deg, #3498db, #2980b9);
+    color: #fff;
+    padding: 0.3rem 1rem;
+    border-radius: 20px;
+    font-size: 0.8rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+}
+
+.solution-description {
+    margin-bottom: 2rem;
+}
+
+.solution-description p {
+    color: #7f8c8d;
+    line-height: 1.7;
+    font-size: 1rem;
+}
+
+.solution-features {
+    margin-bottom: 2rem;
+}
+
+.solution-features h4 {
+    color: #2c3e50;
+    font-weight: 600;
+    margin-bottom: 1rem;
+}
+
+.solution-features ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.solution-features li {
+    padding: 0.5rem 0;
+    padding-left: 1.5rem;
+    position: relative;
+    color: #555;
+}
+
+.solution-features li::before {
+    content: "✓";
+    position: absolute;
+    left: 0;
+    color: #27ae60;
+    font-weight: bold;
+}
+
+.solution-stats {
+    display: flex;
+    gap: 2rem;
+    margin-bottom: 2rem;
+    padding: 1.5rem;
+    background: #f8f9fa;
+    border-radius: 12px;
+}
+
+.stat-item {
+    text-align: center;
+    flex: 1;
+}
+
+.stat-value {
+    display: block;
+    font-size: 1.5rem;
+    font-weight: 700;
+    color: #3498db;
+}
+
+.stat-label {
+    font-size: 0.8rem;
+    color: #7f8c8d;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+}
+
+.solution-links {
+    display: flex;
+    gap: 1rem;
+    flex-wrap: wrap;
+}
+
+.solution-link {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.8rem 1.5rem;
+    border-radius: 8px;
+    text-decoration: none;
+    font-weight: 600;
+    font-size: 0.9rem;
+    transition: all 0.3s ease;
+}
+
+.solution-link.primary {
+    background: linear-gradient(135deg, #3498db, #2980b9);
+    color: #fff;
+}
+
+.solution-link.primary:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);
+}
+
+.solution-link.secondary {
+    background: #f8f9fa;
+    color: #555;
+    border: 1px solid #e9ecef;
+}
+
+.solution-link.secondary:hover {
+    background: #e9ecef;
+    color: #2c3e50;
+}
+
+/* Why Open Source */
+.why-opensource {
+    padding: 6rem 2rem;
+    background: #fff;
+}
+
+.opensource-container {
+    max-width: 1400px;
+    margin: 0 auto;
+}
+
+.benefits-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+    gap: 2.5rem;
+    margin-top: 4rem;
+}
+
+.benefit-card {
+    text-align: center;
+    padding: 2.5rem;
+    border-radius: 16px;
+    background: #f8f9fa;
+    transition: all 0.3s ease;
+    border: 1px solid #e9ecef;
+}
+
+.benefit-card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+    background: #fff;
+}
+
+.benefit-icon {
+    font-size: 3rem;
+    margin-bottom: 1.5rem;
+}
+
+.benefit-card h3 {
+    font-size: 1.4rem;
+    font-weight: 700;
+    color: #2c3e50;
+    margin-bottom: 1rem;
+}
+
+.benefit-card p {
+    color: #7f8c8d;
+    line-height: 1.6;
+}
+
+/* Integration Support */
+.integration-support {
+    padding: 6rem 2rem;
+    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
+}
+
+.support-container {
+    max-width: 1400px;
+    margin: 0 auto;
+}
+
+.support-content {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 4rem;
+    align-items: center;
+}
+
+.support-text h2 {
+    font-size: 2.5rem;
+    font-weight: 700;
+    color: #2c3e50;
+    margin-bottom: 1.5rem;
+}
+
+.lead-text {
+    font-size: 1.2rem;
+    color: #7f8c8d;
+    line-height: 1.6;
+    margin-bottom: 3rem;
+}
+
+.support-features {
+    display: flex;
+    flex-direction: column;
+    gap: 2rem;
+}
+
+.support-feature {
+    display: flex;
+    gap: 1.5rem;
+    align-items: flex-start;
+}
+
+.support-feature i {
+    font-size: 2rem;
+    color: #3498db;
+    margin-top: 0.5rem;
+    flex-shrink: 0;
+}
+
+.support-feature h4 {
+    font-size: 1.2rem;
+    font-weight: 600;
+    color: #2c3e50;
+    margin: 0 0 0.5rem 0;
+}
+
+.support-feature p {
+    color: #7f8c8d;
+    line-height: 1.6;
+    margin: 0;
+}
+
+/* Integration Diagram */
+.integration-diagram {
+    position: relative;
+    width: 300px;
+    height: 300px;
+    margin: 0 auto;
+}
+
+.integration-center {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 10;
+}
+
+.center-node {
+    width: 100px;
+    height: 100px;
+    background: linear-gradient(135deg, #3498db, #2980b9);
+    border-radius: 50%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    color: #fff;
+    font-weight: 600;
+    box-shadow: 0 8px 25px rgba(52, 152, 219, 0.3);
+}
+
+.center-node i {
+    font-size: 1.5rem;
+    margin-bottom: 0.5rem;
+}
+
+.integration-nodes {
+    position: relative;
+    width: 100%;
+    height: 100%;
+}
+
+.integration-node {
+    position: absolute;
+    width: 80px;
+    height: 80px;
+    background: #fff;
+    border: 2px solid #e9ecef;
+    border-radius: 50%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    font-size: 0.8rem;
+    font-weight: 600;
+    color: #555;
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
+    transform: rotate(var(--angle)) translateX(110px) rotate(calc(-1 * var(--angle)));
+}
+
+.integration-node i {
+    font-size: 1.2rem;
+    margin-bottom: 0.3rem;
+    color: #3498db;
+}
+
+/* Solutions CTA */
+.solutions-cta {
+    padding: 6rem 2rem;
+    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
+    color: #fff;
+    text-align: center;
+}
+
+.solutions-cta h2 {
+    font-size: 3rem;
+    font-weight: 700;
+    margin-bottom: 1.5rem;
+}
+
+.solutions-cta p {
+    font-size: 1.2rem;
+    max-width: 800px;
+    margin: 0 auto 3rem;
+    opacity: 0.9;
+    line-height: 1.6;
+}
+
+.cta-actions {
+    display: flex;
+    gap: 1.5rem;
+    justify-content: center;
+    flex-wrap: wrap;
+}
+
+/* Responsive Design */
+@media (max-width: 1024px) {
+    .solutions-grid {
+        grid-template-columns: 1fr;
+    }
+
+    .support-content {
+        grid-template-columns: 1fr;
+        gap: 3rem;
+    }
+
+    .integration-diagram {
+        order: -1;
+    }
+}
+
+@media (max-width: 768px) {
+    .solutions-hero .hero-title {
+        font-size: 2.5rem;
+    }
+
+    .solutions-hero .hero-stats {
+        gap: 2rem;
+    }
+
+    .solution-card {
+        padding: 2rem;
+    }
+
+    .solution-header {
+        flex-direction: column;
+        text-align: center;
+        gap: 1rem;
+    }
+
+    .benefits-grid {
+        grid-template-columns: 1fr;
+    }
+
+    .solution-links {
+        flex-direction: column;
+    }
+}
+
+/* About Hero */
+.about-hero {
+    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
+    color: #fff;
+    padding: 6rem 2rem 4rem;
+    text-align: center;
+}
+
+.about-hero .hero-title {
+    font-size: 3.5rem;
+    font-weight: 800;
+    margin-bottom: 1.5rem;
+}
+
+.about-hero .hero-subtitle {
+    font-size: 1.3rem;
+    max-width: 800px;
+    margin: 0 auto 3rem;
+    opacity: 0.9;
+    line-height: 1.6;
+}
+
+.about-hero .hero-stats {
+    display: flex;
+    justify-content: center;
+    gap: 4rem;
+    margin-top: 3rem;
+}
+
+.hero-stat {
+    text-align: center;
+}
+
+.hero-stat .stat-value {
+    display: block;
+    font-size: 2.5rem;
+    font-weight: 700;
+    margin-bottom: 0.5rem;
+}
+
+.hero-stat .stat-label {
+    font-size: 0.9rem;
+    opacity: 0.8;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+}
+
+/* Mission Section */
+.mission-section {
+    padding: 6rem 2rem;
+    background: #fff;
+}
+
+.mission-container {
+    max-width: 1400px;
+    margin: 0 auto;
+}
+
+.mission-content {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 4rem;
+    align-items: center;
+}
+
+.mission-text h2 {
+    font-size: 2.5rem;
+    font-weight: 700;
+    color: #2c3e50;
+    margin-bottom: 1.5rem;
+}
+
+.mission-features {
+    display: flex;
+    flex-direction: column;
+    gap: 2rem;
+    margin-top: 2rem;
+}
+
+.mission-feature {
+    display: flex;
+    gap: 1.5rem;
+    align-items: flex-start;
+}
+
+.mission-feature i {
+    font-size: 2rem;
+    color: #3498db;
+    margin-top: 0.5rem;
+    flex-shrink: 0;
+}
+
+.mission-feature h4 {
+    font-size: 1.2rem;
+    font-weight: 600;
+    color: #2c3e50;
+    margin: 0 0 0.5rem 0;
+}
+
+.mission-feature p {
+    color: #7f8c8d;
+    line-height: 1.6;
+    margin: 0;
+}
+
+/* Security Diagram */
+.security-diagram {
+    position: relative;
+    width: 300px;
+    height: 300px;
+    margin: 0 auto;
+}
+
+.security-center {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 10;
+}
+
+.center-node {
+    width: 100px;
+    height: 100px;
+    background: linear-gradient(135deg, #3498db, #2980b9);
+    border-radius: 50%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    color: #fff;
+    font-weight: 600;
+    box-shadow: 0 8px 25px rgba(52, 152, 219, 0.3);
+}
+
+.center-node i {
+    font-size: 1.5rem;
+    margin-bottom: 0.5rem;
+}
+
+.security-nodes {
+    position: relative;
+    width: 100%;
+    height: 100%;
+}
+
+.security-node {
+    position: absolute;
+    width: 70px;
+    height: 70px;
+    background: #fff;
+    border: 2px solid #e9ecef;
+    border-radius: 50%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    font-size: 0.7rem;
+    font-weight: 600;
+    color: #555;
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
+    transform: rotate(var(--angle)) translateX(115px) rotate(calc(-1 * var(--angle)));
+}
+
+.security-node i {
+    font-size: 1rem;
+    margin-bottom: 0.2rem;
+    color: #3498db;
+}
+
+/* Team Section */
+.team-section {
+    padding: 6rem 2rem;
+    background: #f8f9fa;
+}
+
+.team-container {
+    max-width: 1400px;
+    margin: 0 auto;
+}
+
+.team-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
+    gap: 3rem;
+    margin-top: 4rem;
+}
+
+.team-card {
+    background: #fff;
+    border-radius: 20px;
+    padding: 3rem;
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
+    transition: all 0.3s ease;
+    border: 1px solid #e9ecef;
+}
+
+.team-card:hover {
+    transform: translateY(-10px);
+    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
+}
+
+.team-header {
+    display: flex;
+    align-items: center;
+    gap: 1.5rem;
+    margin-bottom: 2rem;
+    padding-bottom: 1.5rem;
+    border-bottom: 1px solid #f1f3f4;
+}
+
+.team-avatar {
+    width: 60px;
+    height: 60px;
+    background: linear-gradient(135deg, #3498db, #2980b9);
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #fff;
+    font-size: 1.5rem;
+}
+
+.team-info h4 {
+    font-size: 1.4rem;
+    font-weight: 700;
+    color: #2c3e50;
+    margin: 0 0 0.5rem 0;
+}
+
+.team-category {
+    background: linear-gradient(135deg, #3498db, #2980b9);
+    color: #fff;
+    padding: 0.3rem 1rem;
+    border-radius: 20px;
+    font-size: 0.8rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+}
+
+.team-description p {
+    color: #7f8c8d;
+    line-height: 1.7;
+    margin-bottom: 2rem;
+}
+
+.team-certifications h5 {
+    color: #2c3e50;
+    font-weight: 600;
+    margin-bottom: 1rem;
+}
+
+.team-certifications ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.team-certifications li {
+    padding: 0.5rem 0;
+    padding-left: 1.5rem;
+    position: relative;
+    color: #555;
+    font-size: 0.9rem;
+}
+
+.team-certifications li::before {
+    content: "✓";
+    position: absolute;
+    left: 0;
+    color: #27ae60;
+    font-weight: bold;
+}
+
+/* Values Section */
+.values-section {
+    padding: 6rem 2rem;
+    background: #fff;
+}
+
+.values-container {
+    max-width: 1400px;
+    margin: 0 auto;
+}
+
+.values-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    gap: 2.5rem;
+    margin-top: 4rem;
+}
+
+.value-card {
+    text-align: center;
+    padding: 2.5rem;
+    border-radius: 16px;
+    background: #f8f9fa;
+    transition: all 0.3s ease;
+    border: 1px solid #e9ecef;
+}
+
+.value-card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+    background: #fff;
+}
+
+.value-icon {
+    font-size: 3rem;
+    color: #3498db;
+    margin-bottom: 1.5rem;
+}
+
+.value-card h3 {
+    font-size: 1.4rem;
+    font-weight: 700;
+    color: #2c3e50;
+    margin-bottom: 1rem;
+}
+
+.value-card p {
+    color: #7f8c8d;
+    line-height: 1.6;
+}
+
+/* About CTA */
+.about-cta {
+    padding: 6rem 2rem;
+    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
+    color: #fff;
+    text-align: center;
+}
+
+.about-cta h2 {
+    font-size: 3rem;
+    font-weight: 700;
+    margin-bottom: 1.5rem;
+}
+
+.about-cta p {
+    font-size: 1.2rem;
+    max-width: 800px;
+    margin: 0 auto 3rem;
+    opacity: 0.9;
+    line-height: 1.6;
+}
+
+/* Responsive Design */
+@media (max-width: 1024px) {
+    .mission-content {
+        grid-template-columns: 1fr;
+        gap: 3rem;
+    }
+
+    .security-diagram {
+        order: -1;
+    }
+
+    .team-grid {
+        grid-template-columns: 1fr;
+    }
+}
+
+@media (max-width: 768px) {
+    .about-hero .hero-title {
+        font-size: 2.5rem;
+    }
+
+    .about-hero .hero-stats {
+        gap: 2rem;
+        flex-wrap: wrap;
+    }
+
+    .team-card {
+        padding: 2rem;
+    }
+
+    .values-grid {
+        grid-template-columns: 1fr;
+    }
+}
+
+/* Privacy Hero */
+.privacy-hero {
+    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
+    color: #fff;
+    padding: 6rem 2rem 4rem;
+    text-align: center;
+}
+
+.privacy-hero .hero-title {
+    font-size: 3.5rem;
+    font-weight: 800;
+    margin-bottom: 1.5rem;
+}
+
+.privacy-hero .hero-subtitle {
+    font-size: 1.3rem;
+    max-width: 800px;
+    margin: 0 auto 3rem;
+    opacity: 0.9;
+    line-height: 1.6;
+}
+
+.privacy-hero .hero-stats {
+    display: flex;
+    justify-content: center;
+    gap: 4rem;
+    margin-top: 3rem;
+}
+
+/* Privacy Content Section */
+.privacy-content-section {
+    padding: 6rem 2rem;
+    background: #f8f9fa;
+}
+
+.privacy-container {
+    max-width: 1400px;
+    margin: 0 auto;
+    display: grid;
+    grid-template-columns: 300px 1fr;
+    gap: 4rem;
+}
+
+/* Privacy Sidebar */
+.privacy-sidebar {
+    position: sticky;
+    top: 2rem;
+    height: fit-content;
+}
+
+.privacy-nav {
+    background: #fff;
+    padding: 2rem;
+    border-radius: 16px;
+    border: 1px solid #e9ecef;
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
+    margin-bottom: 2rem;
+}
+
+.privacy-nav h4 {
+    color: #2c3e50;
+    font-weight: 700;
+    margin-bottom: 1.5rem;
+    font-size: 1.1rem;
+}
+
+.privacy-nav ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.privacy-nav li {
+    margin-bottom: 0.5rem;
+}
+
+.privacy-nav a {
+    color: #7f8c8d;
+    text-decoration: none;
+    padding: 0.5rem 0;
+    display: block;
+    font-size: 0.9rem;
+    transition: color 0.3s ease;
+}
+
+.privacy-nav a:hover {
+    color: #3498db;
+}
+
+.privacy-summary {
+    background: #fff;
+    padding: 2rem;
+    border-radius: 16px;
+    border: 1px solid #e9ecef;
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
+    text-align: center;
+}
+
+.summary-icon {
+    font-size: 2.5rem;
+    color: #3498db;
+    margin-bottom: 1rem;
+}
+
+.privacy-summary h4 {
+    color: #2c3e50;
+    font-weight: 700;
+    margin-bottom: 1rem;
+}
+
+.privacy-summary ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    text-align: left;
+}
+
+.privacy-summary li {
+    padding: 0.3rem 0;
+    padding-left: 1.5rem;
+    position: relative;
+    color: #7f8c8d;
+    font-size: 0.9rem;
+}
+
+.privacy-summary li::before {
+    content: "✓";
+    position: absolute;
+    left: 0;
+    color: #27ae60;
+    font-weight: bold;
+}
+
+/* Privacy Cards */
+.privacy-main {
+    display: flex;
+    flex-direction: column;
+    gap: 3rem;
+}
+
+.privacy-card {
+    background: #fff;
+    border-radius: 20px;
+    border: 1px solid #e9ecef;
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
+    overflow: hidden;
+    transition: all 0.3s ease;
+}
+
+.privacy-card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
+}
+
+.card-header {
+    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
+    padding: 2rem 3rem;
+    border-bottom: 1px solid #e9ecef;
+    display: flex;
+    align-items: center;
+    gap: 1.5rem;
+}
+
+.card-icon {
+    width: 60px;
+    height: 60px;
+    background: linear-gradient(135deg, #3498db, #2980b9);
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #fff;
+    font-size: 1.5rem;
+    flex-shrink: 0;
+}
+
+.card-header h3 {
+    color: #2c3e50;
+    font-weight: 700;
+    font-size: 1.8rem;
+    margin: 0;
+    flex-grow: 1;
+}
+
+.last-updated {
+    background: #3498db;
+    color: #fff;
+    padding: 0.3rem 1rem;
+    border-radius: 20px;
+    font-size: 0.8rem;
+    font-weight: 600;
+}
+
+.card-content {
+    padding: 3rem;
+}
+
+.lead-text {
+    font-size: 1.2rem;
+    color: #7f8c8d;
+    line-height: 1.6;
+    margin-bottom: 2rem;
+}
+
+/* Info Grid */
+.info-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 2rem;
+    margin: 2rem 0;
+}
+
+.info-item h5 {
+    color: #2c3e50;
+    font-weight: 600;
+    margin-bottom: 1rem;
+}
+
+.info-item ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.info-item li {
+    padding: 0.3rem 0;
+    padding-left: 1.5rem;
+    position: relative;
+    color: #7f8c8d;
+}
+
+.info-item li::before {
+    content: "•";
+    position: absolute;
+    left: 0;
+    color: #3498db;
+    font-weight: bold;
+}
+
+/* Important Note */
+.important-note {
+    background: #e8f4fd;
+    border: 1px solid #3498db;
+    border-radius: 12px;
+    padding: 1.5rem;
+    margin: 2rem 0;
+    display: flex;
+    gap: 1rem;
+    align-items: flex-start;
+}
+
+.important-note i {
+    color: #3498db;
+    font-size: 1.2rem;
+    margin-top: 0.2rem;
+    flex-shrink: 0;
+}
+
+.important-note p {
+    margin: 0;
+    color: #2c3e50;
+}
+
+/* Usage List */
+.usage-list {
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+    margin-top: 2rem;
+}
+
+.usage-item {
+    display: flex;
+    gap: 1.5rem;
+    align-items: flex-start;
+    padding: 1.5rem;
+    background: #f8f9fa;
+    border-radius: 12px;
+    border: 1px solid #e9ecef;
+}
+
+.usage-item i {
+    font-size: 1.5rem;
+    color: #3498db;
+    margin-top: 0.5rem;
+    flex-shrink: 0;
+}
+
+.usage-item h5 {
+    color: #2c3e50;
+    font-weight: 600;
+    margin: 0 0 0.5rem 0;
+}
+
+.usage-item p {
+    color: #7f8c8d;
+    margin: 0;
+    line-height: 1.6;
+}
+
+/* Security Measures */
+.security-measures {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    gap: 2rem;
+    margin-top: 2rem;
+}
+
+.security-measure {
+    text-align: center;
+    padding: 2rem;
+    background: #f8f9fa;
+    border-radius: 12px;
+    border: 1px solid #e9ecef;
+}
+
+.measure-icon {
+    font-size: 2.5rem;
+    color: #3498db;
+    margin-bottom: 1rem;
+}
+
+.security-measure h5 {
+    color: #2c3e50;
+    font-weight: 600;
+    margin-bottom: 1rem;
+}
+
+.security-measure p {
+    color: #7f8c8d;
+    line-height: 1.6;
+    margin: 0;
+}
+
+/* No Sharing Banner */
+.no-sharing-banner {
+    background: linear-gradient(135deg, #27ae60, #2ecc71);
+    color: #fff;
+    padding: 2rem;
+    border-radius: 12px;
+    text-align: center;
+    margin-bottom: 2rem;
+}
+
+.no-sharing-banner i {
+    font-size: 2.5rem;
+    margin-bottom: 1rem;
+}
+
+.no-sharing-banner h4 {
+    margin: 0 0 1rem 0;
+    font-weight: 700;
+}
+
+.no-sharing-banner p {
+    margin: 0;
+    opacity: 0.9;
+}
+
+/* Sharing List */
+.sharing-list {
+    list-style: none;
+    padding: 0;
+    margin: 1rem 0;
+}
+
+.sharing-list li {
+    padding: 1rem 0;
+    border-bottom: 1px solid #f1f3f4;
+    color: #7f8c8d;
+    line-height: 1.6;
+}
+
+.sharing-list li:last-child {
+    border-bottom: none;
+}
+
+/* Rights Grid */
+.rights-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+    gap: 1.5rem;
+    margin: 2rem 0;
+}
+
+.right-item {
+    text-align: center;
+    padding: 1.5rem;
+    background: #f8f9fa;
+    border-radius: 12px;
+    border: 1px solid #e9ecef;
+}
+
+.right-item i {
+    font-size: 2rem;
+    color: #3498db;
+    margin-bottom: 1rem;
+}
+
+.right-item h5 {
+    color: #2c3e50;
+    font-weight: 600;
+    margin-bottom: 0.5rem;
+}
+
+.right-item p {
+    color: #7f8c8d;
+    font-size: 0.9rem;
+    line-height: 1.5;
+    margin: 0;
+}
+
+/* Contact Rights */
+.contact-rights {
+    background: #e8f4fd;
+    padding: 2rem;
+    border-radius: 12px;
+    border: 1px solid #3498db;
+    margin-top: 2rem;
+}
+
+.contact-rights h5 {
+    color: #2c3e50;
+    font-weight: 600;
+    margin-bottom: 1rem;
+}
+
+.contact-rights p {
+    color: #7f8c8d;
+    margin-bottom: 1rem;
+}
+
+.contact-link {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+    color: #3498db;
+    text-decoration: none;
+    font-weight: 600;
+    transition: color 0.3s ease;
+}
+
+.contact-link:hover {
+    color: #2980b9;
+}
+
+/* Cookie Types */
+.cookie-types {
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+    margin-top: 2rem;
+}
+
+.cookie-type {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 1.5rem;
+    background: #f8f9fa;
+    border-radius: 12px;
+    border: 1px solid #e9ecef;
+}
+
+.cookie-type h5 {
+    color: #2c3e50;
+    font-weight: 600;
+    margin: 0 0 0.5rem 0;
+}
+
+.cookie-type p {
+    color: #7f8c8d;
+    margin: 0;
+    line-height: 1.5;
+}
+
+.cookie-status {
+    padding: 0.3rem 1rem;
+    border-radius: 20px;
+    font-size: 0.8rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+}
+
+.cookie-status.required {
+    background: #e74c3c;
+    color: #fff;
+}
+
+.cookie-status.optional {
+    background: #f39c12;
+    color: #fff;
+}
+
+/* Retention Schedule */
+.retention-schedule {
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+    margin-top: 2rem;
+}
+
+.retention-item {
+    padding: 1.5rem;
+    background: #f8f9fa;
+    border-radius: 12px;
+    border: 1px solid #e9ecef;
+}
+
+.retention-item h5 {
+    color: #2c3e50;
+    font-weight: 600;
+    margin-bottom: 0.5rem;
+}
+
+.retention-item p {
+    color: #7f8c8d;
+    margin: 0;
+    line-height: 1.6;
+}
+
+/* Contact Options */
+.contact-options {
+    display: flex;
+    flex-direction: column;
+    gap: 2rem;
+    margin-top: 2rem;
+}
+
+.contact-option {
+    display: flex;
+    gap: 1.5rem;
+    align-items: flex-start;
+    padding: 2rem;
+    background: #f8f9fa;
+    border-radius: 12px;
+    border: 1px solid #e9ecef;
+}
+
+.contact-option i {
+    font-size: 2rem;
+    color: #3498db;
+    margin-top: 0.5rem;
+    flex-shrink: 0;
+}
+
+.contact-option h5 {
+    color: #2c3e50;
+    font-weight: 600;
+    margin: 0 0 0.5rem 0;
+}
+
+.contact-option p {
+    color: #7f8c8d;
+    margin: 0 0 1rem 0;
+    line-height: 1.6;
+}
+
+.contact-option a {
+    color: #3498db;
+    text-decoration: none;
+    font-weight: 600;
+    transition: color 0.3s ease;
+}
+
+.contact-option a:hover {
+    color: #2980b9;
+}
+
+/* Privacy CTA */
+.privacy-cta {
+    padding: 6rem 2rem;
+    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
+    color: #fff;
+    text-align: center;
+}
+
+.privacy-cta h2 {
+    font-size: 3rem;
+    font-weight: 700;
+    margin-bottom: 1.5rem;
+}
+
+.privacy-cta p {
+    font-size: 1.2rem;
+    max-width: 800px;
+    margin: 0 auto 3rem;
+    opacity: 0.9;
+    line-height: 1.6;
+}
+
+/* Responsive Design */
+@media (max-width: 1024px) {
+    .privacy-container {
+        grid-template-columns: 1fr;
+        gap: 3rem;
+    }
+
+    .privacy-sidebar {
+        position: static;
+        order: -1;
+    }
+
+    .info-grid {
+        grid-template-columns: 1fr;
+    }
+
+    .security-measures {
+        grid-template-columns: 1fr;
+    }
+
+    .rights-grid {
+        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+    }
+}
+
+@media (max-width: 768px) {
+    .privacy-hero .hero-title {
+        font-size: 2.5rem;
+    }
+
+    .privacy-hero .hero-stats {
+        gap: 2rem;
+        flex-wrap: wrap;
+    }
+
+    .card-header {
+        padding: 1.5rem 2rem;
+        flex-direction: column;
+        text-align: center;
+        gap: 1rem;
+    }
+
+    .card-content {
+        padding: 2rem;
+    }
+
+    .cookie-type {
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 1rem;
+    }
+
+    .rights-grid {
+        grid-template-columns: 1fr;
+    }
+}
+
+/* Careers Hero */
+.careers-hero {
+    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
+    color: #fff;
+    padding: 6rem 2rem 4rem;
+    text-align: center;
+}
+
+.careers-hero .hero-title {
+    font-size: 3.5rem;
+    font-weight: 800;
+    margin-bottom: 1.5rem;
+}
+
+.careers-hero .hero-subtitle {
+    font-size: 1.3rem;
+    max-width: 800px;
+    margin: 0 auto 3rem;
+    opacity: 0.9;
+    line-height: 1.6;
+}
+
+.careers-hero .hero-stats {
+    display: flex;
+    justify-content: center;
+    gap: 4rem;
+    margin-top: 3rem;
+}
+
+/* Why Work Section */
+.why-work-section {
+    padding: 6rem 2rem;
+    background: #fff;
+}
+
+.why-work-container {
+    max-width: 1400px;
+    margin: 0 auto;
+}
+
+.why-work-content {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 4rem;
+    align-items: center;
+}
+
+.why-work-text h2 {
+    font-size: 2.5rem;
+    font-weight: 700;
+    color: #2c3e50;
+    margin-bottom: 1.5rem;
+}
+
+.work-benefits {
+    display: flex;
+    flex-direction: column;
+    gap: 2rem;
+    margin-top: 2rem;
+}
+
+.work-benefit {
+    display: flex;
+    gap: 1.5rem;
+    align-items: flex-start;
+}
+
+.work-benefit i {
+    font-size: 2rem;
+    color: #3498db;
+    margin-top: 0.5rem;
+    flex-shrink: 0;
+}
+
+.work-benefit h4 {
+    font-size: 1.2rem;
+    font-weight: 600;
+    color: #2c3e50;
+    margin: 0 0 0.5rem 0;
+}
+
+.work-benefit p {
+    color: #7f8c8d;
+    line-height: 1.6;
+    margin: 0;
+}
+
+/* Team Diagram */
+.team-diagram {
+    position: relative;
+    width: 300px;
+    height: 300px;
+    margin: 0 auto;
+}
+
+.team-center {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 10;
+}
+
+.team-nodes {
+    position: relative;
+    width: 100%;
+    height: 100%;
+}
+
+.team-node {
+    position: absolute;
+    width: 70px;
+    height: 70px;
+    background: #fff;
+    border: 2px solid #e9ecef;
+    border-radius: 50%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    font-size: 0.7rem;
+    font-weight: 600;
+    color: #555;
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
+    transform: rotate(var(--angle)) translateX(115px) rotate(calc(-1 * var(--angle)));
+}
+
+.team-node i {
+    font-size: 1rem;
+    margin-bottom: 0.2rem;
+    color: #3498db;
+}
+
+/* Benefits Section */
+.benefits-section {
+    padding: 6rem 2rem;
+    background: #f8f9fa;
+}
+
+.benefits-container {
+    max-width: 1400px;
+    margin: 0 auto;
+}
+
+.benefits-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+    gap: 2.5rem;
+    margin-top: 4rem;
+}
+
+.benefit-card {
+    background: #fff;
+    padding: 2.5rem;
+    border-radius: 16px;
+    border: 1px solid #e9ecef;
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
+    transition: all 0.3s ease;
+}
+
+.benefit-card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+}
+
+.benefit-icon {
+    font-size: 3rem;
+    color: #3498db;
+    margin-bottom: 1.5rem;
+}
+
+.benefit-card h3 {
+    font-size: 1.4rem;
+    font-weight: 700;
+    color: #2c3e50;
+    margin-bottom: 1.5rem;
+}
+
+.benefit-card ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.benefit-card li {
+    padding: 0.5rem 0;
+    padding-left: 1.5rem;
+    position: relative;
+    color: #7f8c8d;
+    line-height: 1.6;
+}
+
+.benefit-card li::before {
+    content: "✓";
+    position: absolute;
+    left: 0;
+    color: #27ae60;
+    font-weight: bold;
+}
+
+/* Positions Section */
+.positions-section {
+    padding: 6rem 2rem;
+    background: #fff;
+}
+
+.positions-container {
+    max-width: 1400px;
+    margin: 0 auto;
+}
+
+.job-listings {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
+    gap: 3rem;
+    margin-top: 4rem;
+}
+
+.job-card {
+    background: #fff;
+    border-radius: 20px;
+    padding: 0;
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
+    transition: all 0.3s ease;
+    border: 1px solid #e9ecef;
+    overflow: hidden;
+}
+
+.job-card:hover {
+    transform: translateY(-10px);
+    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
+}
+
+.job-card.featured {
+    border: 2px solid #3498db;
+    transform: scale(1.02);
+}
+
+.job-card.featured:hover {
+    transform: scale(1.02) translateY(-10px);
+}
+
+.job-header {
+    display: flex;
+    align-items: center;
+    gap: 1.5rem;
+    padding: 2rem 2rem 1rem;
+    position: relative;
+}
+
+.job-icon {
+    width: 50px;
+    height: 50px;
+    background: linear-gradient(135deg, #3498db, #2980b9);
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #fff;
+    font-size: 1.2rem;
+    flex-shrink: 0;
+}
+
+.job-info {
+    flex-grow: 1;
+}
+
+.job-info h4 {
+    font-size: 1.4rem;
+    font-weight: 700;
+    color: #2c3e50;
+    margin: 0 0 0.5rem 0;
+}
+
+.job-department {
+    background: linear-gradient(135deg, #3498db, #2980b9);
+    color: #fff;
+    padding: 0.3rem 1rem;
+    border-radius: 20px;
+    font-size: 0.8rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+}
+
+.job-badge {
+    position: absolute;
+    top: 1rem;
+    right: 1rem;
+}
+
+.badge-text {
+    background: #e74c3c;
+    color: #fff;
+    padding: 0.3rem 0.8rem;
+    border-radius: 20px;
+    font-size: 0.7rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+}
+
+.job-details {
+    padding: 0 2rem 1rem;
+}
+
+.job-meta {
+    display: flex;
+    gap: 1.5rem;
+    margin-bottom: 1.5rem;
+    flex-wrap: wrap;
+}
+
+.job-meta span {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    color: #7f8c8d;
+    font-size: 0.9rem;
+}
+
+.job-meta i {
+    color: #3498db;
+}
+
+.job-description {
+    color: #7f8c8d;
+    line-height: 1.7;
+    margin-bottom: 2rem;
+}
+
+.job-requirements h5 {
+    color: #2c3e50;
+    font-weight: 600;
+    margin-bottom: 1rem;
+}
+
+.job-requirements ul {
+    list-style: none;
+    padding: 0;
+    margin: 0 0 2rem 0;
+}
+
+.job-requirements li {
+    padding: 0.3rem 0;
+    padding-left: 1.5rem;
+    position: relative;
+    color: #7f8c8d;
+    font-size: 0.9rem;
+}
+
+.job-requirements li::before {
+    content: "•";
+    position: absolute;
+    left: 0;
+    color: #3498db;
+    font-weight: bold;
+}
+
+.job-skills {
+    display: flex;
+    gap: 0.5rem;
+    flex-wrap: wrap;
+    margin-bottom: 2rem;
+}
+
+.skill-tag {
+    background: #f8f9fa;
+    color: #555;
+    padding: 0.3rem 0.8rem;
+    border-radius: 20px;
+    font-size: 0.8rem;
+    font-weight: 500;
+    border: 1px solid #e9ecef;
+}
+
+.job-actions {
+    padding: 1.5rem 2rem 2rem;
+    border-top: 1px solid #f1f3f4;
+    display: flex;
+    gap: 1rem;
+    align-items: center;
+}
+
+.job-apply-btn {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.8rem 2rem;
+    background: linear-gradient(135deg, #3498db, #2980b9);
+    color: #fff;
+    text-decoration: none;
+    border-radius: 8px;
+    font-weight: 600;
+    font-size: 0.9rem;
+    transition: all 0.3s ease;
+}
+
+.job-apply-btn:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);
+}
+
+.job-learn-more {
+    color: #3498db;
+    text-decoration: none;
+    font-weight: 600;
+    font-size: 0.9rem;
+    transition: color 0.3s ease;
+}
+
+.job-learn-more:hover {
+    color: #2980b9;
+}
+
+/* Process Section */
+.process-section {
+    padding: 6rem 2rem;
+    background: #f8f9fa;
+}
+
+.process-container {
+    max-width: 1400px;
+    margin: 0 auto;
+}
+
+.process-steps {
+    display: flex;
+    justify-content: space-between;
+    margin-top: 4rem;
+    position: relative;
+}
+
+.process-steps::before {
+    content: '';
+    position: absolute;
+    top: 30px;
+    left: 60px;
+    right: 60px;
+    height: 2px;
+    background: #e9ecef;
+    z-index: 1;
+}
+
+.process-step {
+    text-align: center;
+    flex: 1;
+    max-width: 200px;
+    position: relative;
+    z-index: 2;
+}
+
+.step-number {
+    width: 60px;
+    height: 60px;
+    background: linear-gradient(135deg, #3498db, #2980b9);
+    color: #fff;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 1.5rem;
+    font-weight: 700;
+    margin: 0 auto 1.5rem;
+    box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);
+}
+
+.step-content h4 {
+    color: #2c3e50;
+    font-weight: 600;
+    margin-bottom: 0.5rem;
+}
+
+.step-content p {
+    color: #7f8c8d;
+    font-size: 0.9rem;
+    line-height: 1.5;
+}
+
+/* Careers CTA */
+.careers-cta {
+    padding: 6rem 2rem;
+    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
+    color: #fff;
+    text-align: center;
+}
+
+.careers-cta h2 {
+    font-size: 3rem;
+    font-weight: 700;
+    margin-bottom: 1.5rem;
+}
+
+.careers-cta p {
+    font-size: 1.2rem;
+    max-width: 800px;
+    margin: 0 auto 3rem;
+    opacity: 0.9;
+    line-height: 1.6;
+}
+
+/* Responsive Design */
+@media (max-width: 1024px) {
+    .why-work-content {
+        grid-template-columns: 1fr;
+        gap: 3rem;
+    }
+
+    .team-diagram {
+        order: -1;
+    }
+
+    .job-listings {
+        grid-template-columns: 1fr;
+    }
+
+    .process-steps {
+        flex-direction: column;
+        gap: 3rem;
+    }
+
+    .process-steps::before {
+        display: none;
+    }
+}
+
+@media (max-width: 768px) {
+    .careers-hero .hero-title {
+        font-size: 2.5rem;
+    }
+
+    .careers-hero .hero-stats {
+        gap: 2rem;
+        flex-wrap: wrap;
+    }
+
+    .job-card {
+        margin: 0;
+    }
+
+    .job-header {
+        padding: 1.5rem 1.5rem 1rem;
+        flex-direction: column;
+        text-align: center;
+        gap: 1rem;
+    }
+
+    .job-badge {
+        position: static;
+        margin-top: 1rem;
+    }
+
+    .job-details {
+        padding: 0 1.5rem 1rem;
+    }
+
+    .job-actions {
+        padding: 1.5rem;
+        flex-direction: column;
+        align-items: stretch;
+    }
+
+    .job-meta {
+        justify-content: center;
+        gap: 1rem;
+    }
+
+    .benefits-grid {
+        grid-template-columns: 1fr;
+    }
+}
+
+/* Current Status Section */
+.current-status-section {
+    padding: 6rem 2rem;
+    background: #fff;
+}
+
+.status-container {
+    max-width: 1000px;
+    margin: 0 auto;
+}
+
+.status-card {
+    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
+    border: 2px solid #3498db;
+    border-radius: 20px;
+    padding: 4rem 3rem;
+    text-align: center;
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
+}
+
+.status-icon {
+    font-size: 4rem;
+    color: #3498db;
+    margin-bottom: 2rem;
+}
+
+.status-card h2 {
+    font-size: 2.5rem;
+    font-weight: 700;
+    color: #2c3e50;
+    margin-bottom: 1.5rem;
+}
+
+.status-message {
+    font-size: 1.2rem;
+    color: #7f8c8d;
+    line-height: 1.6;
+    margin-bottom: 3rem;
+    max-width: 800px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.status-timeline {
+    display: flex;
+    justify-content: space-around;
+    gap: 2rem;
+    margin-top: 3rem;
+}
+
+.timeline-item {
+    text-align: center;
+    flex: 1;
+    max-width: 250px;
+}
+
+.timeline-icon {
+    width: 60px;
+    height: 60px;
+    background: linear-gradient(135deg, #3498db, #2980b9);
+    color: #fff;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 1.5rem;
+    margin: 0 auto 1.5rem;
+    box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);
+}
+
+.timeline-content h4 {
+    color: #2c3e50;
+    font-weight: 600;
+    margin-bottom: 0.5rem;
+}
+
+.timeline-content p {
+    color: #7f8c8d;
+    font-size: 0.9rem;
+    line-height: 1.5;
+}
+
+/* Future Roles Section */
+.future-roles-section {
+    padding: 6rem 2rem;
+    background: #f8f9fa;
+}
+
+.future-roles-container {
+    max-width: 1400px;
+    margin: 0 auto;
+}
+
+.future-roles-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+    gap: 2.5rem;
+    margin-top: 4rem;
+}
+
+.future-role-card {
+    background: #fff;
+    padding: 2.5rem;
+    border-radius: 16px;
+    border: 1px solid #e9ecef;
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
+    transition: all 0.3s ease;
+    text-align: center;
+    opacity: 0.8;
+    position: relative;
+}
+
+.future-role-card::before {
+    content: "Future Opening";
+    position: absolute;
+    top: 1rem;
+    right: 1rem;
+    background: #f39c12;
+    color: #fff;
+    padding: 0.3rem 0.8rem;
+    border-radius: 20px;
+    font-size: 0.7rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+}
+
+.future-role-card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+    opacity: 1;
+}
+
+.role-icon {
+    width: 60px;
+    height: 60px;
+    background: linear-gradient(135deg, #3498db, #2980b9);
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #fff;
+    font-size: 1.5rem;
+    margin: 0 auto 1.5rem;
+}
+
+.future-role-card h4 {
+    font-size: 1.4rem;
+    font-weight: 700;
+    color: #2c3e50;
+    margin-bottom: 1rem;
+}
+
+.future-role-card p {
+    color: #7f8c8d;
+    line-height: 1.6;
+    margin-bottom: 2rem;
+}
+
+.role-skills {
+    display: flex;
+    gap: 0.5rem;
+    flex-wrap: wrap;
+    justify-content: center;
+}
+
+.role-skills .skill-tag {
+    background: #f8f9fa;
+    color: #555;
+    padding: 0.3rem 0.8rem;
+    border-radius: 20px;
+    font-size: 0.8rem;
+    font-weight: 500;
+    border: 1px solid #e9ecef;
+}
+
+/* Update CTA text */
+.careers-cta h2 {
+    font-size: 3rem;
+    font-weight: 700;
+    margin-bottom: 1.5rem;
+}
+
+.careers-cta p {
+    font-size: 1.2rem;
+    max-width: 800px;
+    margin: 0 auto 3rem;
+    opacity: 0.9;
+    line-height: 1.6;
+}
+
+/* Responsive Design Updates */
+@media (max-width: 1024px) {
+    .status-timeline {
+        flex-direction: column;
+        gap: 2rem;
+        align-items: center;
+    }
+
+    .future-roles-grid {
+        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    }
+}
+
+@media (max-width: 768px) {
+    .status-card {
+        padding: 3rem 2rem;
+    }
+
+    .status-card h2 {
+        font-size: 2rem;
+    }
+
+    .status-message {
+        font-size: 1.1rem;
+    }
+
+    .timeline-item {
+        max-width: 300px;
+    }
+
+    .future-roles-grid {
+        grid-template-columns: 1fr;
+    }
+
+    .future-role-card::before {
+        position: static;
+        display: inline-block;
+        margin-bottom: 1rem;
+    }
+}
+
+/* Terms Hero */
+.terms-hero {
+    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
+    color: #fff;
+    padding: 6rem 2rem 4rem;
+    text-align: center;
+}
+
+.terms-hero .hero-title {
+    font-size: 3.5rem;
+    font-weight: 800;
+    margin-bottom: 1.5rem;
+}
+
+.terms-hero .hero-subtitle {
+    font-size: 1.3rem;
+    max-width: 800px;
+    margin: 0 auto 3rem;
+    opacity: 0.9;
+    line-height: 1.6;
+}
+
+.terms-hero .hero-stats {
+    display: flex;
+    justify-content: center;
+    gap: 4rem;
+    margin-top: 3rem;
+}
+
+/* Terms Content Section */
+.terms-content-section {
+    padding: 6rem 2rem;
+    background: #f8f9fa;
+}
+
+.terms-container {
+    max-width: 1400px;
+    margin: 0 auto;
+    display: grid;
+    grid-template-columns: 300px 1fr;
+    gap: 4rem;
+}
+
+/* Terms Sidebar */
+.terms-sidebar {
+    position: sticky;
+    top: 2rem;
+    height: fit-content;
+}
+
+.terms-nav {
+    background: #fff;
+    padding: 2rem;
+    border-radius: 16px;
+    border: 1px solid #e9ecef;
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
+    margin-bottom: 2rem;
+}
+
+.terms-nav h4 {
+    color: #2c3e50;
+    font-weight: 700;
+    margin-bottom: 1.5rem;
+    font-size: 1.1rem;
+}
+
+.terms-nav ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.terms-nav li {
+    margin-bottom: 0.5rem;
+}
+
+.terms-nav a {
+    color: #7f8c8d;
+    text-decoration: none;
+    padding: 0.5rem 0;
+    display: block;
+    font-size: 0.9rem;
+    transition: color 0.3s ease;
+}
+
+.terms-nav a:hover {
+    color: #3498db;
+}
+
+.terms-summary {
+    background: #fff;
+    padding: 2rem;
+    border-radius: 16px;
+    border: 1px solid #e9ecef;
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
+    text-align: center;
+}
+
+.summary-icon {
+    font-size: 2.5rem;
+    color: #3498db;
+    margin-bottom: 1rem;
+}
+
+.terms-summary h4 {
+    color: #2c3e50;
+    font-weight: 700;
+    margin-bottom: 1rem;
+}
+
+.terms-summary ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    text-align: left;
+}
+
+.terms-summary li {
+    padding: 0.3rem 0;
+    padding-left: 1.5rem;
+    position: relative;
+    color: #7f8c8d;
+    font-size: 0.9rem;
+}
+
+.terms-summary li::before {
+    content: "✓";
+    position: absolute;
+    left: 0;
+    color: #27ae60;
+    font-weight: bold;
+}
+
+/* Terms Cards */
+.terms-main {
+    display: flex;
+    flex-direction: column;
+    gap: 3rem;
+}
+
+.terms-card {
+    background: #fff;
+    border-radius: 20px;
+    border: 1px solid #e9ecef;
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
+    overflow: hidden;
+    transition: all 0.3s ease;
+}
+
+.terms-card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
+}
+
+.effective-date {
+    background: #27ae60;
+    color: #fff;
+    padding: 0.3rem 1rem;
+    border-radius: 20px;
+    font-size: 0.8rem;
+    font-weight: 600;
+}
+
+/* Acceptance Conditions */
+.acceptance-conditions {
+    margin: 2rem 0;
+}
+
+.condition-list {
+    list-style: none;
+    padding: 0;
+    margin: 1rem 0;
+}
+
+.condition-list li {
+    padding: 0.5rem 0;
+    padding-left: 1.5rem;
+    position: relative;
+    color: #7f8c8d;
+    line-height: 1.6;
+}
+
+.condition-list li::before {
+    content: "→";
+    position: absolute;
+    left: 0;
+    color: #3498db;
+    font-weight: bold;
+}
+
+/* Definitions Grid */
+.definitions-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    gap: 2rem;
+    margin: 2rem 0;
+}
+
+.definition-item {
+    background: #f8f9fa;
+    padding: 1.5rem;
+    border-radius: 12px;
+    border: 1px solid #e9ecef;
+}
+
+.definition-item h5 {
+    color: #2c3e50;
+    font-weight: 600;
+    margin-bottom: 0.5rem;
+}
+
+.definition-item p {
+    color: #7f8c8d;
+    margin: 0;
+    line-height: 1.6;
+}
+
+/* Service Categories */
+.service-categories {
+    display: flex;
+    flex-direction: column;
+    gap: 2rem;
+    margin: 2rem 0;
+}
+
+.service-category {
+    background: #f8f9fa;
+    padding: 2rem;
+    border-radius: 12px;
+    border: 1px solid #e9ecef;
+}
+
+.service-category h4 {
+    color: #2c3e50;
+    font-weight: 600;
+    margin-bottom: 1rem;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+
+.service-category i {
+    color: #3498db;
+}
+
+.service-category ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.service-category li {
+    padding: 0.3rem 0;
+    padding-left: 1.5rem;
+    position: relative;
+    color: #7f8c8d;
+}
+
+.service-category li::before {
+    content: "•";
+    position: absolute;
+    left: 0;
+    color: #3498db;
+    font-weight: bold;
+}
+
+/* Service Availability */
+.service-availability {
+    background: #e8f4fd;
+    padding: 1.5rem;
+    border-radius: 12px;
+    border: 1px solid #3498db;
+    margin: 2rem 0;
+}
+
+.service-availability h4 {
+    color: #2c3e50;
+    font-weight: 600;
+    margin-bottom: 0.5rem;
+}
+
+.service-availability p {
+    color: #7f8c8d;
+    margin: 0;
+    line-height: 1.6;
+}
+
+/* Usage Sections */
+.usage-sections {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 2rem;
+    margin: 2rem 0;
+}
+
+.usage-allowed,
+.usage-prohibited {
+    padding: 2rem;
+    border-radius: 12px;
+    border: 1px solid;
+}
+
+.usage-allowed {
+    background: #f0f9f0;
+    border-color: #27ae60;
+}
+
+.usage-prohibited {
+    background: #fdf2f2;
+    border-color: #e74c3c;
+}
+
+.usage-allowed h4 {
+    color: #27ae60;
+    font-weight: 600;
+    margin-bottom: 1rem;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+
+.usage-prohibited h4 {
+    color: #e74c3c;
+    font-weight: 600;
+    margin-bottom: 1rem;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+
+.usage-allowed ul,
+.usage-prohibited ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.usage-allowed li,
+.usage-prohibited li {
+    padding: 0.3rem 0;
+    padding-left: 1.5rem;
+    position: relative;
+    color: #7f8c8d;
+}
+
+.usage-allowed li::before {
+    content: "✓";
+    position: absolute;
+    left: 0;
+    color: #27ae60;
+    font-weight: bold;
+}
+
+.usage-prohibited li::before {
+    content: "✗";
+    position: absolute;
+    left: 0;
+    color: #e74c3c;
+    font-weight: bold;
+}
+
+/* Violation Consequences */
+.violation-consequences {
+    background: #fff3cd;
+    border: 1px solid #ffc107;
+    padding: 1.5rem;
+    border-radius: 12px;
+    margin: 2rem 0;
+}
+
+.violation-consequences h4 {
+    color: #856404;
+    font-weight: 600;
+    margin-bottom: 0.5rem;
+}
+
+.violation-consequences p {
+    color: #856404;
+    margin: 0;
+    line-height: 1.6;
+}
+
+/* Account Responsibilities */
+.account-responsibilities {
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+    margin: 2rem 0;
+}
+
+.responsibility-item {
+    display: flex;
+    gap: 1.5rem;
+    align-items: flex-start;
+    padding: 1.5rem;
+    background: #f8f9fa;
+    border-radius: 12px;
+    border: 1px solid #e9ecef;
+}
+
+.responsibility-item i {
+    font-size: 1.5rem;
+    color: #3498db;
+    margin-top: 0.5rem;
+    flex-shrink: 0;
+}
+
+.responsibility-item h5 {
+    color: #2c3e50;
+    font-weight: 600;
+    margin: 0 0 0.5rem 0;
+}
+
+.responsibility-item p {
+    color: #7f8c8d;
+    margin: 0;
+    line-height: 1.6;
+}
+
+/* Payment Details */
+.payment-details {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 2rem;
+    margin: 2rem 0;
+}
+
+.payment-section {
+    background: #f8f9fa;
+    padding: 2rem;
+    border-radius: 12px;
+    border: 1px solid #e9ecef;
+}
+
+.payment-section h4 {
+    color: #2c3e50;
+    font-weight: 600;
+    margin-bottom: 1rem;
+}
+
+.payment-section ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.payment-section li {
+    padding: 0.3rem 0;
+    padding-left: 1.5rem;
+    position: relative;
+    color: #7f8c8d;
+}
+
+.payment-section li::before {
+    content: "•";
+    position: absolute;
+    left: 0;
+    color: #3498db;
+    font-weight: bold;
+}
+
+/* Pricing Changes */
+.pricing-changes {
+    background: #e8f4fd;
+    padding: 1.5rem;
+    border-radius: 12px;
+    border: 1px solid #3498db;
+    margin: 2rem 0;
+}
+
+.pricing-changes h4 {
+    color: #2c3e50;
+    font-weight: 600;
+    margin-bottom: 0.5rem;
+}
+
+.pricing-changes p {
+    color: #7f8c8d;
+    margin: 0;
+    line-height: 1.6;
+}
+
+/* IP Sections */
+.ip-sections {
+    display: flex;
+    flex-direction: column;
+    gap: 2rem;
+    margin: 2rem 0;
+}
+
+.ip-section {
+    background: #f8f9fa;
+    padding: 2rem;
+    border-radius: 12px;
+    border: 1px solid #e9ecef;
+}
+
+.ip-section h4 {
+    color: #2c3e50;
+    font-weight: 600;
+    margin-bottom: 1rem;
+}
+
+.ip-section p {
+    color: #7f8c8d;
+    margin-bottom: 1rem;
+    line-height: 1.6;
+}
+
+.ip-section ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.ip-section li {
+    padding: 0.3rem 0;
+    padding-left: 1.5rem;
+    position: relative;
+    color: #7f8c8d;
+}
+
+.ip-section li::before {
+    content: "•";
+    position: absolute;
+    left: 0;
+    color: #3498db;
+    font-weight: bold;
+}
+
+/* Confidentiality Commitments */
+.confidentiality-commitments {
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+    margin: 2rem 0;
+}
+
+.commitment-item {
+    display: flex;
+    gap: 1.5rem;
+    align-items: flex-start;
+    padding: 1.5rem;
+    background: #f8f9fa;
+    border-radius: 12px;
+    border: 1px solid #e9ecef;
+}
+
+.commitment-item i {
+    font-size: 1.5rem;
+    color: #3498db;
+    margin-top: 0.5rem;
+    flex-shrink: 0;
+}
+
+.commitment-item h5 {
+    color: #2c3e50;
+    font-weight: 600;
+    margin: 0 0 0.5rem 0;
+}
+
+.commitment-item p {
+    color: #7f8c8d;
+    margin: 0;
+    line-height: 1.6;
+}
+
+/* Liability Sections */
+.liability-sections {
+    display: flex;
+    flex-direction: column;
+    gap: 2rem;
+    margin: 2rem 0;
+}
+
+.liability-limits,
+.excluded-damages,
+.service-limitations {
+    background: #f8f9fa;
+    padding: 2rem;
+    border-radius: 12px;
+    border: 1px solid #e9ecef;
+}
+
+.liability-limits h4,
+.excluded-damages h4,
+.service-limitations h4 {
+    color: #2c3e50;
+    font-weight: 600;
+    margin-bottom: 1rem;
+}
+
+.liability-limits p,
+.excluded-damages p,
+.service-limitations p {
+    color: #7f8c8d;
+    margin-bottom: 1rem;
+    line-height: 1.6;
+}
+
+.excluded-damages ul,
+.service-limitations ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.excluded-damages li,
+.service-limitations li {
+    padding: 0.3rem 0;
+    padding-left: 1.5rem;
+    position: relative;
+    color: #7f8c8d;
+}
+
+.excluded-damages li::before,
+.service-limitations li::before {
+    content: "•";
+    position: absolute;
+    left: 0;
+    color: #e74c3c;
+    font-weight: bold;
+}
+
+/* Mutual Responsibility */
+.mutual-responsibility {
+    background: #e8f4fd;
+    padding: 1.5rem;
+    border-radius: 12px;
+    border: 1px solid #3498db;
+    margin: 2rem 0;
+}
+
+.mutual-responsibility h4 {
+    color: #2c3e50;
+    font-weight: 600;
+    margin-bottom: 0.5rem;
+}
+
+.mutual-responsibility p {
+    color: #7f8c8d;
+    margin: 0;
+    line-height: 1.6;
+}
+
+/* Termination Types */
+.termination-types {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 2rem;
+    margin: 2rem 0;
+}
+
+.termination-type {
+    background: #f8f9fa;
+    padding: 2rem;
+    border-radius: 12px;
+    border: 1px solid #e9ecef;
+}
+
+.termination-type h4 {
+    color: #2c3e50;
+    font-weight: 600;
+    margin-bottom: 1rem;
+}
+
+.termination-type ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.termination-type li {
+    padding: 0.3rem 0;
+    padding-left: 1.5rem;
+    position: relative;
+    color: #7f8c8d;
+}
+
+.termination-type li::before {
+    content: "•";
+    position: absolute;
+    left: 0;
+    color: #3498db;
+    font-weight: bold;
+}
+
+/* Post Termination */
+.post-termination {
+    background: #f8f9fa;
+    padding: 2rem;
+    border-radius: 12px;
+    border: 1px solid #e9ecef;
+    margin: 2rem 0;
+}
+
+.post-termination h4 {
+    color: #2c3e50;
+    font-weight: 600;
+    margin-bottom: 1rem;
+}
+
+.post-termination p {
+    color: #7f8c8d;
+    margin-bottom: 1rem;
+    line-height: 1.6;
+}
+
+.post-termination ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.post-termination li {
+    padding: 0.3rem 0;
+    padding-left: 1.5rem;
+    position: relative;
+    color: #7f8c8d;
+}
+
+.post-termination li::before {
+    content: "✓";
+    position: absolute;
+    left: 0;
+    color: #27ae60;
+    font-weight: bold;
+}
+
+/* Legal Framework */
+.legal-framework {
+    display: flex;
+    flex-direction: column;
+    gap: 2rem;
+    margin: 2rem 0;
+}
+
+.legal-item {
+    background: #f8f9fa;
+    padding: 2rem;
+    border-radius: 12px;
+    border: 1px solid #e9ecef;
+}
+
+.legal-item h4 {
+    color: #2c3e50;
+    font-weight: 600;
+    margin-bottom: 1rem;
+}
+
+.legal-item p {
+    color: #7f8c8d;
+    margin-bottom: 1rem;
+    line-height: 1.6;
+}
+
+.legal-item ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.legal-item li {
+    padding: 0.3rem 0;
+    padding-left: 1.5rem;
+    position: relative;
+    color: #7f8c8d;
+}
+
+.legal-item li::before {
+    content: "•";
+    position: absolute;
+    left: 0;
+    color: #3498db;
+    font-weight: bold;
+}
+
+/* Changes Process */
+.changes-process {
+    display: flex;
+    justify-content: space-between;
+    margin: 2rem 0;
+    position: relative;
+}
+
+.changes-process::before {
+    content: '';
+    position: absolute;
+    top: 30px;
+    left: 60px;
+    right: 60px;
+    height: 2px;
+    background: #e9ecef;
+    z-index: 1;
+}
+
+.change-step {
+    text-align: center;
+    flex: 1;
+    max-width: 200px;
+    position: relative;
+    z-index: 2;
+}
+
+.change-step .step-number {
+    width: 60px;
+    height: 60px;
+    background: linear-gradient(135deg, #3498db, #2980b9);
+    color: #fff;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 1.5rem;
+    font-weight: 700;
+    margin: 0 auto 1.5rem;
+    box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);
+}
+
+.change-step .step-content h5 {
+    color: #2c3e50;
+    font-weight: 600;
+    margin-bottom: 0.5rem;
+}
+
+.change-step .step-content p {
+    color: #7f8c8d;
+    font-size: 0.9rem;
+    line-height: 1.5;
+}
+
+/* Version Info */
+.version-info {
+    background: #e8f4fd;
+    padding: 1.5rem;
+    border-radius: 12px;
+    border: 1px solid #3498db;
+    margin: 2rem 0;
+}
+
+.version-info h4 {
+    color: #2c3e50;
+    font-weight: 600;
+    margin-bottom: 0.5rem;
+}
+
+.version-info p {
+    color: #7f8c8d;
+    margin: 0;
+    line-height: 1.6;
+}
+
+/* Terms CTA */
+.terms-cta {
+    padding: 6rem 2rem;
+    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
+    color: #fff;
+    text-align: center;
+}
+
+.terms-cta h2 {
+    font-size: 3rem;
+    font-weight: 700;
+    margin-bottom: 1.5rem;
+}
+
+.terms-cta p {
+    font-size: 1.2rem;
+    max-width: 800px;
+    margin: 0 auto 3rem;
+    opacity: 0.9;
+    line-height: 1.6;
+}
+
+/* Responsive Design */
+@media (max-width: 1024px) {
+    .terms-container {
+        grid-template-columns: 1fr;
+        gap: 3rem;
+    }
+
+    .terms-sidebar {
+        position: static;
+        order: -1;
+    }
+
+    .definitions-grid {
+        grid-template-columns: 1fr;
+    }
+
+    .usage-sections {
+        grid-template-columns: 1fr;
+    }
+
+    .payment-details {
+        grid-template-columns: 1fr;
+    }
+
+    .termination-types {
+        grid-template-columns: 1fr;
+    }
+
+    .changes-process {
+        flex-direction: column;
+        gap: 3rem;
+    }
+
+    .changes-process::before {
+        display: none;
+    }
+}
+
+@media (max-width: 768px) {
+    .terms-hero .hero-title {
+        font-size: 2.5rem;
+    }
+
+    .terms-hero .hero-stats {
+        gap: 2rem;
+        flex-wrap: wrap;
+    }
+
+    .card-header {
+        padding: 1.5rem 2rem;
+        flex-direction: column;
+        text-align: center;
+        gap: 1rem;
+    }
+
+    .card-content {
+        padding: 2rem;
+    }
+
+    .service-categories {
+        gap: 1.5rem;
+    }
+
+    .service-category {
+        padding: 1.5rem;
+    }
+}
\ No newline at end of file
diff --git a/app/static/images/openlogo.png b/app/static/images/openlogo.png
new file mode 100644
index 0000000..e49ced4
Binary files /dev/null and b/app/static/images/openlogo.png differ
diff --git a/app/templates/about.html b/app/templates/about.html
new file mode 100644
index 0000000..404d828
--- /dev/null
+++ b/app/templates/about.html
@@ -0,0 +1,238 @@
+{% extends "base.html" %}
+
+{% block title %}About Us - Open Pulse Security{% endblock %}
+{% block description %}Learn about Open Pulse Security, our mission, and our team of cybersecurity experts.{% endblock %}
+
+{% block content %}
+<!-- About Hero Section -->
+<section class="about-hero">
+    <div class="container">
+        <h1 class="hero-title">About Open Pulse Security</h1>
+        <p class="hero-subtitle">
+            Empowering businesses with transparent, cutting-edge cybersecurity solutions built on open-source innovation and industry expertise.
+        </p>
+        <div class="hero-stats">
+            <div class="hero-stat">
+                <span class="stat-value">5+</span>
+                <span class="stat-label">Years Experience</span>
+            </div>
+            <div class="hero-stat">
+                <span class="stat-value">100+</span>
+                <span class="stat-label">Businesses Protected</span>
+            </div>
+            <div class="hero-stat">
+                <span class="stat-value">24/7</span>
+                <span class="stat-label">Expert Support</span>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Mission & Vision Section -->
+<section class="mission-section">
+    <div class="mission-container">
+        <div class="mission-content">
+            <div class="mission-text">
+                <h2>Our Mission</h2>
+                <p class="lead-text">
+                    At Open Pulse Security, we are dedicated to democratizing cybersecurity through transparent,
+                    robust, and cost-effective solutions that protect businesses from evolving digital threats.
+                </p>
+                <div class="mission-features">
+                    <div class="mission-feature">
+                        <i class="fas fa-shield-alt"></i>
+                        <div>
+                            <h4>Advanced Protection</h4>
+                            <p>State-of-the-art security technologies that adapt to emerging threats and vulnerabilities.</p>
+                        </div>
+                    </div>
+                    <div class="mission-feature">
+                        <i class="fas fa-code-branch"></i>
+                        <div>
+                            <h4>Open Source Innovation</h4>
+                            <p>Leveraging the power of community-driven development for transparent and reliable security.</p>
+                        </div>
+                    </div>
+                    <div class="mission-feature">
+                        <i class="fas fa-users"></i>
+                        <div>
+                            <h4>Expert Support</h4>
+                            <p>Round-the-clock assistance from certified cybersecurity professionals.</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="mission-visual">
+                <div class="security-diagram">
+                    <div class="security-center">
+                        <div class="center-node">
+                            <i class="fas fa-shield-alt"></i>
+                            <span>Security</span>
+                        </div>
+                    </div>
+                    <div class="security-nodes">
+                        <div class="security-node" style="--angle: 0deg;">
+                            <i class="fas fa-eye"></i>
+                            <span>Monitor</span>
+                        </div>
+                        <div class="security-node" style="--angle: 72deg;">
+                            <i class="fas fa-lock"></i>
+                            <span>Protect</span>
+                        </div>
+                        <div class="security-node" style="--angle: 144deg;">
+                            <i class="fas fa-search"></i>
+                            <span>Detect</span>
+                        </div>
+                        <div class="security-node" style="--angle: 216deg;">
+                            <i class="fas fa-bolt"></i>
+                            <span>Respond</span>
+                        </div>
+                        <div class="security-node" style="--angle: 288deg;">
+                            <i class="fas fa-sync"></i>
+                            <span>Recover</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Team Section -->
+<section class="team-section">
+    <div class="team-container">
+        <h2 class="section-title">Our Expert Team</h2>
+        <p class="section-subtitle">
+            Certified cybersecurity professionals dedicated to protecting your business
+        </p>
+        <div class="team-grid">
+            <div class="team-card">
+                <div class="team-header">
+                    <div class="team-avatar">
+                        <i class="fas fa-user-shield"></i>
+                    </div>
+                    <div class="team-info">
+                        <h4>Security Architects</h4>
+                        <span class="team-category">Leadership</span>
+                    </div>
+                </div>
+                <div class="team-description">
+                    <p>Our senior security architects bring decades of experience in designing and implementing enterprise-grade security solutions.</p>
+                </div>
+                <div class="team-certifications">
+                    <h5>Certifications</h5>
+                    <ul>
+                        <li>CISSP - Certified Information Systems Security Professional</li>
+                        <li>SABSA - Sherwood Applied Business Security Architecture</li>
+                        <li>TOGAF - The Open Group Architecture Framework</li>
+                    </ul>
+                </div>
+            </div>
+
+            <div class="team-card">
+                <div class="team-header">
+                    <div class="team-avatar">
+                        <i class="fas fa-bug"></i>
+                    </div>
+                    <div class="team-info">
+                        <h4>Penetration Testers</h4>
+                        <span class="team-category">Testing</span>
+                    </div>
+                </div>
+                <div class="team-description">
+                    <p>Ethical hackers who identify vulnerabilities before malicious actors do, ensuring your systems remain secure.</p>
+                </div>
+                <div class="team-certifications">
+                    <h5>Certifications</h5>
+                    <ul>
+                        <li>CEH - Certified Ethical Hacker</li>
+                        <li>OSCP - Offensive Security Certified Professional</li>
+                        <li>GPEN - GIAC Penetration Tester</li>
+                    </ul>
+                </div>
+            </div>
+
+            <div class="team-card">
+                <div class="team-header">
+                    <div class="team-avatar">
+                        <i class="fas fa-chart-line"></i>
+                    </div>
+                    <div class="team-info">
+                        <h4>Security Analysts</h4>
+                        <span class="team-category">Operations</span>
+                    </div>
+                </div>
+                <div class="team-description">
+                    <p>24/7 monitoring specialists who detect, analyze, and respond to security incidents in real-time.</p>
+                </div>
+                <div class="team-certifications">
+                    <h5>Certifications</h5>
+                    <ul>
+                        <li>GSEC - GIAC Security Essentials</li>
+                        <li>GCIH - GIAC Certified Incident Handler</li>
+                        <li>CySA+ - CompTIA Cybersecurity Analyst</li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Values Section -->
+<section class="values-section">
+    <div class="values-container">
+        <h2 class="section-title">Our Core Values</h2>
+        <div class="values-grid">
+            <div class="value-card">
+                <div class="value-icon">
+                    <i class="fas fa-eye"></i>
+                </div>
+                <h3>Transparency</h3>
+                <p>Open-source solutions mean no hidden vulnerabilities, complete visibility into your security infrastructure.</p>
+            </div>
+            <div class="value-card">
+                <div class="value-icon">
+                    <i class="fas fa-rocket"></i>
+                </div>
+                <h3>Innovation</h3>
+                <p>Continuously evolving our solutions to stay ahead of emerging threats and industry challenges.</p>
+            </div>
+            <div class="value-card">
+                <div class="value-icon">
+                    <i class="fas fa-handshake"></i>
+                </div>
+                <h3>Partnership</h3>
+                <p>Building long-term relationships with our clients, understanding their unique security needs and challenges.</p>
+            </div>
+            <div class="value-card">
+                <div class="value-icon">
+                    <i class="fas fa-award"></i>
+                </div>
+                <h3>Excellence</h3>
+                <p>Maintaining the highest standards in security implementation, support, and continuous improvement.</p>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- About CTA -->
+<section class="about-cta">
+    <div class="container">
+        <h2>Ready to Secure Your Business?</h2>
+        <p>
+            Join over 100 businesses that trust Open Pulse Security to protect their digital assets.
+            Let's discuss how our open-source cybersecurity solutions can safeguard your organization.
+        </p>
+        <div class="cta-actions">
+            <a href="/contact" class="btn btn-primary">
+                <i class="fas fa-comments"></i>
+                Get Started Today
+            </a>
+            <a href="/solutions" class="btn btn-secondary">
+                <i class="fas fa-shield-alt"></i>
+                View Our Solutions
+            </a>
+        </div>
+    </div>
+</section>
+{% endblock %}
\ No newline at end of file
diff --git a/app/templates/base.html b/app/templates/base.html
new file mode 100644
index 0000000..1291638
--- /dev/null
+++ b/app/templates/base.html
@@ -0,0 +1,237 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{% block title %}Open Pulse Security - Enterprise Cybersecurity Solutions{% endblock %}</title>
+    <meta name="description" content="{% block description %}Professional cybersecurity services powered by open-source technology. Protect your business with our comprehensive security solutions.{% endblock %}">
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <link rel="icon" type="image/x-icon" href="{{ url_for('static', filename='images/favicon.ico') }}">
+</head>
+<body>
+    <!-- Header -->
+    <header class="main-header">
+        <div class="header-container">
+            <div class="header-left">
+                <div class="logo">
+                    <img src="{{ url_for('static', filename='images/openlogo.png') }}" alt="Open Pulse Security Logo">
+                    <div class="logo-text">
+                        <span class="company-name">Open Pulse Security</span>
+                        <span class="company-tagline">Cybersecurity Excellence</span>
+                    </div>
+                </div>
+            </div>
+
+            <nav class="main-nav">
+                <ul class="nav-menu">
+                    <li class="nav-item">
+                        <a href="{{ url_for('main.index') }}" class="nav-link {% if request.endpoint == 'main.index' %}active{% endif %}">
+                            <i class="fas fa-home"></i>
+                            <span>Home</span>
+                        </a>
+                    </li>
+                    <li class="nav-item">
+                        <a href="{{ url_for('main.services') }}" class="nav-link {% if request.endpoint == 'main.services' %}active{% endif %}">
+                            <i class="fas fa-shield-alt"></i>
+                            <span>Services</span>
+                        </a>
+                    </li>
+                    <li class="nav-item">
+                        <a href="{{ url_for('main.contact') }}" class="nav-link {% if request.endpoint == 'main.contact' %}active{% endif %}">
+                            <i class="fas fa-envelope"></i>
+                            <span>Contact</span>
+                        </a>
+                    </li>
+                    <li class="nav-item">
+                        <a href="{{ url_for('main.solutions') }}" class="nav-link {% if request.endpoint == 'main.solutions' %}active{% endif %}">
+                            <i class="fas fa-tools"></i>
+                            <span>Solutions</span>
+                        </a>
+                    </li>
+                </ul>
+            </nav>
+
+            <div class="header-right">
+                <div class="header-contact">
+                    <div class="contact-info">
+                        <i class="fas fa-phone"></i>
+                        <span>24/7 Support</span>
+                    </div>
+                </div>
+                <a href="{{ url_for('main.contact') }}" class="header-cta-btn">
+                    <span>Get Quote</span>
+                    <i class="fas fa-arrow-right"></i>
+                </a>
+                <button class="mobile-menu-toggle" aria-label="Toggle mobile menu">
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                </button>
+            </div>
+        </div>
+
+        <!-- Mobile Navigation -->
+        <div class="mobile-nav">
+            <ul class="mobile-nav-menu">
+                <li><a href="{{ url_for('main.index') }}" class="mobile-nav-link">Home</a></li>
+                <li><a href="{{ url_for('main.services') }}" class="mobile-nav-link">Services</a></li>
+                <li><a href="{{ url_for('main.contact') }}" class="mobile-nav-link">Contact</a></li>
+                <li><a href="mailto:support@openpulsesecurity.com" class="mobile-nav-link">Email Support</a></li>
+            </ul>
+        </div>
+    </header>
+
+    <!-- Flash Messages -->
+    {% with messages = get_flashed_messages(with_categories=true) %}
+    {% if messages %}
+        <div class="flash-messages">
+            {% for category, message in messages %}
+                <div class="flash {{ category }}">
+                    <div class="flash-content">
+                        <i class="flash-icon fas {% if category == 'success' %}fa-check-circle{% else %}fa-exclamation-triangle{% endif %}"></i>
+                        <span class="flash-text">{{ message }}</span>
+                        <button class="flash-close" onclick="this.parentElement.parentElement.remove()">
+                            <i class="fas fa-times"></i>
+                        </button>
+                    </div>
+                </div>
+            {% endfor %}
+        </div>
+    {% endif %}
+    {% endwith %}
+
+    <!-- Main Content -->
+    <main class="main-content">
+        {% block content %}{% endblock %}
+    </main>
+
+    <!-- Footer -->
+    <footer class="main-footer">
+        <div class="footer-container">
+            <!-- Footer Top -->
+            <div class="footer-top">
+                <div class="footer-section footer-brand">
+                    <div class="footer-logo">
+                        <img src="{{ url_for('static', filename='images/openlogo.png') }}" alt="Open Pulse Security Logo">
+                        <div class="footer-logo-text">
+                            <span class="footer-company-name">Open Pulse Security</span>
+                            <span class="footer-tagline">Protecting Your Digital Future</span>
+                        </div>
+                    </div>
+                    <p class="footer-description">
+                        Leading cybersecurity solutions powered by open-source technology.
+                        We protect businesses from evolving digital threats with comprehensive,
+                        cost-effective security services.
+                    </p>
+                    <div class="footer-certifications">
+                        <div class="cert-badge">ISO 27001</div>
+                        <div class="cert-badge">SOC 2</div>
+                        <div class="cert-badge">GDPR</div>
+                    </div>
+                </div>
+
+                <div class="footer-section">
+                    <h4 class="footer-title">Services</h4>
+                    <ul class="footer-links">
+                        <li><a href="{{ url_for('main.services') }}">WireGuard VPN Setup</a></li>
+                        <li><a href="{{ url_for('main.services') }}">pfSense Firewall</a></li>
+                        <li><a href="{{ url_for('main.services') }}">Endpoint Security</a></li>
+                        <li><a href="{{ url_for('main.services') }}">Security Audits</a></li>
+                    </ul>
+                </div>
+
+                <div class="footer-section">
+                    <h4 class="footer-title">Company</h4>
+                    <ul class="footer-links">
+                        <li><a href="/about">About Us</a></li>
+                        <li><a href="/privacy-policy">Privacy Policy</a></li>
+                        <li><a href="/terms-of-service">Terms of Service</a></li>
+                        <li><a href="/careers">Careers</a></li>
+                    </ul>
+                </div>
+
+                <div class="footer-section">
+                    <h4 class="footer-title">Contact & Support</h4>
+                    <div class="footer-contact">
+                        <div class="contact-item">
+                            <i class="fas fa-envelope"></i>
+                            <a href="mailto:support@openpulsesecurity.com">support@openpulsesecurity.com</a>
+                        </div>
+                        <div class="contact-item">
+                            <i class="fas fa-phone"></i>
+                            <span>24/7 Emergency Support</span>
+                        </div>
+                        <div class="contact-item">
+                            <i class="fas fa-clock"></i>
+                            <span>Response Time: < 1 Hour</span>
+                        </div>
+                    </div>
+                    <div class="social-media">
+                        <h5>Follow Us</h5>
+                        <div class="social-icons">
+                            <a href="https://instagram.com/openpulsesecurity" target="_blank" aria-label="Instagram" class="social-link">
+                                <i class="fab fa-instagram"></i>
+                            </a>
+                            <a href="https://gitlab.com/openpulsesecurity" target="_blank" aria-label="GitLab" class="social-link">
+                                <i class="fab fa-gitlab"></i>
+                            </a>
+                            <a href="https://mastodon.social/@openpulsesecurity" target="_blank" aria-label="Mastodon" class="social-link">
+                                <i class="fab fa-mastodon"></i>
+                            </a>
+                            <a href="https://linkedin.com/company/openpulsesecurity" target="_blank" aria-label="LinkedIn" class="social-link">
+                                <i class="fab fa-linkedin"></i>
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Footer Bottom -->
+            <div class="footer-bottom">
+                <div class="footer-bottom-content">
+                    <div class="copyright">
+                        <p>&copy; 2025 Open Pulse Security. All rights reserved.</p>
+                    </div>
+                    <div class="footer-bottom-links">
+                        <a href="/sitemap">Sitemap</a>
+                        <a href="/accessibility">Accessibility</a>
+                        <a href="/security">Security</a>
+                    </div>
+                    <div class="footer-trust">
+                        <div class="trust-badge">
+                            <i class="fas fa-shield-check"></i>
+                            <span>Trusted by 500+ Businesses</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </footer>
+
+    <!-- JavaScript for mobile menu -->
+    <script>
+        document.addEventListener('DOMContentLoaded', function() {
+            const mobileToggle = document.querySelector('.mobile-menu-toggle');
+            const mobileNav = document.querySelector('.mobile-nav');
+            const body = document.body;
+
+            mobileToggle.addEventListener('click', function() {
+                mobileToggle.classList.toggle('active');
+                mobileNav.classList.toggle('active');
+                body.classList.toggle('mobile-menu-open');
+            });
+
+            // Close mobile menu when clicking on a link
+            document.querySelectorAll('.mobile-nav-link').forEach(link => {
+                link.addEventListener('click', function() {
+                    mobileToggle.classList.remove('active');
+                    mobileNav.classList.remove('active');
+                    body.classList.remove('mobile-menu-open');
+                });
+            });
+        });
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/app/templates/careers.html b/app/templates/careers.html
new file mode 100644
index 0000000..3f12dd6
--- /dev/null
+++ b/app/templates/careers.html
@@ -0,0 +1,282 @@
+{% extends "base.html" %}
+
+{% block title %}Careers - Open Pulse Security{% endblock %}
+{% block description %}Join our team of cybersecurity experts and help protect businesses worldwide with cutting-edge open-source solutions.{% endblock %}
+
+{% block content %}
+<!-- Careers Hero Section -->
+<section class="careers-hero">
+    <div class="container">
+        <h1 class="hero-title">Join Our Mission</h1>
+        <p class="hero-subtitle">
+            Build the future of cybersecurity with a team of passionate experts dedicated to protecting businesses through innovative open-source solutions.
+        </p>
+        <div class="hero-stats">
+            <div class="hero-stat">
+                <span class="stat-value">Remote</span>
+                <span class="stat-label">First Culture</span>
+            </div>
+            <div class="hero-stat">
+                <span class="stat-value">100%</span>
+                <span class="stat-label">Health Coverage</span>
+            </div>
+            <div class="hero-stat">
+                <span class="stat-value">Unlimited</span>
+                <span class="stat-label">PTO Policy</span>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Why Work With Us Section -->
+<section class="why-work-section">
+    <div class="why-work-container">
+        <div class="why-work-content">
+            <div class="why-work-text">
+                <h2>Why Open Pulse Security?</h2>
+                <p class="lead-text">
+                    We're not just building cybersecurity solutions – we're creating a safer digital world.
+                    Join a team where your expertise makes a real impact on businesses globally.
+                </p>
+                <div class="work-benefits">
+                    <div class="work-benefit">
+                        <i class="fas fa-rocket"></i>
+                        <div>
+                            <h4>Cutting-Edge Technology</h4>
+                            <p>Work with the latest cybersecurity tools, AI-driven threat detection, and open-source innovations.</p>
+                        </div>
+                    </div>
+                    <div class="work-benefit">
+                        <i class="fas fa-users"></i>
+                        <div>
+                            <h4>Expert Team</h4>
+                            <p>Collaborate with certified professionals holding CISSP, CEH, and GSEC certifications.</p>
+                        </div>
+                    </div>
+                    <div class="work-benefit">
+                        <i class="fas fa-chart-line"></i>
+                        <div>
+                            <h4>Career Growth</h4>
+                            <p>Continuous learning opportunities, certification support, and clear advancement paths.</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="why-work-visual">
+                <div class="team-diagram">
+                    <div class="team-center">
+                        <div class="center-node">
+                            <i class="fas fa-users"></i>
+                            <span>Team</span>
+                        </div>
+                    </div>
+                    <div class="team-nodes">
+                        <div class="team-node" style="--angle: 0deg;">
+                            <i class="fas fa-shield-alt"></i>
+                            <span>Security</span>
+                        </div>
+                        <div class="team-node" style="--angle: 72deg;">
+                            <i class="fas fa-code"></i>
+                            <span>Development</span>
+                        </div>
+                        <div class="team-node" style="--angle: 144deg;">
+                            <i class="fas fa-chart-bar"></i>
+                            <span>Analytics</span>
+                        </div>
+                        <div class="team-node" style="--angle: 216deg;">
+                            <i class="fas fa-headset"></i>
+                            <span>Support</span>
+                        </div>
+                        <div class="team-node" style="--angle: 288deg;">
+                            <i class="fas fa-cogs"></i>
+                            <span>Operations</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Benefits Section -->
+<section class="benefits-section">
+    <div class="benefits-container">
+        <h2 class="section-title">Comprehensive Benefits</h2>
+        <p class="section-subtitle">
+            We invest in our team's success with industry-leading benefits and perks
+        </p>
+        <div class="benefits-grid">
+            <div class="benefit-card">
+                <div class="benefit-icon">
+                    <i class="fas fa-heart"></i>
+                </div>
+                <h3>Health & Wellness</h3>
+                <ul>
+                    <li>100% premium coverage for medical, dental, and vision</li>
+                    <li>Mental health support and counseling services</li>
+                    <li>Annual wellness stipend for fitness and health</li>
+                </ul>
+            </div>
+            <div class="benefit-card">
+                <div class="benefit-icon">
+                    <i class="fas fa-home"></i>
+                </div>
+                <h3>Work-Life Balance</h3>
+                <ul>
+                    <li>Remote-first culture with flexible hours</li>
+                    <li>Unlimited PTO policy</li>
+                    <li>Home office setup allowance</li>
+                </ul>
+            </div>
+            <div class="benefit-card">
+                <div class="benefit-icon">
+                    <i class="fas fa-graduation-cap"></i>
+                </div>
+                <h3>Professional Growth</h3>
+                <ul>
+                    <li>$5,000 annual learning and development budget</li>
+                    <li>Certification reimbursement program</li>
+                    <li>Conference attendance and speaking opportunities</li>
+                </ul>
+            </div>
+            <div class="benefit-card">
+                <div class="benefit-icon">
+                    <i class="fas fa-piggy-bank"></i>
+                </div>
+                <h3>Financial Security</h3>
+                <ul>
+                    <li>Competitive salary with equity options</li>
+                    <li>401(k) with company matching</li>
+                    <li>Performance-based bonuses</li>
+                </ul>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Current Status Section -->
+<section class="current-status-section">
+    <div class="status-container">
+        <div class="status-card">
+            <div class="status-icon">
+                <i class="fas fa-pause-circle"></i>
+            </div>
+            <h2>Currently Not Hiring</h2>
+            <p class="status-message">
+                We're not actively hiring at the moment, but we're always interested in connecting with talented cybersecurity professionals.
+                Our team is focused on delivering exceptional service to our current clients while we plan for future growth.
+            </p>
+            <div class="status-timeline">
+                <div class="timeline-item">
+                    <div class="timeline-icon">
+                        <i class="fas fa-clock"></i>
+                    </div>
+                    <div class="timeline-content">
+                        <h4>Stay Connected</h4>
+                        <p>Follow us on LinkedIn and subscribe to our newsletter for updates on future opportunities</p>
+                    </div>
+                </div>
+                <div class="timeline-item">
+                    <div class="timeline-icon">
+                        <i class="fas fa-envelope"></i>
+                    </div>
+                    <div class="timeline-content">
+                        <h4>Submit Your Resume</h4>
+                        <p>Send us your resume and we'll keep it on file for when positions become available</p>
+                    </div>
+                </div>
+                <div class="timeline-item">
+                    <div class="timeline-icon">
+                        <i class="fas fa-bell"></i>
+                    </div>
+                    <div class="timeline-content">
+                        <h4>Get Notified</h4>
+                        <p>Be the first to know when we start hiring again by joining our talent pipeline</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Future Roles Section -->
+<section class="future-roles-section">
+    <div class="future-roles-container">
+        <h2 class="section-title">Roles We'll Be Hiring For</h2>
+        <p class="section-subtitle">
+            When we do start hiring again, these are the types of positions we'll be looking to fill
+        </p>
+        <div class="future-roles-grid">
+            <div class="future-role-card">
+                <div class="role-icon">
+                    <i class="fas fa-shield-alt"></i>
+                </div>
+                <h4>Cybersecurity Analysts</h4>
+                <p>Threat detection, incident response, and security monitoring specialists</p>
+                <div class="role-skills">
+                    <span class="skill-tag">SIEM</span>
+                    <span class="skill-tag">Threat Hunting</span>
+                    <span class="skill-tag">CISSP</span>
+                </div>
+            </div>
+            <div class="future-role-card">
+                <div class="role-icon">
+                    <i class="fas fa-code"></i>
+                </div>
+                <h4>Security Engineers</h4>
+                <p>Developers focused on building and maintaining security tools and platforms</p>
+                <div class="role-skills">
+                    <span class="skill-tag">Python</span>
+                    <span class="skill-tag">Go</span>
+                    <span class="skill-tag">DevSecOps</span>
+                </div>
+            </div>
+            <div class="future-role-card">
+                <div class="role-icon">
+                    <i class="fas fa-bug"></i>
+                </div>
+                <h4>Penetration Testers</h4>
+                <p>Ethical hackers who identify vulnerabilities through comprehensive security assessments</p>
+                <div class="role-skills">
+                    <span class="skill-tag">OSCP</span>
+                    <span class="skill-tag">Metasploit</span>
+                    <span class="skill-tag">Web Security</span>
+                </div>
+            </div>
+            <div class="future-role-card">
+                <div class="role-icon">
+                    <i class="fas fa-headset"></i>
+                </div>
+                <h4>Customer Success</h4>
+                <p>Client relationship managers ensuring successful security solution implementations</p>
+                <div class="role-skills">
+                    <span class="skill-tag">B2B</span>
+                    <span class="skill-tag">Cybersecurity</span>
+                    <span class="skill-tag">Project Management</span>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Careers CTA -->
+<section class="careers-cta">
+    <div class="container">
+        <h2>Interested in Future Opportunities?</h2>
+        <p>
+            Even though we're not hiring right now, we'd love to hear from talented cybersecurity professionals.
+            Send us your resume and we'll reach out when the right opportunity becomes available.
+        </p>
+        <div class="cta-actions">
+            <a href="mailto:careers@openpulsesecurity.com" class="btn btn-primary">
+                <i class="fas fa-envelope"></i>
+                Send Your Resume
+            </a>
+            <a href="/contact" class="btn btn-secondary">
+                <i class="fas fa-comments"></i>
+                Stay in Touch
+            </a>
+        </div>
+    </div>
+</section>
+{% endblock %}
\ No newline at end of file
diff --git a/app/templates/contact.html b/app/templates/contact.html
new file mode 100644
index 0000000..52fca8e
--- /dev/null
+++ b/app/templates/contact.html
@@ -0,0 +1,36 @@
+{% extends "base.html" %}
+
+{% block content %}
+<section class="contact">
+    <div class="contact-container">
+        <h2 class="section-title">Contact Us</h2>
+        <p class="section-subtitle">Have questions or need assistance? We're here to help!</p>
+        <form action="{{ url_for('main.contact') }}" method="post" class="contact-form" novalidate>
+            <div class="form-group">
+                <label for="name">Name</label>
+                <input type="text" id="name" name="name" placeholder="Enter your full name" required minlength="2">
+            </div>
+            <div class="form-group">
+                <label for="email">Email</label>
+                <input type="email" id="email" name="email" placeholder="Enter your email address" required>
+            </div>
+            <div class="form-group">
+                <label for="message">Message</label>
+                <textarea id="message" name="message" rows="5" placeholder="Tell us how we can help you..." required minlength="10"></textarea>
+            </div>
+            <button type="submit" class="btn btn-primary">
+                <span>Send Message</span>
+            </button>
+        </form>
+    </div>
+</section>
+
+<script>
+// Optional: Add form submission handling
+document.querySelector('.contact-form').addEventListener('submit', function(e) {
+    const button = this.querySelector('.btn-primary');
+    button.classList.add('loading');
+    button.innerHTML = '<span>Sending...</span>';
+});
+</script>
+{% endblock %}
\ No newline at end of file
diff --git a/app/templates/index.html b/app/templates/index.html
new file mode 100644
index 0000000..6b9f03d
--- /dev/null
+++ b/app/templates/index.html
@@ -0,0 +1,214 @@
+{% extends "base.html" %}
+
+{% block content %}
+<!-- Hero Section -->
+<section class="hero">
+    <div class="hero-container">
+        <div class="hero-content">
+            <div class="hero-badge">
+                <span>🛡️ Trusted Cybersecurity Partner</span>
+            </div>
+            <h1 class="hero-title">
+                Secure Your Digital Future with
+                <span class="highlight">Open Pulse Security</span>
+            </h1>
+            <p class="hero-subtitle">
+                Enterprise-grade cybersecurity solutions powered by open-source technology.
+                Protect your business from evolving threats with our comprehensive security services.
+            </p>
+            <div class="hero-actions">
+                <a href="{{ url_for('main.services') }}" class="cta-button primary">
+                    <span>Explore Our Services</span>
+                    <i class="arrow">→</i>
+                </a>
+                <a href="{{ url_for('main.contact') }}" class="cta-button secondary">
+                    <span>Get Free Consultation</span>
+                </a>
+            </div>
+            <div class="hero-stats">
+                <div class="stat">
+                    <div class="stat-number">99.9%</div>
+                    <div class="stat-label">Uptime Guarantee</div>
+                </div>
+                <div class="stat">
+                    <div class="stat-number">24/7</div>
+                    <div class="stat-label">Monitoring</div>
+                </div>
+                <div class="stat">
+                    <div class="stat-number">100+</div>
+                    <div class="stat-label">Businesses Protected</div>
+                </div>
+            </div>
+        </div>
+        <div class="hero-visual">
+            <div class="security-shield">
+                <div class="shield-layer"></div>
+                <div class="shield-layer"></div>
+                <div class="shield-layer"></div>
+                <div class="shield-core">🛡️</div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- About Section -->
+<section class="about">
+    <div class="about-container">
+        <div class="section-header">
+            <h2 class="section-title">Why Choose Open Pulse Security?</h2>
+            <p class="section-subtitle">
+                Leading the industry with innovative open-source cybersecurity solutions
+            </p>
+        </div>
+        <div class="about-content">
+            <div class="about-text">
+                <p class="lead-text">
+                    At Open Pulse Security, we specialize in providing cutting-edge cybersecurity
+                    solutions tailored to your business needs. Our mission is to protect your
+                    business and employees from evolving digital threats using state-of-the-art
+                    open-source technologies.
+                </p>
+                <div class="about-highlights">
+                    <div class="highlight-item">
+                        <div class="highlight-icon">✓</div>
+                        <div class="highlight-text">
+                            <strong>Proven Track Record:</strong> Successfully protecting businesses for over 5 years
+                        </div>
+                    </div>
+                    <div class="highlight-item">
+                        <div class="highlight-icon">✓</div>
+                        <div class="highlight-text">
+                            <strong>Cost-Effective Solutions:</strong> Open-source technology reduces licensing costs
+                        </div>
+                    </div>
+                    <div class="highlight-item">
+                        <div class="highlight-icon">✓</div>
+                        <div class="highlight-text">
+                            <strong>24/7 Support:</strong> Round-the-clock monitoring and incident response
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="about-image">
+                <div class="image-placeholder">
+                    <div class="security-icons">
+                        <div class="floating-icon" style="--delay: 0s;">🔒</div>
+                        <div class="floating-icon" style="--delay: 1s;">🛡️</div>
+                        <div class="floating-icon" style="--delay: 2s;">🔍</div>
+                        <div class="floating-icon" style="--delay: 3s;">⚡</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Features Section -->
+<section class="features">
+    <div class="features-container">
+        <div class="section-header">
+            <h2 class="section-title">Our Core Strengths</h2>
+            <p class="section-subtitle">
+                Comprehensive cybersecurity solutions built on industry-leading practices
+            </p>
+        </div>
+        <div class="features-grid">
+            <div class="feature-card">
+                <div class="feature-header">
+                    <div class="feature-icon">🔓</div>
+                    <h3>Open Source Excellence</h3>
+                </div>
+                <p>
+                    We leverage the power of open-source software like WireGuard, pfSense, and Wazuh
+                    to deliver secure, reliable, and cost-effective solutions. Open-source ensures
+                    transparency, flexibility, and community-driven innovation.
+                </p>
+                <div class="feature-tech">
+                    <span class="tech-badge">WireGuard</span>
+                    <span class="tech-badge">pfSense</span>
+                    <span class="tech-badge">Wazuh</span>
+                </div>
+            </div>
+
+            <div class="feature-card">
+                <div class="feature-header">
+                    <div class="feature-icon">🛡️</div>
+                    <h3>Hardware Independence</h3>
+                </div>
+                <p>
+                    Our pfSense firewall solutions are designed to run on any hardware. In the event
+                    of hardware failure, your business remains operational, ensuring uninterrupted
+                    protection and peace of mind.
+                </p>
+                <div class="feature-benefits">
+                    <div class="benefit">✓ Vendor Independence</div>
+                    <div class="benefit">✓ Cost Savings</div>
+                    <div class="benefit">✓ Flexibility</div>
+                </div>
+            </div>
+
+            <div class="feature-card">
+                <div class="feature-header">
+                    <div class="feature-icon">🔍</div>
+                    <h3>Advanced Threat Detection</h3>
+                </div>
+                <p>
+                    We use state-of-the-art tools like OpenVAS and other vulnerability scanners to
+                    identify and mitigate risks before they can be exploited. Proactive security
+                    is at the core of our approach.
+                </p>
+                <div class="feature-tech">
+                    <span class="tech-badge">OpenVAS</span>
+                    <span class="tech-badge">Nessus</span>
+                    <span class="tech-badge">SIEM</span>
+                </div>
+            </div>
+
+            <div class="feature-card">
+                <div class="feature-header">
+                    <div class="feature-icon">👨‍💼</div>
+                    <h3>Expert Team</h3>
+                </div>
+                <p>
+                    With years of experience in cybersecurity, our certified team is dedicated to
+                    protecting your business. We operate solely to safeguard your digital assets
+                    and ensure your employees can work securely.
+                </p>
+                <div class="feature-certifications">
+                    <div class="cert">CISSP</div>
+                    <div class="cert">CEH</div>
+                    <div class="cert">GSEC</div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- CTA Section -->
+<section class="final-cta">
+    <div class="cta-container">
+        <div class="cta-content">
+            <h2 class="cta-title">Ready to Secure Your Business?</h2>
+            <p class="cta-subtitle">
+                Join hundreds of businesses that trust Open Pulse Security to protect their digital assets.
+                Get started with a free security consultation today.
+            </p>
+            <div class="cta-actions">
+                <a href="{{ url_for('main.contact') }}" class="cta-button primary large">
+                    <span>Get Free Security Assessment</span>
+                    <i class="arrow">→</i>
+                </a>
+                <a href="{{ url_for('main.services') }}" class="cta-button secondary large">
+                    <span>View All Services</span>
+                </a>
+            </div>
+            <div class="cta-guarantee">
+                <div class="guarantee-badge">
+                    <span class="guarantee-icon">🛡️</span>
+                    <span class="guarantee-text">30-Day Money-Back Guarantee</span>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+{% endblock %}
\ No newline at end of file
diff --git a/app/templates/privacy.html b/app/templates/privacy.html
new file mode 100644
index 0000000..f35fdc8
--- /dev/null
+++ b/app/templates/privacy.html
@@ -0,0 +1,388 @@
+{% extends "base.html" %}
+
+{% block title %}Privacy Policy - Open Pulse Security{% endblock %}
+{% block description %}Read our Privacy Policy to understand how we protect your data and respect your privacy.{% endblock %}
+
+{% block content %}
+<!-- Privacy Hero Section -->
+<section class="privacy-hero">
+    <div class="container">
+        <h1 class="hero-title">Privacy Policy</h1>
+        <p class="hero-subtitle">
+            Your privacy and data security are fundamental to our mission. Learn how we protect, handle, and respect your personal information.
+        </p>
+        <div class="hero-stats">
+            <div class="hero-stat">
+                <span class="stat-value">GDPR</span>
+                <span class="stat-label">Compliant</span>
+            </div>
+            <div class="hero-stat">
+                <span class="stat-value">256-bit</span>
+                <span class="stat-label">Encryption</span>
+            </div>
+            <div class="hero-stat">
+                <span class="stat-value">Zero</span>
+                <span class="stat-label">Data Sales</span>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Privacy Content Section -->
+<section class="privacy-content-section">
+    <div class="privacy-container">
+        <div class="privacy-sidebar">
+            <div class="privacy-nav">
+                <h4>Quick Navigation</h4>
+                <ul>
+                    <li><a href="#data-collection">Data Collection</a></li>
+                    <li><a href="#data-usage">How We Use Data</a></li>
+                    <li><a href="#data-security">Data Security</a></li>
+                    <li><a href="#data-sharing">Data Sharing</a></li>
+                    <li><a href="#your-rights">Your Rights</a></li>
+                    <li><a href="#cookies">Cookies & Tracking</a></li>
+                    <li><a href="#retention">Data Retention</a></li>
+                    <li><a href="#contact">Contact Us</a></li>
+                </ul>
+            </div>
+            <div class="privacy-summary">
+                <div class="summary-icon">
+                    <i class="fas fa-shield-alt"></i>
+                </div>
+                <h4>Privacy at a Glance</h4>
+                <ul>
+                    <li>We collect minimal data</li>
+                    <li>We never sell your information</li>
+                    <li>You control your data</li>
+                    <li>Enterprise-grade security</li>
+                </ul>
+            </div>
+        </div>
+
+        <div class="privacy-main">
+            <div class="privacy-card" id="data-collection">
+                <div class="card-header">
+                    <div class="card-icon">
+                        <i class="fas fa-database"></i>
+                    </div>
+                    <h3>Data Collection</h3>
+                    <span class="last-updated">Last updated: January 2025</span>
+                </div>
+                <div class="card-content">
+                    <p class="lead-text">
+                        We collect only the information necessary to provide our cybersecurity services effectively and securely.
+                    </p>
+
+                    <h4>Information We Collect</h4>
+                    <div class="info-grid">
+                        <div class="info-item">
+                            <h5>Contact Information</h5>
+                            <ul>
+                                <li>Name and job title</li>
+                                <li>Email address</li>
+                                <li>Phone number</li>
+                                <li>Company name and address</li>
+                            </ul>
+                        </div>
+                        <div class="info-item">
+                            <h5>Technical Information</h5>
+                            <ul>
+                                <li>IP addresses and network data</li>
+                                <li>System configurations</li>
+                                <li>Security logs and events</li>
+                                <li>Performance metrics</li>
+                            </ul>
+                        </div>
+                    </div>
+
+                    <div class="important-note">
+                        <i class="fas fa-info-circle"></i>
+                        <p><strong>Important:</strong> We only collect data that is essential for providing our security services. We do not collect sensitive personal information unless explicitly required for security analysis.</p>
+                    </div>
+                </div>
+            </div>
+
+            <div class="privacy-card" id="data-usage">
+                <div class="card-header">
+                    <div class="card-icon">
+                        <i class="fas fa-cogs"></i>
+                    </div>
+                    <h3>How We Use Your Data</h3>
+                </div>
+                <div class="card-content">
+                    <p class="lead-text">
+                        Your data is used exclusively to deliver, improve, and secure our cybersecurity services.
+                    </p>
+
+                    <div class="usage-list">
+                        <div class="usage-item">
+                            <i class="fas fa-shield-alt"></i>
+                            <div>
+                                <h5>Security Services</h5>
+                                <p>Monitoring, threat detection, incident response, and vulnerability assessments</p>
+                            </div>
+                        </div>
+                        <div class="usage-item">
+                            <i class="fas fa-headset"></i>
+                            <div>
+                                <h5>Customer Support</h5>
+                                <p>Providing technical assistance and resolving service-related issues</p>
+                            </div>
+                        </div>
+                        <div class="usage-item">
+                            <i class="fas fa-chart-line"></i>
+                            <div>
+                                <h5>Service Improvement</h5>
+                                <p>Analyzing performance metrics to enhance our security solutions</p>
+                            </div>
+                        </div>
+                        <div class="usage-item">
+                            <i class="fas fa-bell"></i>
+                            <div>
+                                <h5>Communications</h5>
+                                <p>Sending security alerts, updates, and important service notifications</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="privacy-card" id="data-security">
+                <div class="card-header">
+                    <div class="card-icon">
+                        <i class="fas fa-lock"></i>
+                    </div>
+                    <h3>Data Security</h3>
+                </div>
+                <div class="card-content">
+                    <p class="lead-text">
+                        We implement enterprise-grade security measures to protect your data with the same rigor we apply to our cybersecurity services.
+                    </p>
+
+                    <div class="security-measures">
+                        <div class="security-measure">
+                            <div class="measure-icon">
+                                <i class="fas fa-key"></i>
+                            </div>
+                            <h5>Encryption</h5>
+                            <p>AES-256 encryption for data at rest and TLS 1.3 for data in transit</p>
+                        </div>
+                        <div class="security-measure">
+                            <div class="measure-icon">
+                                <i class="fas fa-user-shield"></i>
+                            </div>
+                            <h5>Access Control</h5>
+                            <p>Multi-factor authentication and role-based access controls</p>
+                        </div>
+                        <div class="security-measure">
+                            <div class="measure-icon">
+                                <i class="fas fa-search"></i>
+                            </div>
+                            <h5>Monitoring</h5>
+                            <p>24/7 security monitoring and automated threat detection</p>
+                        </div>
+                        <div class="security-measure">
+                            <div class="measure-icon">
+                                <i class="fas fa-certificate"></i>
+                            </div>
+                            <h5>Compliance</h5>
+                            <p>SOC 2 Type II, ISO 27001, and GDPR compliance</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="privacy-card" id="data-sharing">
+                <div class="card-header">
+                    <div class="card-icon">
+                        <i class="fas fa-ban"></i>
+                    </div>
+                    <h3>Data Sharing</h3>
+                </div>
+                <div class="card-content">
+                    <div class="no-sharing-banner">
+                        <i class="fas fa-shield-alt"></i>
+                        <h4>We Never Sell Your Data</h4>
+                        <p>Your information is never sold, rented, or shared with third parties for marketing purposes.</p>
+                    </div>
+
+                    <h4>Limited Sharing Scenarios</h4>
+                    <p>We may share data only in these specific circumstances:</p>
+                    <ul class="sharing-list">
+                        <li><strong>Service Providers:</strong> Trusted partners who help deliver our services (under strict confidentiality agreements)</li>
+                        <li><strong>Legal Requirements:</strong> When required by law or to protect our legal rights</li>
+                        <li><strong>Security Incidents:</strong> With law enforcement when investigating cybersecurity threats</li>
+                        <li><strong>Business Transfers:</strong> In the event of a merger or acquisition (with continued privacy protection)</li>
+                    </ul>
+                </div>
+            </div>
+
+            <div class="privacy-card" id="your-rights">
+                <div class="card-header">
+                    <div class="card-icon">
+                        <i class="fas fa-user-check"></i>
+                    </div>
+                    <h3>Your Rights</h3>
+                </div>
+                <div class="card-content">
+                    <p class="lead-text">
+                        You have complete control over your personal data. Exercise your rights at any time.
+                    </p>
+
+                    <div class="rights-grid">
+                        <div class="right-item">
+                            <i class="fas fa-eye"></i>
+                            <h5>Access</h5>
+                            <p>Request a copy of all personal data we hold about you</p>
+                        </div>
+                        <div class="right-item">
+                            <i class="fas fa-edit"></i>
+                            <h5>Correction</h5>
+                            <p>Update or correct any inaccurate personal information</p>
+                        </div>
+                        <div class="right-item">
+                            <i class="fas fa-trash"></i>
+                            <h5>Deletion</h5>
+                            <p>Request deletion of your personal data (subject to legal requirements)</p>
+                        </div>
+                        <div class="right-item">
+                            <i class="fas fa-download"></i>
+                            <h5>Portability</h5>
+                            <p>Export your data in a machine-readable format</p>
+                        </div>
+                        <div class="right-item">
+                            <i class="fas fa-pause"></i>
+                            <h5>Restriction</h5>
+                            <p>Limit how we process your personal information</p>
+                        </div>
+                        <div class="right-item">
+                            <i class="fas fa-times-circle"></i>
+                            <h5>Objection</h5>
+                            <p>Object to certain types of data processing</p>
+                        </div>
+                    </div>
+
+                    <div class="contact-rights">
+                        <h5>Exercise Your Rights</h5>
+                        <p>Contact our Data Protection Officer to exercise any of these rights:</p>
+                        <a href="mailto:privacy@openpulsesecurity.com" class="contact-link">
+                            <i class="fas fa-envelope"></i>
+                            privacy@openpulsesecurity.com
+                        </a>
+                    </div>
+                </div>
+            </div>
+
+            <div class="privacy-card" id="cookies">
+                <div class="card-header">
+                    <div class="card-icon">
+                        <i class="fas fa-cookie-bite"></i>
+                    </div>
+                    <h3>Cookies & Tracking</h3>
+                </div>
+                <div class="card-content">
+                    <p class="lead-text">
+                        We use minimal, essential cookies to ensure our website functions properly and securely.
+                    </p>
+
+                    <div class="cookie-types">
+                        <div class="cookie-type">
+                            <h5>Essential Cookies</h5>
+                            <p>Required for basic website functionality and security features</p>
+                            <span class="cookie-status required">Required</span>
+                        </div>
+                        <div class="cookie-type">
+                            <h5>Analytics Cookies</h5>
+                            <p>Help us understand how visitors interact with our website</p>
+                            <span class="cookie-status optional">Optional</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="privacy-card" id="retention">
+                <div class="card-header">
+                    <div class="card-icon">
+                        <i class="fas fa-calendar-alt"></i>
+                    </div>
+                    <h3>Data Retention</h3>
+                </div>
+                <div class="card-content">
+                    <p class="lead-text">
+                        We retain your data only as long as necessary to provide our services and meet legal obligations.
+                    </p>
+
+                    <div class="retention-schedule">
+                        <div class="retention-item">
+                            <h5>Contact Information</h5>
+                            <p>Retained while you're an active customer, plus 3 years for business records</p>
+                        </div>
+                        <div class="retention-item">
+                            <h5>Security Logs</h5>
+                            <p>Retained for 1 year for security analysis and compliance requirements</p>
+                        </div>
+                        <div class="retention-item">
+                            <h5>Support Records</h5>
+                            <p>Retained for 2 years to maintain service quality and resolve issues</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="privacy-card" id="contact">
+                <div class="card-header">
+                    <div class="card-icon">
+                        <i class="fas fa-envelope"></i>
+                    </div>
+                    <h3>Contact Us</h3>
+                </div>
+                <div class="card-content">
+                    <p class="lead-text">
+                        Have questions about our privacy practices? We're here to help.
+                    </p>
+
+                    <div class="contact-options">
+                        <div class="contact-option">
+                            <i class="fas fa-user-shield"></i>
+                            <div>
+                                <h5>Data Protection Officer</h5>
+                                <p>For privacy-related questions and rights requests</p>
+                                <a href="mailto:privacy@openpulsesecurity.com">privacy@openpulsesecurity.com</a>
+                            </div>
+                        </div>
+                        <div class="contact-option">
+                            <i class="fas fa-headset"></i>
+                            <div>
+                                <h5>General Support</h5>
+                                <p>For service-related questions and technical support</p>
+                                <a href="mailto:support@openpulsesecurity.com">support@openpulsesecurity.com</a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Privacy CTA -->
+<section class="privacy-cta">
+    <div class="container">
+        <h2>Questions About Our Privacy Policy?</h2>
+        <p>
+            Our commitment to your privacy is unwavering. If you have any questions or concerns about how we handle your data,
+            don't hesitate to reach out to our Data Protection Officer.
+        </p>
+        <div class="cta-actions">
+            <a href="mailto:privacy@openpulsesecurity.com" class="btn btn-primary">
+                <i class="fas fa-envelope"></i>
+                Contact Privacy Team
+            </a>
+            <a href="/contact" class="btn btn-secondary">
+                <i class="fas fa-comments"></i>
+                General Contact
+            </a>
+        </div>
+    </div>
+</section>
+{% endblock %}
\ No newline at end of file
diff --git a/app/templates/services.html b/app/templates/services.html
new file mode 100644
index 0000000..117c850
--- /dev/null
+++ b/app/templates/services.html
@@ -0,0 +1,93 @@
+{% extends "base.html" %}
+
+{% block content %}
+<section class="services">
+    <div class="services-container">
+        <h2 class="section-title">Our Services</h2>
+        <p class="section-subtitle">Professional cybersecurity solutions tailored to your needs</p>
+
+        <div class="services-grid">
+            <!-- WireGuard VPN -->
+            <div class="service-card">
+                <div class="service-icon">🔒</div>
+                <h3 class="service-title">WireGuard VPN Setup</h3>
+                <p class="service-description">Secure your network with the fastest, most reliable VPN technology available.</p>
+                <div class="service-pricing">
+                    <div class="price-main">$200</div>
+                    <div class="price-details">one-time setup + $20/month</div>
+                </div>
+                <ul class="service-features">
+                    <li>Fast, secure VPN connection</li>
+                    <li>Easy setup and management</li>
+                    <li>Open-source technology</li>
+                    <li>24/7 monitoring included</li>
+                </ul>
+                <div class="btn-container">
+                    <a href="#" class="btn btn-primary">Get Started</a>
+                </div>
+            </div>
+
+            <!-- pfSense Firewall -->
+            <div class="service-card featured">
+                <div class="featured-badge">Most Popular</div>
+                <div class="service-icon">🛡️</div>
+                <h3 class="service-title">pfSense Firewall Setup</h3>
+                <p class="service-description">Deploy a robust enterprise-grade firewall to secure your entire network infrastructure.</p>
+                <div class="service-pricing">
+                    <div class="price-main">$600</div>
+                    <div class="price-details">one-time setup + $50/month</div>
+                </div>
+                <ul class="service-features">
+                    <li>Robust network security</li>
+                    <li>Open-source firewall</li>
+                    <li>Netgate hardware recommended</li>
+                    <li>Advanced threat protection</li>
+                </ul>
+                <div class="btn-container">
+                    <a href="#" class="btn btn-primary">Get Started</a>
+                </div>
+            </div>
+
+            <!-- Endpoint Security with Wazuh -->
+            <div class="service-card">
+                <div class="service-icon">🖥️</div>
+                <h3 class="service-title">Endpoint Security with Wazuh</h3>
+                <p class="service-description">Protect your devices from malware and unauthorized access with real-time monitoring.</p>
+                <div class="service-pricing">
+                    <div class="price-main">$300</div>
+                    <div class="price-details">one-time setup + $30/month</div>
+                </div>
+                <ul class="service-features">
+                    <li>Malware and intrusion detection</li>
+                    <li>Open-source endpoint protection</li>
+                    <li>Real-time alerts</li>
+                    <li>Compliance reporting</li>
+                </ul>
+                <div class="btn-container">
+                    <a href="#" class="btn btn-primary">Get Started</a>
+                </div>
+            </div>
+
+            <!-- Security Audits -->
+            <div class="service-card">
+                <div class="service-icon">📊</div>
+                <h3 class="service-title">Security Audits</h3>
+                <p class="service-description">Get a comprehensive security assessment with detailed vulnerability reports and remediation plans.</p>
+                <div class="service-pricing">
+                    <div class="price-main">$500</div>
+                    <div class="price-details">per comprehensive audit</div>
+                </div>
+                <ul class="service-features">
+                    <li>Vulnerability assessment</li>
+                    <li>Detailed security report</li>
+                    <li>Actionable insights</li>
+                    <li>Follow-up consultation</li>
+                </ul>
+                <div class="btn-container">
+                    <a href="#" class="btn btn-primary">Get Started</a>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+{% endblock %}
\ No newline at end of file
diff --git a/app/templates/solutions.html b/app/templates/solutions.html
new file mode 100644
index 0000000..7a2bb96
--- /dev/null
+++ b/app/templates/solutions.html
@@ -0,0 +1,429 @@
+{% extends "base.html" %}
+
+{% block title %}Our Solutions & Technologies - Open Pulse Security{% endblock %}
+{% block description %}Discover the proven open-source cybersecurity technologies we use. Transparent, reliable, and battle-tested solutions for enterprise security.{% endblock %}
+
+{% block content %}
+<!-- Hero Section -->
+<section class="solutions-hero">
+    <div class="hero-container">
+        <div class="hero-content">
+            <h1 class="hero-title">Our Proven Security Solutions</h1>
+            <p class="hero-subtitle">
+                We believe in transparency. Every tool we use is open-source, battle-tested, 
+                and trusted by enterprises worldwide. See exactly what powers your security.
+            </p>
+            <div class="hero-stats">
+                <div class="stat">
+                    <div class="stat-number">100%</div>
+                    <div class="stat-label">Open Source</div>
+                </div>
+                <div class="stat">
+                    <div class="stat-number">5+</div>
+                    <div class="stat-label">Years Experience</div>
+                </div>
+                <div class="stat">
+                    <div class="stat-number">24/7</div>
+                    <div class="stat-label">Support</div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Solutions Grid -->
+<section class="solutions-grid-section">
+    <div class="solutions-container">
+        <div class="section-header">
+            <h2 class="section-title">Core Security Technologies</h2>
+            <p class="section-subtitle">
+                Industry-leading open-source solutions that form the backbone of our security services
+            </p>
+        </div>
+
+        <div class="solutions-grid">
+            <!-- WireGuard -->
+            <div class="solution-card featured">
+                <div class="solution-header">
+                    <div class="solution-logo">
+                        <img src="{{ url_for('static', filename='images/wireguard-logo.png') }}" alt="WireGuard Logo" onerror="this.style.display='none'">
+                        <div class="solution-icon">🔒</div>
+                    </div>
+                    <div class="solution-title-area">
+                        <h3 class="solution-title">WireGuard VPN</h3>
+                        <div class="solution-category">VPN Technology</div>
+                    </div>
+                </div>
+                
+                <div class="solution-description">
+                    <p>
+                        WireGuard is a revolutionary VPN protocol that's faster, simpler, and more secure 
+                        than traditional VPN solutions. It uses state-of-the-art cryptography and has been 
+                        audited by security experts worldwide.
+                    </p>
+                </div>
+
+                <div class="solution-features">
+                    <h4>Key Benefits:</h4>
+                    <ul>
+                        <li>10x faster than OpenVPN</li>
+                        <li>Minimal attack surface (4,000 lines of code vs 600,000+)</li>
+                        <li>Built into Linux kernel</li>
+                        <li>Cross-platform compatibility</li>
+                        <li>Perfect forward secrecy</li>
+                    </ul>
+                </div>
+
+                <div class="solution-stats">
+                    <div class="stat-item">
+                        <span class="stat-value">2016</span>
+                        <span class="stat-label">First Released</span>
+                    </div>
+                    <div class="stat-item">
+                        <span class="stat-value">Linux</span>
+                        <span class="stat-label">Kernel Integration</span>
+                    </div>
+                </div>
+
+                <div class="solution-links">
+                    <a href="https://www.wireguard.com/" target="_blank" class="solution-link primary">
+                        <i class="fas fa-external-link-alt"></i>
+                        Official Website
+                    </a>
+                    <a href="https://github.com/WireGuard" target="_blank" class="solution-link secondary">
+                        <i class="fab fa-github"></i>
+                        Source Code
+                    </a>
+                    <a href="https://www.wireguard.com/papers/wireguard.pdf" target="_blank" class="solution-link secondary">
+                        <i class="fas fa-file-pdf"></i>
+                        Technical Paper
+                    </a>
+                </div>
+            </div>
+
+            <!-- pfSense -->
+            <div class="solution-card">
+                <div class="solution-header">
+                    <div class="solution-logo">
+                        <img src="{{ url_for('static', filename='images/pfsense-logo.png') }}" alt="pfSense Logo" onerror="this.style.display='none'">
+                        <div class="solution-icon">🛡️</div>
+                    </div>
+                    <div class="solution-title-area">
+                        <h3 class="solution-title">pfSense Firewall</h3>
+                        <div class="solution-category">Network Security</div>
+                    </div>
+                </div>
+                
+                <div class="solution-description">
+                    <p>
+                        pfSense is a powerful, enterprise-grade firewall and router platform based on FreeBSD. 
+                        It provides comprehensive network security features and can run on any x86 hardware, 
+                        giving you complete vendor independence.
+                    </p>
+                </div>
+
+                <div class="solution-features">
+                    <h4>Key Features:</h4>
+                    <ul>
+                        <li>Stateful packet filtering</li>
+                        <li>VPN server & client support</li>
+                        <li>Intrusion detection & prevention</li>
+                        <li>Traffic shaping & load balancing</li>
+                        <li>Web-based management interface</li>
+                        <li>Package system for extensions</li>
+                    </ul>
+                </div>
+
+                <div class="solution-stats">
+                    <div class="stat-item">
+                        <span class="stat-value">2004</span>
+                        <span class="stat-label">First Released</span>
+                    </div>
+                    <div class="stat-item">
+                        <span class="stat-value">1M+</span>
+                        <span class="stat-label">Active Installs</span>
+                    </div>
+                </div>
+
+                <div class="solution-links">
+                    <a href="https://www.pfsense.org/" target="_blank" class="solution-link primary">
+                        <i class="fas fa-external-link-alt"></i>
+                        Official Website
+                    </a>
+                    <a href="https://github.com/pfsense/pfsense" target="_blank" class="solution-link secondary">
+                        <i class="fab fa-github"></i>
+                        Source Code
+                    </a>
+                    <a href="https://docs.netgate.com/pfsense/en/latest/" target="_blank" class="solution-link secondary">
+                        <i class="fas fa-book"></i>
+                        Documentation
+                    </a>
+                </div>
+            </div>
+
+            <!-- Wazuh -->
+            <div class="solution-card">
+                <div class="solution-header">
+                    <div class="solution-logo">
+                        <img src="{{ url_for('static', filename='images/wazuh-logo.png') }}" alt="Wazuh Logo" onerror="this.style.display='none'">
+                        <div class="solution-icon">🔍</div>
+                    </div>
+                    <div class="solution-title-area">
+                        <h3 class="solution-title">Wazuh SIEM</h3>
+                        <div class="solution-category">Endpoint Security</div>
+                    </div>
+                </div>
+                
+                <div class="solution-description">
+                    <p>
+                        Wazuh is a comprehensive security monitoring platform that provides threat detection, 
+                        integrity monitoring, incident response, and compliance reporting. It's trusted by 
+                        thousands of organizations worldwide for endpoint security.
+                    </p>
+                </div>
+
+                <div class="solution-features">
+                    <h4>Capabilities:</h4>
+                    <ul>
+                        <li>Real-time threat detection</li>
+                        <li>File integrity monitoring</li>
+                        <li>Log analysis & correlation</li>
+                        <li>Vulnerability assessment</li>
+                        <li>Compliance reporting (PCI DSS, GDPR, HIPAA)</li>
+                        <li>Incident response automation</li>
+                    </ul>
+                </div>
+
+                <div class="solution-stats">
+                    <div class="stat-item">
+                        <span class="stat-value">2015</span>
+                        <span class="stat-label">Founded</span>
+                    </div>
+                    <div class="stat-item">
+                        <span class="stat-value">10K+</span>
+                        <span class="stat-label">Organizations</span>
+                    </div>
+                </div>
+
+                <div class="solution-links">
+                    <a href="https://wazuh.com/" target="_blank" class="solution-link primary">
+                        <i class="fas fa-external-link-alt"></i>
+                        Official Website
+                    </a>
+                    <a href="https://github.com/wazuh/wazuh" target="_blank" class="solution-link secondary">
+                        <i class="fab fa-github"></i>
+                        Source Code
+                    </a>
+                    <a href="https://documentation.wazuh.com/" target="_blank" class="solution-link secondary">
+                        <i class="fas fa-book"></i>
+                        Documentation
+                    </a>
+                </div>
+            </div>
+
+            <!-- OpenVAS -->
+            <div class="solution-card">
+                <div class="solution-header">
+                    <div class="solution-logo">
+                        <img src="{{ url_for('static', filename='images/openvas-logo.png') }}" alt="OpenVAS Logo" onerror="this.style.display='none'">
+                        <div class="solution-icon">🔬</div>
+                    </div>
+                    <div class="solution-title-area">
+                        <h3 class="solution-title">OpenVAS Scanner</h3>
+                        <div class="solution-category">Vulnerability Assessment</div>
+                    </div>
+                </div>
+                
+                <div class="solution-description">
+                    <p>
+                        OpenVAS is a powerful vulnerability scanner and management solution. It provides 
+                        comprehensive vulnerability assessments and is capable of testing for over 50,000 
+                        known vulnerabilities across networks, systems, and applications.
+                    </p>
+                </div>
+
+                <div class="solution-features">
+                    <h4>Features:</h4>
+                    <ul>
+                        <li>50,000+ vulnerability tests</li>
+                        <li>Network & web application scanning</li>
+                        <li>Authenticated & unauthenticated scans</li>
+                        <li>Detailed vulnerability reports</li>
+                        <li>Risk assessment & prioritization</li>
+                        <li>Compliance scanning</li>
+                    </ul>
+                </div>
+
+                <div class="solution-stats">
+                    <div class="stat-item">
+                        <span class="stat-value">2009</span>
+                        <span class="stat-label">First Released</span>
+                    </div>
+                    <div class="stat-item">
+                        <span class="stat-value">50K+</span>
+                        <span class="stat-label">Vulnerability Tests</span>
+                    </div>
+                </div>
+
+                <div class="solution-links">
+                    <a href="https://www.openvas.org/" target="_blank" class="solution-link primary">
+                        <i class="fas fa-external-link-alt"></i>
+                        Official Website
+                    </a>
+                    <a href="https://github.com/greenbone/openvas-scanner" target="_blank" class="solution-link secondary">
+                        <i class="fab fa-github"></i>
+                        Source Code
+                    </a>
+                    <a href="https://docs.greenbone.net/" target="_blank" class="solution-link secondary">
+                        <i class="fas fa-book"></i>
+                        Documentation
+                    </a>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Why Open Source Section -->
+<section class="why-opensource">
+    <div class="opensource-container">
+        <div class="section-header">
+            <h2 class="section-title">Why We Choose Open Source</h2>
+            <p class="section-subtitle">
+                Open source isn't just our preference—it's our commitment to transparency, security, and your independence
+            </p>
+        </div>
+
+        <div class="benefits-grid">
+            <div class="benefit-card">
+                <div class="benefit-icon">🔍</div>
+                <h3>Complete Transparency</h3>
+                <p>Every line of code is open for inspection. No hidden backdoors, no secret vulnerabilities. You can verify exactly what's protecting your business.</p>
+            </div>
+
+            <div class="benefit-card">
+                <div class="benefit-icon">💰</div>
+                <h3>Cost Effective</h3>
+                <p>No expensive licensing fees or vendor lock-in. Open source solutions provide enterprise-grade security without the enterprise price tag.</p>
+            </div>
+
+            <div class="benefit-card">
+                <div class="benefit-icon">🛠️</div>
+                <h3>Vendor Independence</h3>
+                <p>You're not tied to any single vendor. If hardware fails or vendors change policies, your security solutions continue to work.</p>
+            </div>
+
+            <div class="benefit-card">
+                <div class="benefit-icon">🌍</div>
+                <h3>Community Driven</h3>
+                <p>Backed by global communities of security experts. Faster bug fixes, continuous improvements, and collective intelligence.</p>
+            </div>
+
+            <div class="benefit-card">
+                <div class="benefit-icon">🔒</div>
+                <h3>Security by Design</h3>
+                <p>Open source security tools are scrutinized by thousands of experts worldwide. Vulnerabilities are found and fixed quickly.</p>
+            </div>
+
+            <div class="benefit-card">
+                <div class="benefit-icon">⚡</div>
+                <h3>Rapid Innovation</h3>
+                <p>Open source projects evolve faster than proprietary solutions. You get cutting-edge features and improvements continuously.</p>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Integration & Support -->
+<section class="integration-support">
+    <div class="support-container">
+        <div class="support-content">
+            <div class="support-text">
+                <h2>Professional Implementation & Support</h2>
+                <p class="lead-text">
+                    While these tools are open source and free, implementing them correctly requires expertise. 
+                    That's where we come in.
+                </p>
+                <div class="support-features">
+                    <div class="support-feature">
+                        <i class="fas fa-cogs"></i>
+                        <div>
+                            <h4>Expert Configuration</h4>
+                            <p>We configure each solution specifically for your environment and security requirements.</p>
+                        </div>
+                    </div>
+                    <div class="support-feature">
+                        <i class="fas fa-shield-alt"></i>
+                        <div>
+                            <h4>Security Hardening</h4>
+                            <p>Every installation is hardened according to industry best practices and compliance standards.</p>
+                        </div>
+                    </div>
+                    <div class="support-feature">
+                        <i class="fas fa-headset"></i>
+                        <div>
+                            <h4>Ongoing Support</h4>
+                            <p>24/7 monitoring, maintenance, and support to ensure your security solutions stay effective.</p>
+                        </div>
+                    </div>
+                    <div class="support-feature">
+                        <i class="fas fa-graduation-cap"></i>
+                        <div>
+                            <h4>Training & Documentation</h4>
+                            <p>We provide comprehensive training and documentation so your team can manage the systems.</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="support-visual">
+                <div class="integration-diagram">
+                    <div class="integration-center">
+                        <div class="center-node">
+                            <i class="fas fa-shield-alt"></i>
+                            <span>Your Business</span>
+                        </div>
+                    </div>
+                    <div class="integration-nodes">
+                        <div class="integration-node" style="--angle: 0deg;">
+                            <i class="fas fa-lock"></i>
+                            <span>WireGuard</span>
+                        </div>
+                        <div class="integration-node" style="--angle: 90deg;">
+                            <i class="fas fa-firewall"></i>
+                            <span>pfSense</span>
+                        </div>
+                        <div class="integration-node" style="--angle: 180deg;">
+                            <i class="fas fa-search"></i>
+                            <span>Wazuh</span>
+                        </div>
+                        <div class="integration-node" style="--angle: 270deg;">
+                            <i class="fas fa-bug"></i>
+                            <span>OpenVAS</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- CTA Section -->
+<section class="solutions-cta">
+    <div class="cta-container">
+        <h2>Ready to Implement These Solutions?</h2>
+        <p>
+            Let our experts configure and deploy these proven security technologies for your business. 
+            Get started with a free consultation and security assessment.
+        </p>
+        <div class="cta-actions">
+            <a href="{{ url_for('main.contact') }}" class="cta-button primary">
+                <span>Get Free Consultation</span>
+                <i class="fas fa-arrow-right"></i>
+            </a>
+            <a href="{{ url_for('main.services') }}" class="cta-button secondary">
+                <span>View Our Services</span>
+            </a>
+        </div>
+    </div>
+</section>
+{% endblock %}
\ No newline at end of file
diff --git a/app/templates/termsofservice.html b/app/templates/termsofservice.html
new file mode 100644
index 0000000..54f89fa
--- /dev/null
+++ b/app/templates/termsofservice.html
@@ -0,0 +1,565 @@
+{% extends "base.html" %}
+
+{% block title %}Terms of Service - Open Pulse Security{% endblock %}
+{% block description %}Review our Terms of Service to understand the rules and guidelines for using our cybersecurity services.{% endblock %}
+
+{% block content %}
+<!-- Terms Hero Section -->
+<section class="terms-hero">
+    <div class="container">
+        <h1 class="hero-title">Terms of Service</h1>
+        <p class="hero-subtitle">
+            Clear, transparent terms that govern the use of our cybersecurity services and protect both your business and ours.
+        </p>
+        <div class="hero-stats">
+            <div class="hero-stat">
+                <span class="stat-value">Fair</span>
+                <span class="stat-label">Terms</span>
+            </div>
+            <div class="hero-stat">
+                <span class="stat-value">Clear</span>
+                <span class="stat-label">Language</span>
+            </div>
+            <div class="hero-stat">
+                <span class="stat-value">Updated</span>
+                <span class="stat-label">Jan 2025</span>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Terms Content Section -->
+<section class="terms-content-section">
+    <div class="terms-container">
+        <div class="terms-sidebar">
+            <div class="terms-nav">
+                <h4>Quick Navigation</h4>
+                <ul>
+                    <li><a href="#acceptance">Acceptance of Terms</a></li>
+                    <li><a href="#definitions">Definitions</a></li>
+                    <li><a href="#services">Service Description</a></li>
+                    <li><a href="#usage">Acceptable Use</a></li>
+                    <li><a href="#accounts">User Accounts</a></li>
+                    <li><a href="#payment">Payment Terms</a></li>
+                    <li><a href="#intellectual-property">Intellectual Property</a></li>
+                    <li><a href="#confidentiality">Confidentiality</a></li>
+                    <li><a href="#liability">Limitation of Liability</a></li>
+                    <li><a href="#termination">Termination</a></li>
+                    <li><a href="#governing-law">Governing Law</a></li>
+                    <li><a href="#changes">Changes to Terms</a></li>
+                </ul>
+            </div>
+            <div class="terms-summary">
+                <div class="summary-icon">
+                    <i class="fas fa-file-contract"></i>
+                </div>
+                <h4>Terms Summary</h4>
+                <ul>
+                    <li>Use services responsibly</li>
+                    <li>Respect intellectual property</li>
+                    <li>Pay on time</li>
+                    <li>Maintain confidentiality</li>
+                </ul>
+            </div>
+        </div>
+
+        <div class="terms-main">
+            <div class="terms-card" id="acceptance">
+                <div class="card-header">
+                    <div class="card-icon">
+                        <i class="fas fa-handshake"></i>
+                    </div>
+                    <h3>Acceptance of Terms</h3>
+                    <span class="effective-date">Effective: January 1, 2025</span>
+                </div>
+                <div class="card-content">
+                    <p class="lead-text">
+                        By accessing, using, or subscribing to Open Pulse Security's cybersecurity services, you acknowledge that you have read, understood, and agree to be bound by these Terms of Service.
+                    </p>
+
+                    <div class="acceptance-conditions">
+                        <h4>These terms apply when you:</h4>
+                        <ul class="condition-list">
+                            <li>Access our website or web applications</li>
+                            <li>Subscribe to any of our cybersecurity services</li>
+                            <li>Use our security monitoring or threat detection tools</li>
+                            <li>Participate in security assessments or consultations</li>
+                            <li>Receive support or professional services from our team</li>
+                        </ul>
+                    </div>
+
+                    <div class="important-note">
+                        <i class="fas fa-exclamation-triangle"></i>
+                        <p><strong>Important:</strong> If you do not agree to these terms, you must immediately discontinue use of our services and contact us to terminate your account.</p>
+                    </div>
+                </div>
+            </div>
+
+            <div class="terms-card" id="definitions">
+                <div class="card-header">
+                    <div class="card-icon">
+                        <i class="fas fa-book"></i>
+                    </div>
+                    <h3>Definitions</h3>
+                </div>
+                <div class="card-content">
+                    <p class="lead-text">
+                        For clarity and consistency, the following terms have specific meanings throughout this agreement.
+                    </p>
+
+                    <div class="definitions-grid">
+                        <div class="definition-item">
+                            <h5>"Services"</h5>
+                            <p>All cybersecurity solutions, monitoring, assessments, consulting, and support provided by Open Pulse Security.</p>
+                        </div>
+                        <div class="definition-item">
+                            <h5>"Client" or "You"</h5>
+                            <p>The individual or organization that subscribes to or uses our services.</p>
+                        </div>
+                        <div class="definition-item">
+                            <h5>"Data"</h5>
+                            <p>Any information, files, logs, or content processed through our security services.</p>
+                        </div>
+                        <div class="definition-item">
+                            <h5>"Platform"</h5>
+                            <p>Our web-based security management and monitoring systems.</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="terms-card" id="services">
+                <div class="card-header">
+                    <div class="card-icon">
+                        <i class="fas fa-shield-alt"></i>
+                    </div>
+                    <h3>Service Description</h3>
+                </div>
+                <div class="card-content">
+                    <p class="lead-text">
+                        Open Pulse Security provides comprehensive cybersecurity services designed to protect your business from digital threats.
+                    </p>
+
+                    <div class="service-categories">
+                        <div class="service-category">
+                            <h4><i class="fas fa-eye"></i> Security Monitoring</h4>
+                            <ul>
+                                <li>24/7 threat detection and monitoring</li>
+                                <li>Real-time security alerts and notifications</li>
+                                <li>Incident response and remediation guidance</li>
+                            </ul>
+                        </div>
+                        <div class="service-category">
+                            <h4><i class="fas fa-search"></i> Security Assessments</h4>
+                            <ul>
+                                <li>Vulnerability assessments and penetration testing</li>
+                                <li>Security audits and compliance reviews</li>
+                                <li>Risk analysis and mitigation recommendations</li>
+                            </ul>
+                        </div>
+                        <div class="service-category">
+                            <h4><i class="fas fa-cogs"></i> Managed Services</h4>
+                            <ul>
+                                <li>Security tool configuration and management</li>
+                                <li>Policy development and implementation</li>
+                                <li>Staff training and security awareness programs</li>
+                            </ul>
+                        </div>
+                    </div>
+
+                    <div class="service-availability">
+                        <h4>Service Availability</h4>
+                        <p>We strive to maintain 99.9% uptime for our monitoring services. Scheduled maintenance will be communicated in advance when possible.</p>
+                    </div>
+                </div>
+            </div>
+
+            <div class="terms-card" id="usage">
+                <div class="card-header">
+                    <div class="card-icon">
+                        <i class="fas fa-check-circle"></i>
+                    </div>
+                    <h3>Acceptable Use Policy</h3>
+                </div>
+                <div class="card-content">
+                    <p class="lead-text">
+                        Our services are designed for legitimate business security purposes. You agree to use them responsibly and in compliance with all applicable laws.
+                    </p>
+
+                    <div class="usage-sections">
+                        <div class="usage-allowed">
+                            <h4><i class="fas fa-thumbs-up"></i> Permitted Uses</h4>
+                            <ul>
+                                <li>Protecting your organization's digital assets</li>
+                                <li>Monitoring your own networks and systems</li>
+                                <li>Conducting authorized security assessments</li>
+                                <li>Compliance with industry security standards</li>
+                                <li>Training and educational purposes within your organization</li>
+                            </ul>
+                        </div>
+
+                        <div class="usage-prohibited">
+                            <h4><i class="fas fa-ban"></i> Prohibited Uses</h4>
+                            <ul>
+                                <li>Unauthorized access to third-party systems</li>
+                                <li>Malicious hacking or cyber attacks</li>
+                                <li>Violation of privacy laws or regulations</li>
+                                <li>Reselling or redistributing our services without permission</li>
+                                <li>Reverse engineering our proprietary tools</li>
+                                <li>Using services to harm, harass, or threaten others</li>
+                            </ul>
+                        </div>
+                    </div>
+
+                    <div class="violation-consequences">
+                        <h4>Violation Consequences</h4>
+                        <p>Violation of this policy may result in immediate service suspension, account termination, and potential legal action.</p>
+                    </div>
+                </div>
+            </div>
+
+            <div class="terms-card" id="accounts">
+                <div class="card-header">
+                    <div class="card-icon">
+                        <i class="fas fa-user-cog"></i>
+                    </div>
+                    <h3>User Accounts & Responsibilities</h3>
+                </div>
+                <div class="card-content">
+                    <p class="lead-text">
+                        You are responsible for maintaining the security and proper use of your account credentials.
+                    </p>
+
+                    <div class="account-responsibilities">
+                        <div class="responsibility-item">
+                            <i class="fas fa-key"></i>
+                            <div>
+                                <h5>Account Security</h5>
+                                <p>Maintain strong, unique passwords and enable multi-factor authentication when available.</p>
+                            </div>
+                        </div>
+                        <div class="responsibility-item">
+                            <i class="fas fa-users"></i>
+                            <div>
+                                <h5>User Management</h5>
+                                <p>Properly manage user access, promptly remove departing employees, and monitor account activity.</p>
+                            </div>
+                        </div>
+                        <div class="responsibility-item">
+                            <i class="fas fa-bell"></i>
+                            <div>
+                                <h5>Notifications</h5>
+                                <p>Immediately report any suspected unauthorized access or security breaches to our support team.</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="terms-card" id="payment">
+                <div class="card-header">
+                    <div class="card-icon">
+                        <i class="fas fa-credit-card"></i>
+                    </div>
+                    <h3>Payment Terms</h3>
+                </div>
+                <div class="card-content">
+                    <p class="lead-text">
+                        Clear payment terms ensure uninterrupted service delivery and mutual understanding of financial obligations.
+                    </p>
+
+                    <div class="payment-details">
+                        <div class="payment-section">
+                            <h4>Billing & Payment</h4>
+                            <ul>
+                                <li>Services are billed monthly or annually as specified in your service agreement</li>
+                                <li>Payment is due within 30 days of invoice date</li>
+                                <li>Late payments may incur a 1.5% monthly service charge</li>
+                                <li>All fees are non-refundable unless otherwise specified</li>
+                            </ul>
+                        </div>
+
+                        <div class="payment-section">
+                            <h4>Service Suspension</h4>
+                            <ul>
+                                <li>Services may be suspended for accounts 60+ days overdue</li>
+                                <li>We will provide 15 days written notice before suspension</li>
+                                <li>Suspended services can be restored upon payment of all outstanding amounts</li>
+                                <li>Data retention during suspension is limited to 90 days</li>
+                            </ul>
+                        </div>
+                    </div>
+
+                    <div class="pricing-changes">
+                        <h4>Price Changes</h4>
+                        <p>We reserve the right to modify pricing with 60 days written notice. Existing contracts will honor original pricing through their term.</p>
+                    </div>
+                </div>
+            </div>
+
+            <div class="terms-card" id="intellectual-property">
+                <div class="card-header">
+                    <div class="card-icon">
+                        <i class="fas fa-copyright"></i>
+                    </div>
+                    <h3>Intellectual Property Rights</h3>
+                </div>
+                <div class="card-content">
+                    <p class="lead-text">
+                        Respect for intellectual property rights is fundamental to our business relationship and the cybersecurity industry.
+                    </p>
+
+                    <div class="ip-sections">
+                        <div class="ip-section">
+                            <h4>Our Intellectual Property</h4>
+                            <p>All proprietary tools, methodologies, reports, and documentation remain the exclusive property of Open Pulse Security. This includes:</p>
+                            <ul>
+                                <li>Security monitoring and analysis tools</li>
+                                <li>Threat intelligence databases and algorithms</li>
+                                <li>Assessment methodologies and frameworks</li>
+                                <li>Custom reports and security recommendations</li>
+                            </ul>
+                        </div>
+
+                        <div class="ip-section">
+                            <h4>Your Data & Content</h4>
+                            <p>You retain ownership of all data and content you provide. We only use your data to deliver services and will not:</p>
+                            <ul>
+                                <li>Share your data with competitors or third parties</li>
+                                <li>Use your data for our own commercial purposes</li>
+                                <li>Retain your data longer than necessary for service delivery</li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="terms-card" id="confidentiality">
+                <div class="card-header">
+                    <div class="card-icon">
+                        <i class="fas fa-user-secret"></i>
+                    </div>
+                    <h3>Confidentiality & Data Protection</h3>
+                </div>
+                <div class="card-content">
+                    <p class="lead-text">
+                        Protecting your confidential information is paramount to our cybersecurity mission and business integrity.
+                    </p>
+
+                    <div class="confidentiality-commitments">
+                        <div class="commitment-item">
+                            <i class="fas fa-lock"></i>
+                            <div>
+                                <h5>Information Security</h5>
+                                <p>We implement industry-standard security measures to protect your confidential information from unauthorized access, disclosure, or misuse.</p>
+                            </div>
+                        </div>
+                        <div class="commitment-item">
+                            <i class="fas fa-eye-slash"></i>
+                            <div>
+                                <h5>Non-Disclosure</h5>
+                                <p>Our team members are bound by strict confidentiality agreements and will not disclose your sensitive information to unauthorized parties.</p>
+                            </div>
+                        </div>
+                        <div class="commitment-item">
+                            <i class="fas fa-shield-alt"></i>
+                            <div>
+                                <h5>Data Handling</h5>
+                                <p>We follow established data handling procedures, including secure transmission, storage, and disposal of confidential information.</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="terms-card" id="liability">
+                <div class="card-header">
+                    <div class="card-icon">
+                        <i class="fas fa-balance-scale"></i>
+                    </div>
+                    <h3>Limitation of Liability</h3>
+                </div>
+                <div class="card-content">
+                    <p class="lead-text">
+                        While we strive to provide excellent cybersecurity services, certain limitations on liability are necessary for business operations.
+                    </p>
+
+                    <div class="liability-sections">
+                        <div class="liability-limits">
+                            <h4>Liability Limitations</h4>
+                            <p>Open Pulse Security's total liability for any claims arising from our services shall not exceed the total amount paid by you for services in the 12 months preceding the claim.</p>
+                        </div>
+
+                        <div class="excluded-damages">
+                            <h4>Excluded Damages</h4>
+                            <p>We are not liable for indirect, incidental, consequential, or punitive damages, including but not limited to:</p>
+                            <ul>
+                                <li>Loss of profits or business opportunities</li>
+                                <li>Data loss or corruption (beyond our direct control)</li>
+                                <li>Business interruption or downtime</li>
+                                <li>Third-party claims or damages</li>
+                            </ul>
+                        </div>
+
+                        <div class="service-limitations">
+                            <h4>Service Limitations</h4>
+                            <p>Our services are provided "as is" and we make no warranties regarding:</p>
+                            <ul>
+                                <li>Complete prevention of all security threats</li>
+                                <li>100% detection of all vulnerabilities</li>
+                                <li>Uninterrupted service availability</li>
+                                <li>Compatibility with all systems and software</li>
+                            </ul>
+                        </div>
+                    </div>
+
+                    <div class="mutual-responsibility">
+                        <h4>Mutual Responsibility</h4>
+                        <p>Effective cybersecurity requires collaboration. You are responsible for implementing our recommendations, maintaining system updates, and following security best practices.</p>
+                    </div>
+                </div>
+            </div>
+
+            <div class="terms-card" id="termination">
+                <div class="card-header">
+                    <div class="card-icon">
+                        <i class="fas fa-times-circle"></i>
+                    </div>
+                    <h3>Termination</h3>
+                </div>
+                <div class="card-content">
+                    <p class="lead-text">
+                        Either party may terminate the service relationship under specific conditions and procedures.
+                    </p>
+
+                    <div class="termination-types">
+                        <div class="termination-type">
+                            <h4>Termination by Client</h4>
+                            <ul>
+                                <li>30 days written notice required for monthly services</li>
+                                <li>Annual contracts may be terminated at renewal with 60 days notice</li>
+                                <li>No refunds for prepaid services unless specified in contract</li>
+                            </ul>
+                        </div>
+
+                        <div class="termination-type">
+                            <h4>Termination by Open Pulse Security</h4>
+                            <ul>
+                                <li>Immediate termination for material breach of terms</li>
+                                <li>30 days notice for non-payment after grace period</li>
+                                <li>Reasonable notice for business reasons or service discontinuation</li>
+                            </ul>
+                        </div>
+                    </div>
+
+                    <div class="post-termination">
+                        <h4>Post-Termination</h4>
+                        <p>Upon termination, we will:</p>
+                        <ul>
+                            <li>Cease providing services immediately or as specified</li>
+                            <li>Provide final reports and documentation</li>
+                            <li>Securely delete or return your data as requested</li>
+                            <li>Honor confidentiality obligations indefinitely</li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+
+            <div class="terms-card" id="governing-law">
+                <div class="card-header">
+                    <div class="card-icon">
+                        <i class="fas fa-gavel"></i>
+                    </div>
+                    <h3>Governing Law & Dispute Resolution</h3>
+                </div>
+                <div class="card-content">
+                    <p class="lead-text">
+                        These terms are governed by applicable laws and provide clear procedures for resolving any disputes.
+                    </p>
+
+                    <div class="legal-framework">
+                        <div class="legal-item">
+                            <h4>Governing Law</h4>
+                            <p>These terms are governed by the laws of [Your State/Country], without regard to conflict of law principles.</p>
+                        </div>
+
+                        <div class="legal-item">
+                            <h4>Dispute Resolution</h4>
+                            <p>We encourage resolving disputes through direct communication. If formal resolution is needed:</p>
+                            <ul>
+                                <li>Initial disputes will be addressed through good faith negotiation</li>
+                                <li>Unresolved disputes may be submitted to binding arbitration</li>
+                                <li>Court jurisdiction is limited to [Your Jurisdiction]</li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="terms-card" id="changes">
+                <div class="card-header">
+                    <div class="card-icon">
+                        <i class="fas fa-edit"></i>
+                    </div>
+                    <h3>Changes to Terms</h3>
+                </div>
+                <div class="card-content">
+                    <p class="lead-text">
+                        We may update these terms periodically to reflect changes in our services, legal requirements, or business practices.
+                    </p>
+
+                    <div class="changes-process">
+                        <div class="change-step">
+                            <div class="step-number">1</div>
+                            <div class="step-content">
+                                <h5>Notification</h5>
+                                <p>We'll notify you of significant changes via email and website posting at least 30 days in advance.</p>
+                            </div>
+                        </div>
+                        <div class="change-step">
+                            <div class="step-number">2</div>
+                            <div class="step-content">
+                                <h5>Review Period</h5>
+                                <p>You'll have time to review changes and decide whether to continue using our services.</p>
+                            </div>
+                        </div>
+                        <div class="change-step">
+                            <div class="step-number">3</div>
+                            <div class="step-content">
+                                <h5>Acceptance</h5>
+                                <p>Continued use of services after the effective date constitutes acceptance of updated terms.</p>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="version-info">
+                        <h4>Current Version</h4>
+                        <p><strong>Version:</strong> 2.1 | <strong>Last Updated:</strong> January 1, 2025 | <strong>Effective Date:</strong> January 1, 2025</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Terms CTA -->
+<section class="terms-cta">
+    <div class="container">
+        <h2>Questions About Our Terms?</h2>
+        <p>
+            We believe in transparency and clear communication. If you have any questions about these terms
+            or need clarification on any aspect of our service agreement, please don't hesitate to contact us.
+        </p>
+        <div class="cta-actions">
+            <a href="mailto:legal@openpulsesecurity.com" class="btn btn-primary">
+                <i class="fas fa-envelope"></i>
+                Contact Legal Team
+            </a>
+            <a href="/contact" class="btn btn-secondary">
+                <i class="fas fa-comments"></i>
+                General Contact
+            </a>
+        </div>
+    </div>
+</section>
+{% endblock %}
\ No newline at end of file
diff --git a/requirements.txt b/requirements.txt
new file mode 100644
index 0000000..cce7267
--- /dev/null
+++ b/requirements.txt
@@ -0,0 +1,3 @@
+Flask
+flask-mail
+python-dotenv
\ No newline at end of file
diff --git a/run.py b/run.py
new file mode 100644
index 0000000..523d51a
--- /dev/null
+++ b/run.py
@@ -0,0 +1,6 @@
+from app import create_app
+
+app = create_app()
+
+if __name__ == '__main__':
+    app.run(debug=True)
\ No newline at end of file