*{box-sizing:border-box}
html{font-size:15px}
body{
  margin:0;
  min-width:320px;
  background:radial-gradient(circle at 15% 0%,rgba(100,202,255,.12),transparent 32%),linear-gradient(135deg,#070b11,#101926 48%,#080d13);
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans KR",Arial,sans-serif;
  line-height:1.55;
}
a{color:inherit}
.topbar{
  min-height:var(--topbar-height);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:0 28px;
  background:rgba(8,13,19,.96);
  border-bottom:1px solid var(--line);
  position:sticky;
  top:0;
  z-index:20;
  backdrop-filter:blur(14px);
}
.logo{
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
  font-size:25px;
  font-weight:950;
  color:var(--yellow);
  text-decoration:none;
  letter-spacing:-.4px;
}
.logo span{color:var(--blue);margin-left:1px}
.topnav{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.hello{color:var(--muted);padding:0 8px;white-space:nowrap}
.flash{margin:14px auto 0;max-width:1100px;background:#102a3a;border:1px solid rgba(100,202,255,.65);padding:13px 17px;border-radius:15px;box-shadow:0 10px 30px var(--shadow)}
.layout{display:grid;grid-template-columns:fit-content(520px) minmax(0,1fr);min-height:calc(100vh - 124px);align-items:start}
.layout.no-sidebar{grid-template-columns:minmax(0,1fr)}
.layout.no-sidebar .content{max-width:980px}
.content{padding:30px;max-width:1200px;width:100%;margin:0 auto}
.footer{text-align:center;padding:22px;color:var(--yellow);border-top:1px solid var(--line);background:#090e16}