:root{--bg:#12161d;--card:#1b212b;--ink:#e8ecf2;--dim:#a3adbb;--line:#2a3240;--accent:#d9a441}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif}
.wrap{max-width:760px;margin:0 auto;padding:0 18px}
header{border-bottom:1px solid var(--line);padding:22px 0}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.mark{font-size:1.25rem;font-weight:700;letter-spacing:.2px}
nav a{color:var(--dim);text-decoration:none;margin-left:16px;font-size:.92rem}
nav a:hover{color:var(--ink)}
h1{font-size:1.7rem;line-height:1.3;margin:28px 0 10px}
h2{font-size:1.15rem;margin:26px 0 8px;color:#f2f5f9}
p{margin:0 0 12px;color:#dbe2ea}
ul{margin:0 0 12px;padding-left:20px;color:#dbe2ea}
li{margin:4px 0}
.lede{color:var(--dim);font-size:1.02rem}
.box{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin:16px 0}
.note{border-left:3px solid #6b7480;background:#171c24;padding:12px 14px;margin:22px 0;font-size:.9rem;color:var(--dim)}
footer{border-top:1px solid var(--line);margin-top:34px;padding:18px 0 40px;color:var(--dim);font-size:.87rem}
footer a{color:var(--dim);margin-right:14px}

/* registration CTAs */
.cta-btn{display:inline-block;background:linear-gradient(180deg,#e0b23f,#c9922a);color:#12161d;
  font-weight:800;font-size:1rem;letter-spacing:.2px;padding:14px 30px;border-radius:8px;
  border:0;cursor:pointer;text-align:center;line-height:1.2;font-family:inherit;
  box-shadow:0 4px 14px rgba(0,0,0,.35);transition:transform .15s ease}
.cta-btn:hover{transform:translateY(-1px)}
.cta-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}
.cta-wrap{margin:26px 0;text-align:center}
.cta-note{display:block;margin-top:8px;font-size:.78rem;color:var(--dim)}
.cta-bar{position:fixed;left:0;right:0;bottom:0;z-index:50;background:rgba(18,22,29,.97);
  border-top:1px solid var(--line);padding:10px 14px;display:none;
  box-shadow:0 -4px 16px rgba(0,0,0,.45)}
.cta-bar .cta-wrap{margin:0}
.cta-bar .cta-btn{width:100%;padding:14px 0}
header .cta-btn{padding:10px 18px;font-size:.85rem;box-shadow:none}
@media (max-width:760px){
  .cta-bar{display:block}
  body{padding-bottom:80px}
  header .cta-btn{padding:8px 14px;font-size:.8rem}
}

.figure{margin:26px 0;text-align:center}
.figure img{max-width:100%;height:auto;border-radius:10px;border:1px solid var(--line);display:block;margin:0 auto}
.figure figcaption{margin-top:9px;font-size:.82rem;color:var(--dim)}