/* PrexusFx offentligt site — fælles identitet (matcher dashboardet) */
:root{
  --bg:#0b0e15; --panel:#121722; --panel2:#151b27; --line:#232c3d; --line2:#2b3646;
  --ink:#c7d0de; --dim:#8a96ab; --head:#eef2f8;
  --amber:#f6c453; --amber2:#e0992f; --red:#e2606a; --green:#4cc38a;
  --mono:'JetBrains Mono',ui-monospace,monospace;
}
*{box-sizing:border-box;margin:0}
body{background:var(--bg);color:var(--ink);font:15px/1.6 'IBM Plex Sans',system-ui,sans-serif}
.wrap{max-width:1240px;margin:0 auto;padding:0 22px}
.topbar{display:flex;align-items:center;gap:26px;padding:18px 0;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:13px;text-decoration:none}
.brand .mark{width:42px;height:auto}
.brand h1{font:800 20px 'Sora',sans-serif;color:var(--head);letter-spacing:.4px}
.brand h1 .fx{color:var(--amber)}
.brand .sub{font:600 9px var(--mono);letter-spacing:.28em;color:var(--dim)}
.nav{display:flex;gap:4px;flex:1;flex-wrap:wrap}
.nav a{color:var(--dim);text-decoration:none;font:600 13.5px 'Sora',sans-serif;
  padding:8px 14px;border-radius:8px}
.nav a:hover{color:var(--head);background:var(--panel)}
.nav a.active{color:var(--amber);background:var(--panel)}
.login-btn{font:600 13.5px 'Sora',sans-serif;color:#0b0e15;
  background:linear-gradient(135deg,var(--amber),var(--amber2));
  padding:9px 20px;border-radius:9px;text-decoration:none;white-space:nowrap;
  box-shadow:0 6px 18px -6px rgba(246,196,83,.45)}
.login-btn:hover{filter:brightness(1.07)}
.stamp{font:12px var(--mono);color:var(--dim)}
footer{border-top:1px solid var(--line);margin-top:40px;padding:18px 0 34px;color:var(--dim);
  font-size:12.5px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}