:root{
  --bg:#0b0b14;
  --panel:#101420f2;
  --text:#e7e7ee;
  --muted:#9aa3b2;
  --accent:#6201cd;
  --brand:#a963f6;
  --border:#21283a;
  --card:#0b1220;
}
body.ct-light{
  --bg:#f7f8fb; --panel:#ffffffee; --text:#0f1220; --muted:#55607a;
  --border:#d7deea; --card:#ffffff;
}
body{background:var(--bg); color:var(--text); font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial}
.ct-container{max-width:1200px;margin:0 auto;padding:0 16px}
.ct-header{position:sticky;top:0;background:var(--panel);border-bottom:1px solid var(--border);backdrop-filter:blur(6px);z-index:10}
.ct-header .ct-container{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:10px 16px}
.ct-brand{display:flex;gap:8px;align-items:center;color:var(--text);text-decoration:none}
.ct-brand img{height:36px;width:auto}
.ct-nav ul{display:flex;gap:14px;list-style:none;margin:0;padding:0}
.ct-nav a{color:var(--text);text-decoration:none;padding:6px 8px;border-radius:10px;border:1px solid transparent}
.ct-nav a:hover{border-color:color-mix(in oklab, var(--accent), white 30%)}
.ct-toggle{background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:8px 10px;cursor:pointer}
.ct-main{padding:20px 0}
.ct-content{display:block}
.ct-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:12px}
.ct-title{font-size:28px;margin:8px 0 12px}
.ct-footer{border-top:1px solid var(--border);margin-top:20px;background:var(--panel)}
.ct-footer .ct-container{padding:14px 16px}
.ct-btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;padding:10px 14px;border-radius:12px}
@media (max-width: 980px){
  .ct-nav ul{gap:8px}
}