<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MaERA Distribution | Login</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<div class="container nav-container">
<a href="index.html" class="logo"><span class="logo-text">MAERA</span></a>
<ul class="nav-links"><li><a href="index.html">Home</a></li><li><a href="films.html">Films</a></li><li><a href="talent.html">Talent</a></li><li><a href="about.html">About</a></li><li><a href="services.html">Services</a></li><li><a href="investors.html">Investors</a></li><li><a href="news.html">News</a></li><li><a href="contact.html">Contact</a></li><li><a href="submit.html">Submit</a></li><li><a href="login.html" class="btn-outline">Login</a></li></ul>
</div>
</header>
<main>
<div class="container">
<div class="section-subtitle">FILMERA Platform</div>
<h2 class="section-title">Investor Sign In</h2>
<p style="margin-bottom: 1rem;">Access your portfolio, track distributions, and manage your FILMERA investments.</p>
<div class="card" style="max-width: 400px;">
<p>Demo access: investor@maera.com / filmera2024</p>
<p style="margin-top: 1rem; font-size: 0.875rem; color: #9a9aa3;">Secured by session-based authentication. All investment data is read-only.</p>
</div>
</div>
</main>
<footer class="footer"><div class="container"><p>© 2025 MaERA Distribution. All rights reserved.</p></div></footer>
</body>
</html>
