/*
Theme Name: Acts of Life System Landing
Theme URI: https://actsoflifetanzania.org/
Author: Acts of Life Tanzania
Description: Minimal landing page theme for the Acts of Life Neuro Clinic system.
Version: 1.0.0
Text Domain: aol-system-landing
*/

:root {
  --aol-navy: #102b49;
  --aol-blue: #13a8df;
  --aol-green: #00b56a;
  --aol-text: #1d2733;
  --aol-muted: #6d7b8c;
  --aol-bg: #f4f7fb;
  --aol-white: #ffffff;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; min-height: 100%; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background: var(--aol-bg);
  color: var(--aol-text);
}

a { color: inherit; }

.aol-landing {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 20px;
  background:
    radial-gradient(circle at 15% 10%, rgba(19,168,223,.08), transparent 28%),
    radial-gradient(circle at 85% 90%, rgba(0,181,106,.08), transparent 28%),
    var(--aol-bg);
}

.aol-card {
  width: min(720px, 100%);
  background: var(--aol-white);
  border: 1px solid #e5ebf2;
  border-radius: 18px;
  padding: 52px 44px;
  text-align: center;
  box-shadow: 0 20px 60px rgba(16,43,73,.08);
}

.aol-logo {
  display: block;
  width: min(480px, 88%);
  height: auto;
  margin: 0 auto 28px;
}

.aol-title {
  margin: 0 0 8px;
  font-size: clamp(28px, 4vw, 40px);
  line-height: 1.15;
  font-weight: 750;
  color: var(--aol-navy);
}

.aol-subtitle {
  margin: 0 auto 34px;
  max-width: 520px;
  color: var(--aol-muted);
  font-size: 17px;
  line-height: 1.6;
}

.aol-login-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 230px;
  min-height: 52px;
  padding: 14px 26px;
  border-radius: 10px;
  background: var(--aol-navy);
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
  box-shadow: 0 10px 24px rgba(16,43,73,.18);
}

.aol-login-button:hover,
.aol-login-button:focus {
  background: #173c65;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(16,43,73,.22);
}

.aol-footer-note {
  margin: 30px 0 0;
  font-size: 13px;
  color: #94a0ad;
}

@media (max-width: 600px) {
  .aol-landing { padding: 20px 14px; }
  .aol-card { padding: 38px 22px; border-radius: 14px; }
  .aol-logo { width: 94%; }
  .aol-subtitle { font-size: 15px; }
  .aol-login-button { width: 100%; }
}