*{box-sizing:border-box}html,body{margin:0;padding:0}
:root{--bg:#0b1020;--card:#131a33;--muted:#aab3cf;--text:#e8ecff;--accent:#8fb3ff;--border:#263154}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;background:var(--bg);color:var(--text)}
.wrap{max-width:980px;margin:0 auto;padding:1rem}
.site-header{background:linear-gradient(180deg,#0b1020,rgba(11,16,32,.6)) ;border-bottom:1px solid var(--border)}
.site-header h1{margin:.2rem 0;font-weight:700}
.subtitle{color:var(--muted);margin:0 0 .5rem}
.site-footer{border-top:1px solid var(--border);color:var(--muted)}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1rem;margin:1rem 0;box-shadow:0 6px 18px rgba(0,0,0,.25)}
h2{margin:.2rem 0 1rem}
.form-grid{display:grid;gap:.75rem}
input,textarea{width:100%;padding:.65rem;border-radius:10px;border:1px solid var(--border);background:#0f1630;color:var(--text)}
textarea{min-height:120px;resize:vertical}
.btn{background:var(--accent);color:#102;border:0;padding:.7rem 1rem;border-radius:10px;font-weight:600;cursor:pointer}
.btn:hover{opacity:.95}
.qa-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.qa-item{display:grid;grid-template-columns:1fr auto;gap:.5rem;border:1px solid var(--border);border-radius:12px;padding:.8rem;background:#0f1630}
.qa-title{font-weight:700;margin:0 0 .25rem}
.qa-meta{color:var(--muted);font-size:.9rem}
.vote-box{display:flex;align-items:center;gap:.5rem}
.vote-btn{padding:.4rem .7rem;border-radius:8px;border:1px solid var(--border);background:#0c132b;color:var(--text);cursor:pointer}
.vote-btn:hover{background:#0a1126}
.vote-count{font-weight:700}