:root{
  --bg:#fbfbf9; --ink:#15213a; --soft:#5a6578; --line:#e3e6ea;
  --navy:#15213a; --navy-soft:#aab6d6;
  --sky:#eaf2fb; --mint:#e8f5ee; --sand:#fbf1e2; --lilac:#efeafa;
  --accent:#f0a830; --accent-deep:#d8921f; --accent-ink:#2a1d00;
  --blue:#2563c9; --green:#1a8f5a; --green-ink:#13643f;
  --note:#fff5d6; --note-ink:#6b4e00;
  --bad:#b3361f; --bad-soft:#fbeae6; --field:#c9d2de;
  --display:"Figtree","Segoe UI",system-ui,sans-serif;
}

*{box-sizing:border-box}
[hidden]{display:none !important}

html{width:100%;height:100%}
body{width:100%;height:100%;margin:0;background:var(--bg);color:var(--ink);font-family:var(--display);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}

.top {background:var(--navy);color:#fff;height:50%;text-align:center;vertical-align:bottom;}
.top .logo {max-height:60px; max-width:300px; margin:auto; position:relative; bottom:calc(-100% + 65px);}

.bottom{background:#fff;color:var(--navy);height:50%;text-align:center;}
.bottom p {font-weight:600; margin:auto; margin-top:10px; margin-bottom:10px;}