:root{color-scheme:dark;
  --creator-bg:#101214;
  --creator-surface:#191d20;
  --creator-accent:#c6f379;
  --creator-text:#f2f4f7;
  --creator-muted:#aab2be}

*{box-sizing:border-box}
body{margin:0;
  background:var(--creator-bg);
  color:var(--creator-text);
  font:1rem/1.75 -apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC',sans-serif}
a{color:inherit;
  text-decoration:none}
header{border-bottom:1px solid #424d55}
.creator-bar{max-width:1200px;
  margin:auto;
  padding:20px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap}
.creator-brand{font-size:1.625rem;
  font-weight:700;
  letter-spacing:-.04em}
.creator-brand span{font-size:.875rem;
  color:var(--creator-accent);
  letter-spacing:0}
.creator-back{min-height:44px;
  display:inline-flex;
  align-items:center;
  font-size:.875rem;
  color:var(--creator-muted)}
main{max-width:1200px;
  margin:auto;
  padding:0 24px 56px}
.creator-intro{max-width:760px;
  margin:auto;
  padding:64px 0 36px;
  text-align:center}
.creator-intro h1{font-size:clamp(2rem,4vw,3rem);
  line-height:1.3;
  margin:0 0 20px}
.creator-intro p{color:var(--creator-muted);
  margin:0}
.creator-grid{display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px}
.creator-card{background:var(--creator-surface);
  border:1px solid #424d55;
  border-radius:16px;
  padding:28px;
  display:flex;
  flex-direction:column;
  align-items:flex-start}
.creator-card h2{font-size:1.625rem;
  line-height:1.4;
  margin:0 0 16px}
.creator-card>p{color:var(--creator-muted);
  margin:0 0 20px}
.creator-card .creator-status{margin-top:auto;
  margin-bottom:0;
  padding:8px 14px;
  border-radius:8px;
  background:#253020;
  color:var(--creator-accent);
  font-size:.875rem}
.creator-card .creator-note{font-size:.875rem;
  margin:16px 0 0}
.creator-footer{max-width:1200px;
  margin:auto;
  padding:20px 24px;
  border-top:1px solid #424d55;
  display:flex;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
  font-size:.875rem;
  color:var(--creator-muted)}
.creator-footer a{display:inline-flex;
  align-items:center;
  min-height:44px}
:focus-visible{outline:2px solid var(--creator-accent);
  outline-offset:4px}
@media(max-width:640px){.creator-bar{padding:14px 20px}
.creator-intro{padding:36px 0 28px}
.creator-grid{grid-template-columns:1fr;
  gap:20px}
main{padding:0 20px 36px}
.creator-card{padding:24px}
.creator-card h2{font-size:1.5rem}
.creator-footer{padding:20px}
}