@font-face{font-family:"Fraunces";src:url("fonts/fraunces.woff2") format("woff2");font-weight:300 600;font-display:swap}
@font-face{font-family:"Jost";src:url("fonts/jost-600.woff2") format("woff2");font-weight:600;font-display:swap}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;padding:1rem;font-family:"Fraunces",Georgia,serif;color:#2A2431;
  background:#FBF6EE}
.box{width:100%;max-width:22rem;background:#FFFDF9;border:1px solid #E9DED0;border-radius:1.25rem;padding:1.6rem;display:grid;gap:.8rem}
.gem{width:2rem;height:2rem;border-radius:.65rem;background:#F8D3B0;box-shadow:inset -.55rem -.55rem 0 #F5DCD6,inset .55rem .55rem 0 #D5E4F1}
h1{font-weight:400;font-size:1.35rem;margin:0}h1 b{color:#2D5578;font-weight:400;font-style:italic}
.sub{margin:-.5rem 0 .3rem;color:#8A8293;font-size:.85rem}
label{display:grid;gap:.3rem;font:600 .68rem "Jost",system-ui;letter-spacing:.12em;text-transform:uppercase;color:#8A8293}
input{font:16px "Tenor",system-ui;color:#2A2431;border:1px solid #E9DED0;border-radius:.6rem;padding:.6rem .7rem;background:#fff;letter-spacing:0;text-transform:none}
input:focus{outline:none;border-color:#2D5578;box-shadow:0 0 0 3px #D5E4F1}
button{font:600 .74rem "Jost",system-ui;letter-spacing:.1em;text-transform:uppercase;border:0;border-radius:999px;padding:.75rem;background:#2A2431;color:#FBF6EE;cursor:pointer;margin-top:.3rem}
.err{margin:0;color:#A83250;font-size:.85rem}
[hidden]{display:none!important}
#welcome a,.box a{color:#2D5578}