---
import Base from '../layouts/Base.astro';
---
<Base title="CTAO Science Portal — Sign in" description="Sign in via CTAO AAI (mock)">
  <section class="auth-band">
    <div class="band-bg" aria-hidden="true"></div>
    <div class="auth-card">
      <img class="auth-logo" src="/brand/CTAO_Logo_positive.svg" alt="CTAO" />
      <span class="badge-mock">Mock — AAI integration pending</span>
      <h1>Sign in</h1>
      {/* Auth pages are scanned, not read — one line, no reassurance prose */}
      <p class="muted">Use your CTAO account — single sign-on via CTAO AAI.</p>
      <button class="btn btn-wide" type="button">Continue with your CTAO account</button>
      <p class="notice">No account? <a>Register via CTAO AAI</a></p>
    </div>
  </section>
</Base>