/* Identity: brand/IDENTITY.md */
@import url("fonts.css");
:root{--bg:#0B1F13;--panel:#0F2A18;--line:rgba(243,239,230,.13);--ink:#F3EFE6;--dim:#9FB0A4;--warn:#D4AF37;
  --mono:Oswald,'Arial Narrow',sans-serif;
  --sans:Inter,-apple-system,'Helvetica Neue',Helvetica,Arial,sans-serif;
  --din:'Bebas Neue',Oswald,'Arial Narrow',sans-serif}
*{box-sizing:border-box}
/* the same ground the app stands on */
html{background:var(--bg)}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:var(--bg) url(/ground.jpg) top center/100% 100% no-repeat}
body{margin:0;background:transparent;color:var(--ink);font-family:var(--sans);line-height:1.65}
.wrap{max-width:720px;margin:0 auto;padding:56px 22px 90px}
.brand{font-family:var(--mono);font-weight:700;letter-spacing:.16em;font-size:14px}
.brand span{color:var(--warn)}
h1{font-family:var(--din);font-size:44px;font-weight:700;letter-spacing:-.01em;margin:24px 0 6px}
.upd{font-family:var(--mono);font-size:12px;color:var(--dimmer);letter-spacing:.1em;margin-bottom:34px}
h2{font-family:var(--mono);font-size:13px;letter-spacing:.16em;color:var(--warn);margin:34px 0 10px}
p,li{color:var(--dim);font-size:15px}
ul{padding-left:20px}
a{color:var(--warn)}
.box{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:16px 18px;margin:18px 0}
.box p:first-child{margin-top:0}.box p:last-child{margin-bottom:0}
.foot{margin-top:52px;padding-top:20px;border-top:1px solid var(--line);
  font-family:var(--mono);font-size:11px;color:#5C646E;line-height:1.8}

/* In the app these pages are a dead end -- there is no browser chrome to go back
   with -- so they carry their own way out. */
.back{display:inline-block;margin-bottom:22px;font-family:var(--mono);font-size:12px;
      letter-spacing:.14em;color:var(--dim);text-decoration:none;border:1px solid rgba(255,255,255,.12);
      border-radius:7px;padding:8px 13px}
.back:active{color:var(--ink)}

/* Support form */
#sf{display:flex;flex-direction:column;gap:10px}
#sf input,#sf textarea{background:#0A0C10;border:1px solid rgba(255,255,255,.12);border-radius:8px;
  padding:12px 14px;color:var(--ink);font:400 15px/1.45 inherit;width:100%;resize:vertical}
#sf input:focus,#sf textarea:focus{outline:2px solid #FFC24A;outline-offset:1px;border-color:transparent}
#sf button{background:#FFC24A;color:#0A0C10;border:0;border-radius:8px;padding:13px 22px;
  font:700 17px/1.2 'Saira Condensed','DIN Condensed',Oswald,sans-serif;letter-spacing:.10em;
  text-transform:uppercase;cursor:pointer;align-self:flex-start}
#sf button:disabled{opacity:.5;cursor:default}
#sfmsgout:empty{display:none}
#sfmsgout{margin-top:10px;font-size:14px}
#sfmsgout.ok{color:#FFC24A}
#sfmsgout.err{color:var(--dim)}