/* language: css, file: site/style.css */
body { 
  margin: 0; min-height: 100vh; display: grid; place-items: center; 
  background: #0f1115; color: #e6edf3; 
  font-family: system-ui, -apple-system, sans-serif; 
}
.card { 
  background: #161b22; padding: 40px; border-radius: 12px; 
  border: 1px solid #30363d; max-width: 420px; width: 100%; 
  text-align: center; box-shadow: 0 10px 30px rgba(0,0,0,0.5); 
}
h2 { margin: 0 0 24px; font-size: 20px; font-weight: 500; }
.captcha-box { 
  border: 1px solid #30363d; border-radius: 6px; padding: 16px; 
  display: flex; align-items: center; justify-content: center; 
  cursor: pointer; transition: 0.2s; background: #0d1117; 
}
.captcha-box:hover { background: #1f2428; }
.captcha-box.checked { background: #238636; border-color: #2ea043; }
.checkmark { 
  width: 24px; height: 24px; border: 2px solid #555; border-radius: 4px; 
  margin-right: 12px; display: inline-block; position: relative; transition: 0.2s; 
}
.checked .checkmark { background: #fff; border-color: #fff; }
.checked .checkmark::after { 
  content: ''; position: absolute; left: 7px; top: 3px; width: 6px; height: 12px; 
  border: solid #238636; border-width: 0 2px 2px 0; transform: rotate(45deg); 
}
.status { margin-top: 20px; font-size: 14px; color: #8b949e; min-height: 24px; }
b { color: #58a6ff; }
.err { color: #f85149; }