cai-exos-systems/daveadmin-exos-new:login.php
login.php
```text
<?php
/**
* Exos Systems - Login Portal (Placeholder)
*/
require_once __DIR__ . '/config/config.php';
$currentPage = 'login';
$pageTitle = 'Login | Exos Systems Portal';
$pageDescription = 'Secure login for Exos Systems clients and employees.';
require_once EXOS_INCLUDES_PATH . '/header.php';
?>
<div class="login-wrapper">
<div class="login-card" data-animate="fade-up">
<svg class="login-card__logo" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="2" y="2" width="36" height="36" rx="8" stroke="currentColor" stroke-width="2"/>
<path d="M10 12h20M10 20h14M10 28h20" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"/>
<circle cx="28" cy="20" r="3" fill="var(--cyan)"/>
</svg>
<h1 class="login-card__title">Client & Employee Portal</h1>
<p class="login-card__subtitle">Secure access for clients and project teams.</p>
<form id="loginForm" style="text-align:left;" novalidate>
<div class="form-group">
<label for="login_email">Email Address</label>
<input type="email" id="login_email" name="email" class="form-input" placeholder="your@email.com" autocomplete="email">
</div>
<div class="form-group">
<label for="login_password">Password</label>
<input type="password" id="login_password" name="password" class="form-input" placeholder="••••••••" autocomplete="current-password">
<div style="text-align:right; margin-top:0.35rem;">
<a href="mailto:info@exos-systems.com?subject=Password%20Reset%20Request" style="font-size:0.8rem; color:var(--text-muted); text-decoration:none;">Forgot your password?</a>
</div>
</div>
<button type="submit" id="loginBtn" class="btn btn--primary btn--lg" style="width:100%;justify-content:center;">
Sign In
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="16" height="16"><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"/><polyline points="10 17 15 12 10 7"/><line x1="15" y1="12" x2="3" y2="12"/></svg>
</button>
<div id="loginNotice" class="login-card__notice" style="display:none; margin-top:1rem;"></div>
</form>
<p style="text-align:center; margin-top:1.25rem; font-size:0.82rem; color:var(--text-muted);">
Need access? <a href="mailto:info@exos-systems.com" style="color:var(--cyan);">Contact us</a>
</p>
<script>
document.getElementById('loginForm').addEventListener('submit', function(e) {
e.preventDefault();
var notice = document.getElementById('loginNotice');
notice.innerHTML = 'Please contact <a href="mailto:info@exos-systems.com" style="color:var(--cyan);">info@exos-systems.com</a> to obtain your login credentials.';
notice.style.display = 'block';
});
</script>
</div>
</div>
<?php require_once EXOS_INCLUDES_PATH . '/footer.php'; ?>
```