* { margin:0; padding:0; box-sizing:border-box; }
body { background:#08080c; color:#e2e2ec; font-family:'Space Grotesk',sans-serif; line-height:1.8; }
.container { max-width:900px; margin:0 auto; padding:40px 32px; }
h1 { font-size:28px; margin-bottom:8px; letter-spacing:2px; }
h2 { font-size:18px; color:#00e676; margin:40px 0 12px; padding-bottom:8px; border-bottom:1px solid #1e1e2e; }
h3 { font-size:14px; color:#448aff; margin:24px 0 8px; }
p,li { font-size:14px; color:#b0b0c0; margin-bottom:8px; }
ul,ol { padding-left:20px; }
strong { color:#e2e2ec; }
.core-box { background:linear-gradient(135deg,#0a1a0a,#0a0f1a); border:1px solid #00e676; padding:24px; margin:24px 0; border-radius:8px; }
.core-box p { color:#e2e2ec; font-size:16px; line-height:2; }
.highlight { background:#1a2a1a; border-left:3px solid #00e676; padding:12px 16px; margin:16px 0; border-radius:0 4px 4px 0; }
.warning { background:#2a1a1a; border-left:3px solid #ff1744; padding:12px 16px; margin:16px 0; }
.correction { background:#0f0f17; border-left:3px solid #448aff; padding:10px 16px; margin:8px 0; font-size:13px; }
.wrong { color:#ff1744; } .right { color:#00e676; }
.nav { position:fixed; top:20px; right:20px; z-index:10; }
.nav a { display:block; background:#0f0f17; color:#448aff; text-decoration:none; padding:8px 16px; margin:4px 0; border-radius:4px; font-size:12px; font-family:'JetBrains Mono',monospace; }
table { width:100%; border-collapse:collapse; margin:12px 0; font-size:13px; font-family:'JetBrains Mono',monospace; }
th,td { padding:8px 12px; text-align:left; border-bottom:1px solid #12121a; }
th { color:#5a5a72; font-weight:400; font-size:11px; text-transform:uppercase; }
.subtitle { color:#5a5a72; font-size:14px; margin-bottom:32px; }
.comment-box { background:#0f0f17; border:1px solid #1e1e2e; border-radius:4px; padding:12px 16px; margin:8px 0; }
.comment-author { color:#448aff; font-weight:600; font-size:13px; }
.comment-time { color:#5a5a72; font-size:11px; }
.comment-content { color:#b0b0c0; font-size:13px; white-space:pre-wrap; margin-top:8px; }
input,textarea { background:#0f0f17; border:1px solid #1e1e2e; color:#e2e2ec; padding:8px 12px; border-radius:4px; font-family:'Space Grotesk',sans-serif; font-size:13px; }
textarea { width:100%; resize:vertical; }
button { background:#00e676; color:#000; border:none; padding:8px 24px; border-radius:4px; font-weight:700; cursor:pointer; font-family:'Space Grotesk',sans-serif; }