*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Source Sans 3","Source Sans Pro",sans-serif;color:#fff;background:#0b1220}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;color:#000;padding:.5rem;z-index:9}
.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:url(assets/hero.jpg) center/cover no-repeat;text-align:center;padding:4rem 1.5rem}
.overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,14,28,.55),rgba(8,14,28,.82))}
.inner{position:relative;max-width:440px;width:100%}
.eyebrow{text-transform:uppercase;letter-spacing:.3em;font-size:.75rem;color:#a1a2a4;margin-bottom:1.25rem}
h1{font-family:Prata,serif;font-weight:400;font-size:clamp(2.6rem,6vw,4.2rem);letter-spacing:.02em}
.rule{width:60px;height:1px;background:#c9a96e;margin:1.25rem auto}
.tagline{letter-spacing:.35em;text-transform:uppercase;font-weight:300;margin-bottom:2.5rem}
.login{background:rgba(255,255,255,.06);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);padding:2rem;text-align:left}
.login h2{font-family:Prata,serif;font-weight:400;font-size:1.2rem;margin-bottom:1.25rem;text-align:center}
.login label{display:block;font-size:.85rem;color:#d6d7d9;margin-bottom:1rem}
.login input{display:block;width:100%;margin-top:.4rem;padding:.7rem .8rem;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.25);color:#fff;font:inherit}
.login input:focus{outline:none;border-color:#c9a96e}
.login button{width:100%;margin-top:.5rem;padding:.8rem;background:#c9a96e;color:#0b1220;border:0;letter-spacing:.25em;font-weight:600;cursor:pointer}
.login button:hover{background:#dcc08a}
footer{position:absolute;bottom:1rem;left:0;right:0;font-size:.7rem;color:#a1a2a4}
footer a{color:inherit}