*{margin:0;padding:0;box-sizing:border-box}
:root{--primary:#00d4aa;--dark:#0f172a;--card:#1e293b}
body{font-family:system-ui,-apple-system,sans-serif;background:var(--dark);color:#fff;line-height:1.7}
nav{background:rgba(15,23,42,0.95);padding:15px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,212,170,0.2);position:sticky;top:0;z-index:100}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--primary);font-size:1.2rem;font-weight:bold}
.nav-logo img{width:28px}
.container{max-width:800px;margin:0 auto;padding:60px 20px}
h1{font-size:2rem;color:var(--primary);margin-bottom:8px}
.meta{color:#475569;font-size:0.85rem;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.05)}
h2{font-size:1.2rem;color:#00d4aa;margin:35px 0 12px;padding-left:12px;border-left:3px solid var(--primary)}
h3{font-size:1rem;color:#94a3b8;margin:20px 0 8px}
p{color:#94a3b8;margin-bottom:12px;font-size:0.95rem}
ul{color:#94a3b8;padding-left:20px;margin-bottom:12px}
li{margin-bottom:6px;font-size:0.95rem}
.highlight{background:rgba(0,212,170,0.08);border:1px solid rgba(0,212,170,0.2);border-radius:10px;padding:15px 20px;margin:20px 0}
.highlight p{color:#cbd5e1;margin:0}
a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:underline}
footer{text-align:center;padding:30px;color:#475569;font-size:0.8rem;border-top:1px solid rgba(255,255,255,0.05);margin-top:60px}
.lang-links{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:20px}
.lang-links a{background:var(--card);padding:5px 12px;border-radius:15px;font-size:0.8rem;color:#94a3b8}