*{margin:0;padding:0;box-sizing:border-box}
body{
    font-family:'Roboto Mono',monospace;
    background:#0b0e14;
    color:#c9d1d9;
    line-height:1.7
}
.container{max-width:960px;margin:auto;padding:2rem}
nav{
    display:flex;align-items:center;justify-content:space-between;
    background:#11161f;
    padding:1rem 2rem;
    border-bottom:3px solid #00d4aa;
    position:sticky;top:0;z-index:10
}
nav ul{display:flex;gap:2rem;list-style:none}
nav a{text-decoration:none;font-family:'Orbitron',sans-serif;color:#00d4aa;transition:color .2s}
nav a:hover{color:#f72585}
.active{color:#fff!important}
h1,h2{font-family:'Orbitron',sans-serif;letter-spacing:.04em}
h1{
    color:#f72585;
    font-size:2.4rem;
    margin-bottom:.75rem;
    text-shadow:0 0 20px rgba(247,37,133,.3)
}
h2{
    color:#00d4aa;
    font-size:1.6rem;
    margin-top:2rem;
    border-bottom:2px solid #00d4aa;
    padding-bottom:.5rem;
    text-shadow:0 0 12px rgba(0,212,170,.2)
}
.card{
    background:#131821;
    padding:1.5rem;
    margin-top:1rem;
    border-radius:8px;
    border:1px solid #1e2a3a;
    transition:border-color .2s,box-shadow .2s
}
.card:hover{
    border-color:#00d4aa;
    box-shadow:0 0 16px rgba(0,212,170,.12)
}
form{display:grid;gap:.75rem;margin-top:1rem}
input,textarea{
    background:#0b0e14;
    color:#c9d1d9;
    border:1px solid #1e2a3a;
    padding:.8rem;
    border-radius:4px;
    font-family:'Roboto Mono',monospace;
    outline:none;transition:border-color .2s
}
input:focus,textarea:focus{border-color:#00d4aa;box-shadow:0 0 0 3px rgba(0,212,170,.15)}
textarea{resize:vertical;min-height:110px}
button{
    background:linear-gradient(135deg,#00d4aa,#00b894);
    color:#0b0e14;
    font-weight:700;
    padding:.8rem 1.8rem;
    border:none;border-radius:4px;
    cursor:pointer;
    transition:filter .2s;
    font-family:'Orbitron',sans-serif;
    letter-spacing:.04em
}
button:hover{filter:brightness(1.15)}
footer{margin-top:3rem;text-align:center;color:#555;font-size:.85rem}
.hero{
    font-size:1.15rem;
    color:#8b949e;
    margin-bottom:2rem
}
.topic-list{
    list-style:none;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1rem;
    margin-top:1rem
}
.topic-list li{
    background:#131821;
    padding:1.2rem;
    border-left:4px solid #f72585;
    border-radius:4px;
    transition:border-color .2s;
    cursor:default
}
.topic-list li:hover{border-left-color:#00d4aa}
.topic-list li span{display:block;font-size:.8rem;color:#555;margin-top:.3rem}
.status-msg{
    background:#131821;
    border:2px solid #00d4aa;
    border-radius:8px;
    padding:1.5rem;
    text-align:center;
    margin-top:1rem;
    font-size:1.1rem
}
@media(max-width:600px){
    nav{flex-direction:column;gap:1rem}
    nav ul{flex-wrap:wrap;justify-content:center;gap:1rem}
    .topic-list{grid-template-columns:1fr}
}