/* Global UX for KlingonDuolingo */
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#0b0c10;color:#e5e5e5;line-height:1.6}
header{background:#1f2833;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}
header .logo{color:#66fcf1;text-decoration:none;font-size:1.5rem;font-weight:bold}
nav ul{list-style:none;margin:0;padding:0;display:flex;gap:1.5rem}
nav ul li a{color:#c5c6c7;text-decoration:none;transition:color .3s}
nav ul li a:hover{color:#66fcf1}
.hero, .translator, .features, .latest-posts, .affiliates, .contact, .page-content {padding:3rem 2rem}
.hero{background:linear-gradient(135deg,#1f2833,#0b0c10);text-align:center}
h1,h2{color:#66fcf1;margin:.2rem 0 1rem}
.btn{background:#66fcf1;color:#0b0c10;padding:.8rem 1.5rem;text-decoration:none;border-radius:6px;font-weight:bold;transition:background .3s;display:inline-block}
.btn:hover{background:#45a29e}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}
.card{background:#1f2833;padding:1.5rem;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.5)}
.card a{color:#66fcf1;text-decoration:none;font-weight:bold}
.card a:hover{color:#45a29e}
footer{background:#1f2833;color:#c5c6c7;text-align:center;padding:2rem;margin-top:2rem}
footer nav a{color:#66fcf1;margin:0 .5rem;text-decoration:none}
footer nav a:hover{text-decoration:underline}
/* Translator + contact */
.translator{text-align:center;border-bottom:2px solid #1f2833}
.translator input,.translator button,.contact input,.contact textarea,.contact button{padding:.6rem;margin:.3rem;border-radius:6px;border:none;font-size:1rem}
.translator input{width:60%;max-width:400px}
.translator button,.contact button{background:#66fcf1;color:#0b0c10;font-weight:bold;cursor:pointer;transition:background .3s}
.translator button:hover,.contact button:hover{background:#45a29e}
.contact form{display:flex;flex-direction:column;align-items:center;max-width:600px;margin:auto}
.contact input,.contact textarea{width:100%;margin-bottom:1rem}
/* Lists, tables */
.table{width:100%;border-collapse:collapse;border-radius:8px;overflow:hidden}
.table th,.table td{padding:.8rem;border-bottom:1px solid #202833;text-align:left}
.table th{color:#66fcf1;background:#0f141b}
kbd{background:#202833;border:1px solid #2b3644;border-radius:4px;padding:.15rem .35rem;font-family:monospace}
.small{opacity:.85;font-size:.95rem}