:root { --bg:#0f172a; --card:#111827; --muted:#94a3b8; --text:#e5e7eb; --accent:#22c55e; --err:#ef4444; }
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:linear-gradient(135deg,#888888,#bbbbbb);color:var(--text);font:16px/1.5 system-ui,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial}


.container{max-width:1100px;margin:40px auto;display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0 16px}
.panel{background:var(--card);border:1px solid #1f2937;border-radius:16px;padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.panel h1{margin:0 0 16px;font-size:22px}
label{display:block;margin:14px 0 6px;color:var(--muted)}
textarea,input{width:100%;border:1px solid #bbbbbb;background:#0b1220;color:var(--text);border-radius:12px;padding:12px}
textarea{min-height:220px}
button{margin-top:14px;display:inline-block;padding:12px 16px;border-radius:12px;border:0;background:var(--accent);color:#052e16;font-weight:700;cursor:pointer}
button:hover{filter:brightness(1.05)}


.feedback, .message{max-width:720px;margin:80px auto;background:var(--card);border:1px solid #1f2937;border-radius:16px;padding:24px}
.feedback h2{margin-top:0}
.feedback a, .message a{color:var(--accent);text-decoration:none}


.message .meta{color:var(--muted);margin-top:-6px}
.message pre.content{white-space:pre-wrap;background:#0b1220;border:1px solid #273449;border-radius:12px;padding:16px}


@media (max-width: 900px){ .container{grid-template-columns:1fr} }

.site-header {
text-align: center;
margin: 40px 0;
}

.site-header {
text-align: center;
margin: 40px 0;
}


.site-header h1 {
font-size: 2rem;
font-weight: 700;
color: #fefefe;
text-shadow: 0 2px 6px rgba(0,0,0,0.5);
}